:root{--bg:#07111f;--panel:#0d1a2b;--panel2:#122238;--line:#21344b;--text:#edf5ff;--muted:#8fa5bd;--cyan:#35d0ba;--blue:#4c8dff;--amber:#f5b942;--red:#ff667a;--green:#5bd394;--purple:#a88bff;--shadow:0 22px 60px rgba(0,0,0,.28);font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% -20%,rgba(53,208,186,.13),transparent 35%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}[hidden]{display:none!important}
.login-aside-copy{color:var(--muted);font-size:16px;line-height:1.7;max-width:600px;margin:-18px 0 42px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr}.login-card{padding:48px clamp(32px,7vw,90px);display:flex;flex-direction:column;justify-content:center;background:rgba(7,17,31,.9);border-right:1px solid var(--line)}.login-aside{padding:10vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,rgba(76,141,255,.08),rgba(53,208,186,.05))}.login-aside blockquote{font:800 clamp(30px,4vw,58px)/1.12 Manrope;margin:40px 0;color:#dcecff;max-width:850px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup b{display:block;font:800 17px Manrope}.brand-lockup small{display:block;color:var(--muted);margin-top:2px}.brand-glyph{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));font:800 19px Manrope;box-shadow:0 9px 30px rgba(53,208,186,.24)}.login-copy{margin:72px 0 34px}.login-copy h1{font:800 clamp(34px,5vw,56px)/1.04 Manrope;margin:12px 0}.login-copy p{color:var(--muted);line-height:1.7;max-width:520px}.login-foot{color:var(--muted);font-size:12px;margin-top:28px}.signal{display:flex;align-items:center;gap:10px;color:var(--cyan);font-weight:700}.signal i,.timezone-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(53,208,186,.1)}.state-flow{display:flex;gap:16px;align-items:center;color:var(--muted)}.state-flow span{padding:9px 14px;border:1px solid var(--line);border-radius:99px;color:var(--text)}
.stack{display:grid;gap:18px}.stack label,.field{display:grid;gap:8px;color:#c6d7e9;font-size:12px;font-weight:700}.stack input,.field input,.field select,.field textarea,.filters input,.filters select{width:100%;border:1px solid var(--line);background:#0a1626;color:var(--text);border-radius:10px;padding:12px 13px}.field textarea{min-height:120px;resize:vertical}.form-error{color:#ff9dac;background:rgba(255,102,122,.1);padding:11px;border-radius:9px;margin:0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:rgba(8,19,33,.96);display:flex;flex-direction:column}.sidebar-brand{padding:0 8px 25px}.nav{display:grid;gap:4px;overflow:auto}.nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600}.nav button:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav button.active{background:linear-gradient(90deg,rgba(53,208,186,.15),rgba(76,141,255,.08));color:#dffffa;box-shadow:inset 3px 0 var(--cyan)}.nav-icon{width:22px;text-align:center}.nav-group{font-size:10px;color:#617892;letter-spacing:.12em;padding:22px 12px 7px;font-weight:800}.sidebar-foot{margin-top:auto;padding:16px 10px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.sidebar-foot b,.sidebar-foot small{display:block;font-size:11px}.sidebar-foot small{color:var(--muted);margin-top:3px}
.workspace{min-width:0}.topbar{min-height:82px;padding:16px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;justify-content:space-between;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.topbar h1{font:800 23px Manrope;margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--cyan);font-weight:800;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.user-menu{display:flex;align-items:center;gap:10px;padding:0 12px;border-left:1px solid var(--line)}.user-menu b,.user-menu small{display:block;font-size:12px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{color:var(--muted);font-size:10px;margin-top:3px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);color:var(--cyan);font-weight:800;border:1px solid var(--line)}.page-content{padding:28px 30px 60px;max-width:1600px;margin:auto}.mobile-only{display:none!important}
.button,.icon-button{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:10px 14px;font-weight:700;font-size:12px;cursor:pointer;transition:.15s}.button:hover,.icon-button:hover{transform:translateY(-1px);border-color:#36516f}.button.primary{background:linear-gradient(135deg,#238fda,#23a992);border-color:transparent}.button.danger{background:rgba(255,102,122,.12);color:#ff9dac;border-color:rgba(255,102,122,.3)}.button.success{background:rgba(91,211,148,.13);color:#7ee3aa;border-color:rgba(91,211,148,.3)}.button.ghost{background:transparent}.button.full{width:100%;padding:13px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;background:transparent;font-size:17px}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.section-head h2{font:800 20px Manrope;margin:4px 0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(18,34,56,.9),rgba(11,25,42,.9));border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 35px rgba(0,0,0,.13)}.metric{min-height:130px}.metric .label{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;font:800 28px Manrope;margin:13px 0 7px}.metric small{color:var(--muted)}.metric.accent{border-color:rgba(53,208,186,.35);background:linear-gradient(145deg,rgba(53,208,186,.1),rgba(11,25,42,.9))}.metric .money{color:#8cebd7}.panel-title{font:800 15px Manrope;margin:0 0 16px}.empty{padding:44px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.notice{padding:13px 15px;border:1px solid rgba(245,185,66,.3);background:rgba(245,185,66,.08);color:#f9d587;border-radius:10px;font-size:12px;line-height:1.5}.notice.info{border-color:rgba(76,141,255,.3);background:rgba(76,141,255,.08);color:#a9c9ff}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:800px;background:rgba(10,22,38,.55)}.data-table th{text-align:left;padding:11px 13px;color:#7790aa;background:#0b192a;font-size:10px;text-transform:uppercase;letter-spacing:.07em;position:sticky;top:0}.data-table td{padding:12px 13px;border-top:1px solid rgba(33,52,75,.75);font-size:12px;vertical-align:middle}.data-table tr:hover td{background:rgba(255,255,255,.018)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}.amount{font-weight:800}.pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#172941;color:#a9bdd3}.pill.PAID,.pill.AVAILABLE,.pill.VALID,.pill.SUCCESS,.pill.ACTIVE,.pill.COMMITTED{background:rgba(91,211,148,.12);color:#79dfa6}.pill.PENDING,.pill.READY,.pill.DRAFT{background:rgba(245,185,66,.12);color:#f3ca6c}.pill.PROCESSING,.pill.IMPORTED{background:rgba(76,141,255,.13);color:#8ab5ff}.pill.REJECTED,.pill.FAILED,.pill.DISABLED,.pill.DENIED{background:rgba(255,102,122,.12);color:#ff98a7}.pill.FLAGGED,.pill.DUPLICATE,.pill.PARTIAL,.pill.UNVERIFIED{background:rgba(168,139,255,.13);color:#c0aaff}.row-actions{display:flex;gap:6px}.row-actions .button{padding:7px 9px;font-size:10px}
.filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:14px}.filters label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.filters .filter-actions{display:flex;align-items:end;gap:7px}.tabbar{display:flex;gap:5px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tabbar button{border:0;background:transparent;padding:11px 14px;color:var(--muted);font-weight:700;font-size:12px;cursor:pointer;border-bottom:2px solid transparent}.tabbar button.active{color:var(--text);border-color:var(--cyan)}
.import-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.4fr);gap:18px}.paste-area{width:100%;min-height:280px;background:#071321;color:#cde7ff;border:1px solid var(--line);border-radius:10px;padding:15px;font:13px/1.65 ui-monospace,monospace;resize:vertical}.summary-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.summary-chip{padding:8px 10px;background:#0c1a2c;border:1px solid var(--line);border-radius:8px;font-size:11px}.claim-lookup{max-width:800px}.claim-result{margin-top:18px}.detail-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-list div{background:#0a1829;border:1px solid var(--line);padding:12px;border-radius:9px}.detail-list small,.detail-list b{display:block}.detail-list small{color:var(--muted);font-size:10px;margin-bottom:6px}.payment-message{white-space:pre-wrap;background:#071321;border:1px solid var(--line);border-radius:10px;padding:16px;font:12px/1.65 ui-monospace,monospace;color:#d6e9f7}.chart{display:flex;align-items:flex-end;gap:7px;height:180px;padding-top:15px}.bar{flex:1;min-width:8px;background:linear-gradient(180deg,var(--cyan),#237fa4);border-radius:5px 5px 0 0;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#020914;padding:6px;border-radius:6px;font-size:9px;white-space:nowrap;z-index:2}.dialog{width:min(560px,calc(100% - 30px));border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);padding:0}.dialog::backdrop{background:rgba(0,5,12,.76);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:4px 0 0;font:800 20px Manrope}.dialog-body{padding:20px;display:grid;gap:15px}.dialog-actions{padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-region{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:100}.toast{background:#13243a;border:1px solid #2a4664;border-left:4px solid var(--cyan);border-radius:9px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;max-width:360px}.toast.error{border-left-color:var(--red)}.skeleton{height:110px;border-radius:12px;background:linear-gradient(90deg,#0c1a2d 25%,#142741 45%,#0c1a2d 65%);background-size:250% 100%;animation:load 1.3s infinite}@keyframes load{to{background-position:-250% 0}}
@media(max-width:1100px){.grid.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.import-layout{grid-template-columns:1fr}.login-aside{display:none}.login-shell{grid-template-columns:1fr}.login-card{border:0}.detail-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:30;transform:translateX(-100%);transition:.2s;width:250px}.app-shell.nav-open .sidebar{transform:none}.mobile-only{display:grid!important}.topbar{padding:13px 15px}.top-actions .user-menu,.top-actions .ghost{display:none}.page-content{padding:20px 14px 45px}.grid.cards,.grid.two,.grid.three{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.detail-list{grid-template-columns:1fr}.login-card{padding:30px 22px}.login-copy{margin:50px 0 28px}}