:root{color:#1f2a3d;background:radial-gradient(circle at top, #f7fbff 0%, var(--bg) 40%, var(--bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;--bg:#f2f6fc;--panel:#fffffff7;--panel-solid:#fff;--line:#d7e2f0;--border:#d7e2f0;--text:#1f2a3d;--muted:#5f728a;--primary:#1f5ea8;--primary-strong:#174a84;--primary-soft:#e9f2ff;--success:#0f7a3b;--warning:#8a5a00;--danger:#8c1d18;--accent:#1f5ea8;--accent-2:#0f7a3b;--accent-soft:#e9f2ff;--shadow:0 10px 26px -22px #174a8480;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-card:12px;font-family:Inter,Segoe UI,Aptos,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at top, #f7fbff 0%, var(--bg) 40%, var(--bg) 100%);margin:0;line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit}button{border:1px solid var(--primary);background:linear-gradient(180deg, #2a6fbd 0%, var(--primary) 100%);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;min-height:44px;padding:.625rem 1.25rem;font-weight:600;transition:background .2s,border-color .2s,transform .15s}button:focus-visible{outline-offset:2px;outline:3px solid #1f5ea840}button:hover:not(:disabled){background:linear-gradient(180deg, #2e78cc 0%, var(--primary-strong) 100%);border-color:var(--primary-strong)}button:disabled{opacity:.55;cursor:not-allowed}button.compact{min-height:36px;padding:.375rem .875rem;font-size:.875rem}button.secondary{color:var(--primary);border:1px solid var(--border);box-shadow:none;background:#f4f8fe}button.secondary:hover:not(:disabled){color:var(--primary-strong);background:#eaf2ff;border-color:#99b6d8}button.neutral{color:#22324a;border:1px solid var(--line);box-shadow:none;background:#f4f7fb}button.neutral:hover:not(:disabled){background:#edf2f7}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .75rem;font-size:.9rem}input,select{height:36px}textarea{resize:vertical;min-height:80px}.app-shell{grid-template-columns:220px minmax(0,1fr) 250px;gap:16px;max-width:1580px;min-height:100vh;margin:0 auto;padding:16px;display:grid}.sidebar{background:var(--panel);height:calc(100vh - 32px);color:var(--text);border:1px solid var(--line);box-shadow:none;z-index:30;border-radius:12px;align-self:start;padding:10px;position:sticky;top:16px;overflow-y:auto}.brand-block{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f7fbff 100%);border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 11px;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#174a84,#1f5ea8);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand{font-size:1rem;font-weight:800;line-height:1.15}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:.8rem;line-height:1.25}.side-nav{gap:10px;display:grid}.nav-group{gap:8px;display:grid}.nav-group+.nav-group{margin-top:4px}.nav-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;padding:0 8px;font-size:.72rem;font-weight:800}.nav-button{text-align:left;width:100%;color:var(--text);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;min-height:31px;padding:.34rem .5rem;font-size:.86rem;line-height:1.2}.nav-button.active{background:linear-gradient(180deg, #2a6fbd 0%, var(--primary) 100%);border-color:var(--primary);color:#fff}.nav-button:hover:not(:disabled):not(.active){background:var(--primary-soft);color:var(--primary);border-color:#0000;transform:none}.nav-note{border:1px solid var(--line);color:var(--muted);background:#f7fbff;border-radius:10px;padding:10px 12px;font-size:.82rem;line-height:1.4}.workspace{gap:14px;min-width:0;display:grid}.topbar{border:1px solid var(--line);box-shadow:none;background:linear-gradient(#fff 0%,#f5f9ff 100%);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 18px 16px;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.4vw,32px)}.topbar-copy{color:var(--muted);max-width:68ch;margin:6px 0 0}.topbar-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.nav-toggle{display:none}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;background:#0f172a2e;position:fixed;inset:0}.inline-control{min-width:140px;color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.inline-control.grow{flex:1;min-width:260px}.inline-control span{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.banner{border:1px solid #0000;border-radius:10px;padding:12px 14px}.banner-error{color:var(--danger);background:#fff1f0;border-color:#ffb4ab}.banner-success{color:var(--success);background:#edfff5;border-color:#86efac}.banner-info{background:var(--primary-soft);color:var(--primary);border-color:#bfd6ff}.banner-warning{color:var(--warning);background:#fffbeb;border-color:#fcd34d}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px}.empty-state{padding:24px}.empty-kicker,.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:0 0 8px;font-size:.72rem;font-weight:800}.empty-state h2,.section-header h2,.toolbar h2,.drawer h2{margin:0;font-size:20px}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.section-block{padding:16px 18px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.info-card{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:10px;padding:14px}.info-card.compact{padding:14px 15px}.info-card strong{margin-bottom:6px;display:block}.info-card p{color:var(--muted);margin:0}.compact-list{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.compact-list li{line-height:1.35}.muted{color:var(--muted);margin:6px 0 0}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card,.balance-card{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:10px}.metric-card{padding:16px}.metric-card span{color:var(--muted);font-size:14px}.metric-card strong{letter-spacing:-.03em;margin-top:8px;font-size:30px;display:block}.balance-value{font-weight:800}.balance-value.positive{color:#166534}.balance-value.neutral{color:#92400e}.balance-value.negative{color:#b42318}.toolbar{padding:16px 18px}.toolbar-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.panel,.toolbar,.balance-card,.metric-card{transition:transform .12s,box-shadow .12s,border-color .12s}.panel:hover,.metric-card:hover,.balance-card:hover{border-color:#cfd8e4;transform:translateY(-1px)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e7edf5;padding:10px 8px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem;font-weight:700}.muted-cell{color:var(--muted);max-width:280px}.table-empty{color:var(--muted);text-align:center;padding:24px 10px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-pending{color:#92400e;background:#fff7e6;border-color:#f7d8a0}.badge-approved,.badge-sent,.badge-dry_run{color:#166534;background:#e8fff3;border-color:#b7e4c7}.badge-rejected{color:#991b1b;background:#fee2e2;border-color:#f3b4b4}.badge-cancelled,.badge-closed{color:#415065;background:#eef4f7;border-color:#d7e0ea}.badge-skipped{color:#475569;background:#f8fafc;border-color:#dbe4ef}.badge-failed{color:#991b1b;background:#fee2e2;border-color:#f3b4b4}.action-row{flex-wrap:wrap;gap:8px;display:flex}.balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.balance-card{gap:6px;padding:14px;display:grid}.balance-card strong{font-size:16px}.available{color:var(--accent);margin-top:6px;font-weight:800}.integration-card{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.diagnostics-panel{gap:16px;display:grid}.diagnostics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diagnostics-checks-wrap{overflow-x:auto}.diagnostics-checks-wrap table{min-width:760px}.info-rail{align-self:start;gap:12px;min-width:0;display:grid;position:sticky;top:16px}.rail-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#f7fbff 100%);border-radius:12px;padding:14px}.rail-kicker,.rail-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.72rem;font-weight:800}.rail-badge{background:var(--primary-soft);color:var(--primary);letter-spacing:.02em;text-transform:uppercase;border:1px solid #cfe2ff;border-radius:999px;align-items:center;margin-bottom:10px;padding:.18rem .58rem;font-size:.74rem;font-weight:700;display:inline-flex}.rail-card h2{margin:0;font-size:20px}.rail-user{border-top:1px solid var(--line);color:var(--muted);gap:4px;margin-top:14px;padding-top:14px;font-size:13px;display:grid}.rail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.rail-user strong{color:var(--text);font-size:15px}.rail-actions{gap:10px;margin-top:14px;display:flex}.rail-stat{border-top:1px solid #edf2f7;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.rail-stat:first-of-type{border-top:0;padding-top:0}.rail-stat span{color:var(--muted);font-size:13px}.rail-stat strong{letter-spacing:-.03em;font-size:22px}.drawer-backdrop{z-index:50;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px)saturate(.9);background:#0f172a85;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.drawer{z-index:1;width:min(100%,680px);max-height:calc(100dvh - max(48px, env(safe-area-inset-top)) - max(48px, env(safe-area-inset-bottom)));background:var(--panel-solid);color:var(--text);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px -28px #11233d8c}.drawer-head{border-bottom:1px solid var(--border);background:linear-gradient(#fff 0%,#f8fbff 100%);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 13px;display:flex}.drawer-head h2{margin:0;font-size:1.1rem;line-height:1.2}.drawer-form{scrollbar-gutter:stable;flex:auto;gap:12px;min-height:0;padding:16px 18px;display:grid;overflow:auto}.drawer-form .action-row{background:linear-gradient(180deg, #fff0 0%, var(--panel-solid) 20px);padding:12px 0 0;position:sticky;bottom:0}.inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.drawer label,.drawer .checkbox-row{color:var(--text);gap:6px;font-size:14px;font-weight:700;display:grid}.sso-shell{background:radial-gradient(circle at top, #1f5ea81f, transparent 30%), linear-gradient(180deg, #f4f8ff 0%, var(--bg) 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.gate-shell{background:radial-gradient(circle at top, #1f5ea81a, transparent 28%), linear-gradient(180deg, #f4f7fb 0%, var(--bg) 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.gate-card{text-align:center;border-radius:12px;width:min(640px,100%);padding:28px}.gate-card h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.gate-card p{color:var(--muted);margin:0}.gate-actions{justify-content:center;margin-top:22px;display:flex}.sso-card{text-align:center;border-radius:12px;width:min(560px,100%);padding:28px}.sso-card h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.sso-card p{color:var(--muted);margin:0}.sso-spinner{border:4px solid #d8e4ea;border-top-color:var(--accent-2);border-radius:50%;width:42px;height:42px;margin:22px auto 0;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawer input,.drawer select,.drawer textarea{color:var(--text);border:1px solid var(--line);background:#fff}.source-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.source-pill.source-sb{color:#0f766e;background:#dff3ee}.source-pill.source-local{color:#415065;background:#eef4f7}.checkbox-row{grid-auto-flow:column;justify-content:start;align-items:center}.checkbox-row input{width:auto}@media (width<=1220px){.app-shell{grid-template-columns:1fr;max-width:100%;padding:12px}.sidebar{border-radius:0 12px 12px 0;width:min(300px,88vw);height:100vh;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-110%);box-shadow:24px 0 48px #174a842e}.sidebar.open{transform:translate(0)}.workspace{gap:12px}.drawer{width:min(100%,560px)}.nav-toggle{display:inline-flex}.info-rail{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}@media (width<=980px){.metrics-grid,.balance-grid{grid-template-columns:1fr 1fr}.topbar,.integration-card{flex-direction:column;align-items:stretch}.inline-grid,.info-rail{grid-template-columns:1fr}}@media (width<=700px){.metrics-grid,.balance-grid{grid-template-columns:1fr}.toolbar-controls,.topbar-actions{width:100%}.app-shell{gap:10px;padding:10px}.inline-control,.inline-control.grow{min-width:100%}.topbar{padding:16px}.section-block,.toolbar{padding:14px}.table-wrap{margin-left:-4px;margin-right:-4px}th,td{padding:10px 8px}.drawer-backdrop{padding:12px 12px max(12px, env(safe-area-inset-bottom))}.drawer{border-radius:12px;width:100%}.drawer-form{padding:14px}}