:root{--signal: #FF5A2B;--signal-soft: #FFE8DE;--ink: #1B2130;--ink-soft: #2A3346;--good: #2F9E63;--good-soft: #E4F5EC;--warn: #C98A00;--warn-soft: #FBF0CF;--risk: #D23B3B;--risk-soft: #FBE2E2;--info: #3A6FD8;--info-soft: #E7EFFC;--canvas: #F5F6F8;--card: #FFFFFF;--line: #E3E6EC;--line-soft: #EEF0F4;--text: #1B2130;--muted: #6B7280;--muted-soft: #98958C;--shadow-xs: 0 1px 2px rgba(27,33,48,.05);--shadow-sm: 0 2px 8px rgba(27,33,48,.08);--radius: 10px;--radius-sm: 7px;--ease: cubic-bezier(.4,0,.2,1);--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}[data-theme=dark]{--canvas: #0F131C;--card: #171C27;--line: #2A3140;--line-soft: #222835;--text: #E8EAED;--muted: #9AA3B2;--muted-soft: #6B7280;--ink: #E8EAED;--ink-soft: #C7CADA;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600}.mono{font-family:var(--font-mono)}.hidden{display:none!important}.app{display:flex;min-height:100vh}.app.hidden{display:none}.sidebar{width:232px;flex-shrink:0;background:var(--ink);color:#c7cada;display:flex;flex-direction:column;padding:18px 14px;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand-mark{width:30px;height:30px;border-radius:7px;background:var(--signal);display:flex;align-items:center;justify-content:center;font-weight:700;color:#1b0c05;font-size:15px}.brand-logo{width:32px;height:32px;border-radius:8px;background:#fff;object-fit:contain;padding:3px;flex:0 0 auto}.brand-logo-light{background:transparent;padding:0}.login-panel .brand-logo{width:40px;height:40px}.brand-name{font-weight:600;color:#fff;font-size:15px}.brand-sub{font-size:11px;color:#8a91a6}.nav-group{margin-bottom:10px}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;padding:6px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:#c7cada;font-size:13.5px;cursor:pointer;border:none;background:none;width:100%;text-align:left;border-left:2px solid transparent;transition:background-color .15s var(--ease),color .15s var(--ease)}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#ff5a2b29;color:#fff;font-weight:600;border-left-color:var(--signal)}.nav-dot{width:6px;height:6px;border-radius:50%;background:#565d78}.nav-item.active .nav-dot{background:var(--signal)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.crumb{font-size:11.5px;color:var(--muted)}.view-title{font-size:18px}.content{padding:26px 32px}.btn{border:1px solid var(--line);background:var(--card);padding:8px 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s var(--ease),background-color .15s var(--ease)}.btn:hover{border-color:var(--muted-soft)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.orange{background:var(--signal);color:#1b0c05;border-color:var(--signal);font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-xs)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;color:var(--muted-soft);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em}td{padding:12px;border-bottom:1px solid var(--line-soft);font-size:13.5px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.risk{background:var(--risk-soft);color:var(--risk)}.pill.info{background:var(--info-soft);color:var(--info)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--canvas);padding:20px}.login-panel{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:32px 28px;box-shadow:var(--shadow-sm)}.login-title{font-size:22px;margin:18px 0 6px}.login-sub{font-size:13px;color:var(--muted);margin-bottom:22px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px}.field input{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;font-size:15px;font-family:inherit;background:var(--card);color:var(--text)}.field input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.otp-row{display:flex;gap:8px;justify-content:center;margin:20px 0}.otp-digit{width:44px;height:52px;text-align:center;font-size:20px;font-weight:700;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}.otp-digit:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 18px;border-radius:9px;font-size:13.5px;opacity:0;pointer-events:none;transition:all .25s var(--ease);z-index:100}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:var(--risk)}.toast.success{background:var(--good)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f131c66;display:none;align-items:center;justify-content:center;z-index:90}.loading-overlay.show{display:flex}.loading-box{background:var(--card);padding:24px 30px;border-radius:12px;text-align:center}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--signal);border-radius:50%;margin:0 auto 10px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f131c73;display:none;align-items:center;justify-content:center;z-index:95;padding:20px}.modal-overlay.show{display:flex}.modal{background:var(--card);border-radius:14px;padding:24px;width:100%;max-width:460px;box-shadow:var(--shadow-sm)}.modal-title{font-size:17px;margin-bottom:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.banner{display:flex;gap:12px;background:var(--info-soft);border:1px solid #C9D9F7;border-left:3px solid var(--info);border-radius:9px;padding:13px 16px;font-size:13px;color:#284a94;margin-bottom:20px}