@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--sx-navy: #0a1f44;--sx-blue: #006cff;--sx-cyan: #00e5ff;--sx-violet: #7a5cff;--sx-coral: #ff4d6d;--sx-lime: #a3ff4d;--sx-surface: #f6faff;--sx-white: #ffffff;--sx-text: #0a1f44;--sx-text-muted: #62718c;--sx-border: #e6ecf6;--sx-success: #00b987;--sx-warning: #ffaf36;--sx-danger: #eb4165;--sx-font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--sx-font-body: "Inter", system-ui, -apple-system, sans-serif;--sx-radius-sm: 12px;--sx-radius-md: 18px;--sx-radius-lg: 24px;--sx-radius-pill: 999px;--sx-shadow-card: 0 10px 32px rgba(10, 31, 68, .07);--sx-gradient-hero: linear-gradient(118deg, #006cff 0%, #7a5cff 55%, #ff4d9d 100%);--sx-gradient-electric: linear-gradient(110deg, #006cff, #00e5ff);--sx-motion: .24s}:root[data-theme=dark]{--sx-surface: #050c2b;--sx-white: #0e1a3a;--sx-text: #eaf1ff;--sx-text-muted: #9fb0ce;--sx-border: #1c2b52;--sx-shadow-card: 0 10px 32px rgba(0, 0, 0, .35)}@media (prefers-reduced-motion: reduce){:root{--sx-motion: 0ms}*{animation:none!important;transition:none!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sx-font-body);background:var(--sx-surface);color:var(--sx-text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--sx-font-display);letter-spacing:-.02em;margin:0 0 .4em}a{color:var(--sx-blue)}:focus-visible{outline:3px solid var(--sx-blue);outline-offset:2px;border-radius:6px}.sx-app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sx-sidebar{background:var(--sx-navy);color:#eaf1ff;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.sx-sidebar .brand{margin-bottom:24px}.sx-nav a{display:flex;align-items:center;gap:10px;color:#c9d6f2;text-decoration:none;padding:11px 14px;border-radius:var(--sx-radius-sm);font-weight:600;font-size:14px;transition:background var(--sx-motion),color var(--sx-motion)}.sx-nav a:hover{background:#ffffff14;color:#fff}.sx-nav a.active{background:var(--sx-gradient-electric);color:#fff}.sx-main{padding:32px 40px;overflow-y:auto}.sx-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px;flex-wrap:wrap}.sx-topbar h1{font-size:26px;margin:0}.sx-card{background:var(--sx-white);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);box-shadow:var(--sx-shadow-card);padding:22px}.sx-grid{display:grid;gap:18px}.sx-grid.cols-3{grid-template-columns:repeat(3,1fr)}.sx-grid.cols-2{grid-template-columns:repeat(2,1fr)}.sx-kpi .value{font-family:var(--sx-font-display);font-size:30px;font-weight:800}.sx-kpi .label{color:var(--sx-text-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sx-btn{font:inherit;font-weight:700;cursor:pointer;border:none;padding:11px 18px;border-radius:var(--sx-radius-pill);background:var(--sx-gradient-electric);color:#fff;transition:transform var(--sx-motion),box-shadow var(--sx-motion)}.sx-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #006cff47}.sx-btn.ghost{background:transparent;color:var(--sx-blue);border:1.5px solid var(--sx-border)}.sx-btn.danger{background:var(--sx-danger)}.sx-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.sx-table{width:100%;border-collapse:collapse;font-size:14px}.sx-table th{text-align:left;color:var(--sx-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--sx-border)}.sx-table td{padding:12px;border-bottom:1px solid var(--sx-border)}.sx-badge{display:inline-block;padding:4px 11px;border-radius:var(--sx-radius-pill);font-size:12px;font-weight:700}.sx-badge.DRAFT{background:#eef2fb;color:#62718c}.sx-badge.IN_REVIEW,.sx-badge.SUBMITTED{background:#e4f0ff;color:#006cff}.sx-badge.NEEDS_INFO{background:#fff3df;color:#b9791a}.sx-badge.APPROVED,.sx-badge.READY_FOR_PAYMENT{background:#def7ef;color:#008a65}.sx-badge.PAID,.sx-badge.RECONCILED{background:#e8ffe0;color:#4d7a1a}.sx-badge.REJECTED,.sx-badge.CANCELLED{background:#ffe3ea;color:#c22a4b}.sx-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sx-field label{font-weight:600;font-size:13px}.sx-field input,.sx-field select{font:inherit;padding:11px 13px;border:1.5px solid var(--sx-border);border-radius:var(--sx-radius-sm);background:var(--sx-white);color:var(--sx-text)}.sx-hero{background:var(--sx-gradient-hero);color:#fff;border-radius:var(--sx-radius-lg);padding:28px 32px;margin-bottom:24px}.sx-hero h2{color:#fff;font-size:24px}.sx-hero p{opacity:.92;margin:0;max-width:60ch}.sx-disabled-note{font-size:12px;color:var(--sx-text-muted);font-style:italic}.sx-error{background:#ffe3ea;color:#c22a4b;padding:10px 14px;border-radius:var(--sx-radius-sm);font-size:14px;margin:10px 0}@media (max-width: 1024px){.sx-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sx-app{grid-template-columns:1fr}.sx-sidebar{flex-direction:row;overflow-x:auto;position:sticky;bottom:0;order:2}.sx-sidebar .brand{display:none}.sx-main{padding:20px 16px;order:1}.sx-grid.cols-3,.sx-grid.cols-2{grid-template-columns:1fr}.sx-table{font-size:13px}}@media (max-width: 390px){.sx-main{padding:16px 12px}.sx-topbar h1{font-size:21px}}