:root{--navy:#082e4c;--navy2:#0c3a5a;--sky:#35b7e5;--ink:#16354c;--muted:#688094;--line:#dbe6ec;--bg:#f3f7f9;--white:#fff;--green:#187762;--amber:#b46b1c;--red:#b3433c;font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;color:var(--ink);font-size:16px}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#0e6a9c}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:'Manrope',ui-sans-serif,system-ui,sans-serif}h1{font-size:clamp(1.65rem,2.2vw,2.25rem);letter-spacing:-.035em;margin-bottom:.35rem}h2{font-size:1.28rem;letter-spacing:-.02em}h3{font-size:1.03rem}.muted{color:var(--muted)}.small{font-size:.86rem}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:#1685ad}.shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(160deg,#082b47,#0a3957 80%);color:white;padding:1.45rem 1rem;display:flex;flex-direction:column;min-height:100vh}.brand-block{display:flex;gap:.8rem;align-items:center;padding:.35rem .45rem}.brand-block strong{display:block;line-height:1.25;max-width:155px;overflow-wrap:anywhere;font-size:1rem}.brand-block small{color:#a9cfdf;font-size:.75rem}.brand-mark{background:var(--sky);color:#052842;border-radius:12px;width:42px;height:42px;display:inline-grid;place-items:center;font-size:1.7rem;font-weight:800;flex:none}.logo-slot{min-height:60px;margin:1.2rem .45rem .5rem}.logo-slot img{max-height:64px;max-width:170px;object-fit:contain;background:white;border-radius:9px;padding:4px}.sidebar-kicker,.sidebar-bottom p{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#93c9df;padding:.2rem .75rem}.sidebar nav{display:flex;flex-direction:column;gap:.2rem}.nav-link{border:0;color:#d4e5ef;background:transparent;display:flex;align-items:center;gap:.8rem;text-align:left;padding:.77rem .85rem;border-radius:12px;font-size:.91rem;font-weight:700}.nav-link span{width:20px;text-align:center;font-size:1.2rem;font-weight:400}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1c}.nav-link.active{box-shadow:inset 3px 0 var(--sky)}.sidebar-bottom{margin-top:auto;background:#ffffff10;border:1px solid #ffffff16;border-radius:16px;padding:.8rem}.sidebar-bottom p{padding:0;margin-bottom:.4rem}.sidebar-bottom strong{font-size:1.55rem;display:block;letter-spacing:-.03em}.sidebar-bottom span{font-size:.75rem;color:#b5d4e1}.main-column{min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);height:78px;padding:0 clamp(1rem,3vw,2.8rem);display:flex;justify-content:space-between;align-items:center;gap:1rem}.route{font-size:.76rem;font-weight:800;letter-spacing:.17em;color:#386682}.route span{color:#08a6d3;padding:0 .5rem}.top-right{display:flex;align-items:center;gap:.6rem;font-size:.84rem;min-width:0}.top-right #admin-email{overflow:hidden;text-overflow:ellipsis;max-width:220px;white-space:nowrap}.online-dot{background:#2bbba7;width:8px;height:8px;border-radius:50%}.text-button{border:0;background:transparent;color:#086c98;font-weight:700;padding:.35rem}.mobile-brand,.mobile-nav{display:none}#content{max-width:1560px;padding:clamp(1.1rem,2.5vw,2.5rem);margin:auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-heading p{margin:.4rem 0 0;color:var(--muted)}.page-actions{display:flex;gap:.55rem;flex-wrap:wrap}.primary-button,.secondary-button,.danger-button{border:1px solid transparent;border-radius:10px;padding:.68rem 1rem;font-weight:800;font-size:.88rem;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}.primary-button{background:var(--navy);color:#fff}.primary-button:hover{background:#0c4c72}.secondary-button{background:white;color:var(--navy);border-color:#bfd2df}.secondary-button:hover{background:#eef6fa}.danger-button{background:#fff3f1;color:var(--red);border-color:#f2cfca}.danger-button:hover{background:#ffe8e4}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.12rem 1.25rem;min-height:130px;box-shadow:0 7px 26px #0d3d5d08}.metric b{font-size:clamp(1.3rem,1.8vw,1.8rem);display:block;margin:.6rem 0 .15rem;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:.82rem}.metric .metric-label{font-weight:800;font-size:.8rem;color:#31576e;letter-spacing:.01em}.metric-primary{background:linear-gradient(125deg,#0b3756,#104e6f);color:white}.metric-primary .metric-label,.metric-primary span{color:#a8d2e3}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 26px #0d3d5d08;margin-bottom:1.2rem;overflow:hidden}.panel-head{padding:1.15rem 1.3rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel-head h2{margin:0}.panel-head p{color:var(--muted);font-size:.84rem;margin:.3rem 0 0}.panel-body{padding:1.2rem 1.3rem}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:1.2rem}.table-wrap{overflow:auto;max-width:100%;scrollbar-color:#b8d5e0 transparent}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid #ebf1f4;padding:.81rem .75rem;vertical-align:middle}th{background:#f7fafb;color:#516c7e;font-size:.73rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}tbody tr:hover{background:#f8fbfd}tbody tr:last-child td{border-bottom:0}.money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.strong{font-weight:800;color:var(--navy)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:#0a4569;font-size:.82rem}.badge{display:inline-flex;border-radius:100px;padding:.3rem .58rem;font-size:.72rem;font-weight:800;white-space:nowrap;background:#edf6fb;color:#16638c}.badge.green{background:#e6f6f0;color:var(--green)}.badge.amber{background:#fff3e4;color:var(--amber)}.badge.gray{background:#e9eff2;color:#526778}.row-actions{display:flex;gap:.35rem;align-items:center;white-space:nowrap}.row-actions button,.row-actions a{font-size:.78rem;padding:.35rem .55rem;border-radius:8px;border:1px solid #d5e3eb;background:white;color:#176486;text-decoration:none;font-weight:700}.row-actions button:hover,.row-actions a:hover{background:#eaf6fc}.empty{padding:2.5rem;text-align:center}.empty .empty-icon{background:#e7f4fa;border-radius:18px;width:56px;height:56px;display:grid;place-items:center;margin:0 auto 1rem;color:#1289b4;font-size:1.7rem}.empty h2{margin-bottom:.4rem}.empty p{max-width:480px;margin:0 auto 1.2rem;color:var(--muted)}.toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.search,.control{border:1px solid #cddce4;background:white;border-radius:9px;padding:.62rem .72rem;min-height:42px;color:var(--ink);font-size:.9rem}.search{min-width:min(280px,100%)}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.84rem;font-weight:800;color:#36566c}.field input,.field select,.field textarea{width:100%;border:1px solid #cbdbe4;border-radius:9px;background:#fff;color:var(--ink);min-height:42px;padding:.62rem .7rem;font-weight:500;outline-color:#1c98c5}.field textarea{min-height:90px;resize:vertical}.field input[type=checkbox]{width:auto;min-height:0;accent-color:#117fa8}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.full{grid-column:1 / -1}.form-actions{display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap;padding-top:1rem}.form-section{grid-column:1/-1;color:#0f688d;font-weight:800;border-top:1px solid #e5eff3;padding-top:.9rem}.form-help{font-size:.79rem;color:var(--muted);margin:0}.custom-pill{display:inline-flex;background:#eff8fb;color:#1b7295;font-size:.7rem;padding:.18rem .45rem;border-radius:6px;margin-left:.35rem}.hint{font-size:.78rem;color:var(--muted)}dialog{padding:0;border:0;border-radius:18px;box-shadow:0 30px 90px #071f3570;width:min(720px,calc(100vw - 1.5rem));max-height:92vh}dialog::backdrop{background:#041c2eaa}.dialog-content{max-height:92vh;overflow:auto;background:#fff}.dialog-head{padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0}.dialog-content #dialog-body{padding:1.25rem 1.4rem}.icon-button{border:0;background:#edf4f7;color:#315a71;border-radius:8px;font-size:1.35rem;width:32px;height:32px;line-height:1}.spreadsheet-banner{background:#e8f5fa;border:1px solid #c4e2ed;padding:1rem 1.15rem;border-radius:12px;margin-bottom:1rem;color:#235b77;font-size:.86rem}.grid-sheet{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.grid-sheet th{position:sticky;top:0;z-index:2;background:#e9f2f6;border-right:1px solid #d8e6ed}.grid-sheet td{border-right:1px solid #edf2f5;padding:0;min-width:145px}.grid-sheet td:first-child,.grid-sheet th:first-child{position:sticky;left:0;z-index:1;min-width:78px;max-width:78px;background:#f2f7fa;text-align:center}.grid-sheet td:last-child{min-width:144px;position:sticky;right:0;background:white;z-index:1}.grid-sheet td input,.grid-sheet td select{border:0;min-width:100%;width:100%;height:43px;padding:.5rem .6rem;background:transparent;color:#16354c;outline-color:var(--sky);font-size:.84rem}.grid-sheet tr:nth-child(even) td{background:#fbfdfe}.grid-sheet .sheet-actions{padding:.2rem .4rem}.grid-sheet .sheet-actions button{font-size:.78rem}.grid-sheet tr.pending{box-shadow:inset 3px 0 #33b4e3}.grid-sheet tr.error-row{box-shadow:inset 3px 0 var(--red)}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.admin-grid .panel{min-width:0}.brand-preview{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;padding:.9rem;border:1px dashed #cddfe7;border-radius:12px}.brand-preview img{max-width:130px;max-height:68px;object-fit:contain}.list-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-bottom:1px solid #edf2f5;padding:.7rem 0}.list-item:last-child{border-bottom:0}.inline-row{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.inline-row .field{flex:1 1 180px}.report-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.report-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.report-card{border:1px solid var(--line);border-radius:12px;padding:1rem;background:#fff}.report-card p{margin:0;color:var(--muted);font-size:.85rem}.report-card strong{font-size:1.2rem;display:block;margin:.35rem 0}.loading{text-align:center;padding:6rem;color:var(--muted)}.spinner{display:inline-block;border:2px solid #bddce8;border-top-color:#087ea8;width:16px;height:16px;border-radius:100%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:.4rem}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;right:1rem;bottom:1rem;z-index:100;background:#0c3854;color:white;border-radius:12px;padding:.85rem 1.15rem;box-shadow:0 10px 35px #0d304455;max-width:380px;display:none;font-size:.85rem}#toast.error{background:#a83d37}#toast.show{display:block}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 20% 15%,#16516c,#092f4d 55%,#061f35);padding:1rem}.login-card{width:min(440px,100%);background:white;padding:2.4rem;border-radius:20px;box-shadow:0 25px 80px #051c30aa}.login-symbol{background:var(--sky);border-radius:14px;width:58px;height:58px;display:grid;place-items:center;font-size:2rem;font-weight:800;color:var(--navy);margin-bottom:1.4rem}.login-card h1{font-size:1.7rem}.login-card .muted{line-height:1.55}.login-form{display:grid;gap:1rem;margin:1.8rem 0 1rem}.login-form label{font-weight:800;font-size:.85rem;display:grid;gap:.45rem}.login-form input{border:1px solid #cbdbe4;border-radius:9px;padding:.8rem;outline-color:#1c98c5}.login-card small{color:var(--muted)}.login-error{color:var(--red);font-size:.84rem;font-weight:700;min-height:1.2rem}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.report-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.shell{display:block}.sidebar{display:none}.topbar{height:68px}.mobile-brand{display:flex;align-items:center;gap:.5rem;font-family:Manrope,sans-serif;font-weight:800;font-size:.86rem}.mobile-brand .brand-mark{width:32px;height:32px;font-size:1.3rem}.mobile-nav{display:flex;overflow-x:auto;background:#082e4c;padding:.5rem .65rem;gap:.25rem}.mobile-nav button{white-space:nowrap;color:#dcecf4;background:transparent;border:0;border-radius:8px;padding:.55rem .7rem;font-size:.81rem;font-weight:700}.mobile-nav button.active{background:#ffffff25;color:white}.route{display:none}.two-col{grid-template-columns:1fr}}
@media(max-width:600px){.top-right #admin-email{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:.65rem}.metric{padding:.9rem;min-height:110px}.metric b{font-size:1.3rem}.form-grid,.report-controls,.report-cards{grid-template-columns:1fr}.page-actions{width:100%}.page-actions button{flex:1}.panel-head,.panel-body{padding:1rem}.login-card{padding:1.65rem}}
.report-snapshot{margin-top:1.2rem}.rule{border:0;border-top:1px solid #dbe6ec;margin:1.2rem 0}.admin-subhead{margin-top:1.6rem}.field textarea.paste-area{min-height:190px}
.draft-counter{display:inline-flex;align-items:center;background:#edf6fb;color:#176486;border-radius:100px;padding:.38rem .65rem;font-size:.76rem;font-weight:800;white-space:nowrap}.import-tip{margin-top:1rem;padding:.85rem 1rem;border-radius:10px;background:#edf7fb;color:#2b5b73;font-size:.84rem}.import-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.import-summary span{display:flex;flex-direction:column;gap:.18rem;padding:.85rem;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.76rem}.import-summary strong{font-size:1.2rem;color:var(--navy)}.import-errors{background:#fff3f1;border:1px solid #f2cfca;color:#8b342f;border-radius:11px;padding:1rem;margin-bottom:1rem}.import-errors ul{margin:.6rem 0 0;padding-left:1.2rem;max-height:180px;overflow:auto}.import-errors li{margin:.3rem 0;font-size:.83rem}.import-ready{display:flex;flex-direction:column;gap:.25rem;background:#e8f7f1;border:1px solid #bfe5d6;color:#176c51;border-radius:11px;padding:1rem;margin-bottom:1rem}.import-preview{max-height:320px;border:1px solid var(--line);border-radius:10px}.import-preview table{width:max-content;min-width:100%}.import-preview th{position:sticky;top:0;z-index:1}.import-preview td{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-sheet .sheet-actions .row-actions{padding:.15rem 0;justify-content:center}
@media(max-width:600px){.import-summary{grid-template-columns:1fr 1fr 1fr}.import-summary span{padding:.65rem}.import-summary strong{font-size:1rem}}