@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #040D1A;--surface: #071123;--surface-2: #0C1D38;--surface-3: #112244;--border: rgba(196, 155, 58, .1);--border-strong: rgba(196, 155, 58, .28);--gold: #C49B3A;--gold-bright: #E8B84B;--gold-dim: rgba(196, 155, 58, .55);--blue: #3B82F6;--text: #EEF2FF;--text-muted: #8BA0BE;--text-dim: #4A6282;--success: #10B981;--success-dim: rgba(16, 185, 129, .12);--danger: #F43F5E;--danger-dim: rgba(244, 63, 94, .12);--warning: #F59E0B;--font-display: "DM Serif Display", Georgia, serif;--font-ui: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--tap: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.018;pointer-events:none;z-index:9999}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}::selection{background:#c49b3a2e}button{cursor:pointer;font-family:var(--font-ui);transition:all .18s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button.primary{background:var(--gold);color:#040d1a;border:none;padding:0 1.25rem;height:var(--tap);min-height:var(--tap);border-radius:6px;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}button.primary:hover{background:var(--gold-bright);box-shadow:0 0 28px #c49b3a38}button.primary:active{transform:scale(.97)}button.primary:disabled{opacity:.65;cursor:not-allowed}button.ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:0 1.25rem;height:var(--tap);min-height:var(--tap);border-radius:6px;font-weight:500;font-size:.85rem;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}button.ghost:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}button.ghost:active{transform:scale(.97)}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:0 1rem;height:var(--tap);border-radius:6px;width:100%;outline:none;font-family:var(--font-ui);font-size:1rem;transition:border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{height:auto;padding:.75rem 1rem;resize:vertical;min-height:88px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c49b3a14}input::placeholder,textarea::placeholder{color:var(--text-dim)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A6282' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.shell-layout{display:flex;min-height:100vh;overflow-x:hidden}.shell-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#040d1adb;z-index:200;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.shell-overlay.open{display:block}.shell-sidebar{width:min(280px,88vw);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;height:-webkit-fill-available;z-index:300;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.shell-sidebar.open{transform:translate(0);box-shadow:4px 0 32px #0009}.shell-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding-top:calc(1.25rem + var(--safe-top));flex-shrink:0}.shell-main{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;width:100%;display:flex;flex-direction:column}.shell-topbar{height:56px;min-height:56px;display:flex;align-items:center;padding:0 1rem;gap:.75rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;padding-top:var(--safe-top)}.shell-page-title{font-family:var(--font-ui);font-size:.92rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.shell-icon-btn{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);min-width:var(--tap);background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);flex-shrink:0;transition:all .15s}.shell-icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.shell-icon-btn:active{background:var(--surface-2);transform:scale(.95)}.shell-logout-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem .875rem;min-height:var(--tap);background:transparent;border:none;color:var(--text-dim);font-family:var(--font-ui);font-size:.9rem;border-radius:6px;text-align:left;transition:all .15s}.shell-logout-btn:hover{color:var(--danger);background:var(--danger-dim)}.shell-logout-btn:active{transform:scale(.97)}.page-content{padding:1.25rem 1rem;flex:1;min-width:0;max-width:100%;overflow-x:hidden;padding-bottom:calc(1.25rem + var(--safe-bottom))}@media (min-width: 900px){.shell-sidebar{position:sticky;top:0;transform:translate(0)!important;height:100vh;box-shadow:none}.shell-overlay{display:none!important}.shell-icon-btn.hamburger{display:none}.shell-topbar{padding:0 2rem}.shell-page-title{display:none}.page-content{padding:2rem 2.5rem}}.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr;gap:.875rem}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}@media (min-width: 480px){.grid-4{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{grid-template-columns:repeat(2,1fr);gap:1rem}.grid-4{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 900px){.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}@media (min-width: 640px){.card{padding:1.5rem}}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-header-actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0;align-items:center}.page-h1{font-size:1.5rem!important;line-height:1.1;font-family:var(--font-display);color:var(--text)}@media (min-width: 640px){.page-h1{font-size:1.85rem!important}}@media (min-width: 900px){.page-h1{font-size:2.2rem!important}}.dte-search{position:relative;width:100%}.dte-search input{width:100%!important}@media (min-width: 640px){.dte-search{width:auto}.dte-search input{width:220px!important}}@media (min-width: 900px){.dte-search input{width:280px!important}}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.table-scroll table{min-width:600px}.pills-row{display:flex;gap:.375rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.pills-row::-webkit-scrollbar{display:none}.toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}@media (min-width: 640px){.toolbar{flex-direction:row;align-items:center;flex-wrap:wrap}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 480px){.form-row-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.form-row-3{grid-template-columns:repeat(3,1fr)}}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}@media (min-width: 480px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.kpi-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 900px){.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (min-width: 1100px){.kpi-grid{grid-template-columns:repeat(6,1fr)}}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:6px;font-size:.72rem;font-weight:600;white-space:nowrap}.float-bar{position:fixed;bottom:calc(1.25rem + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 8px 32px #00000080;z-index:100;white-space:nowrap;max-width:calc(100vw - 2rem)}.section-title{font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.75rem}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.hide-mobile{display:none}.hide-desktop{display:block}@media (min-width: 640px){.hide-mobile{display:block}.hide-desktop{display:none}}.text-mono-sm{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-width:18px;cursor:pointer;accent-color:var(--gold);padding:0}@media (max-width: 640px){input[type=email],input[type=password],input[type=text],input[type=number],select{font-size:1rem}}