@tailwind base;@tailwind components;@tailwind utilities;:root{--gold: #D4A017;--gold-faint: #D4A01712;--gold-hover: #c49215;--sand: #F4F1EC;--ink: #0A0F1A;--sidebar-w: 240px;--topbar-h: 56px;--bg-page: #F9F8F5;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-input: #ffffff;--bg-hover: #F9F8F5;--bg-ghost: #f0ece4;--bg-ghost-hover:#e8e3da;--border: rgba(0,0,0,.07);--border-light: rgba(0,0,0,.05);--border-input: #E0E0E0;--border-sidebar:rgba(0,0,0,.08);--text-primary: #0A0F1A;--text-secondary:#666;--text-muted: #888;--text-faint: #bbb;--text-placeholder:#bbb;--shadow-card: 0 1px 4px rgba(0,0,0,.06);--shadow-sidebar:2px 0 16px rgba(0,0,0,.05);--shadow-btn: 0 2px 8px rgba(212,160,23,.3);--scrollbar-thumb: #ddd;--scrollbar-thumb-hover:#ccc;--danger: #CC0000;--danger-bg: #CC000015;--danger-border: #CC000030;--danger-hover: #CC000025}[data-theme=dark]{--sand: #1a1a2e;--ink: #E8E6E1;--bg-page: #121218;--bg-card: #1E1E2A;--bg-sidebar: #161622;--bg-topbar: #1a1a28;--bg-input: #252535;--bg-hover: #252535;--bg-ghost: #2a2a3a;--bg-ghost-hover:#353545;--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.05);--border-input: rgba(255,255,255,.15);--border-sidebar:rgba(255,255,255,.06);--text-primary: #E8E6E1;--text-secondary:#aaa;--text-muted: #888;--text-faint: #555;--text-placeholder:#555;--shadow-card: 0 1px 4px rgba(0,0,0,.3);--shadow-sidebar:2px 0 16px rgba(0,0,0,.3);--shadow-btn: 0 2px 8px rgba(212,160,23,.2);--scrollbar-thumb: #333;--scrollbar-thumb-hover:#444;--danger: #ff6b6b;--danger-bg: #ff6b6b18;--danger-border: #ff6b6b30;--danger-hover: #ff6b6b25}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sand: #1a1a2e;--ink: #E8E6E1;--bg-page: #121218;--bg-card: #1E1E2A;--bg-sidebar: #161622;--bg-topbar: #1a1a28;--bg-input: #252535;--bg-hover: #252535;--bg-ghost: #2a2a3a;--bg-ghost-hover:#353545;--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.05);--border-input: rgba(255,255,255,.15);--border-sidebar:rgba(255,255,255,.06);--text-primary: #E8E6E1;--text-secondary:#aaa;--text-muted: #888;--text-faint: #555;--text-placeholder:#555;--shadow-card: 0 1px 4px rgba(0,0,0,.3);--shadow-sidebar:2px 0 16px rgba(0,0,0,.3);--shadow-btn: 0 2px 8px rgba(212,160,23,.2);--scrollbar-thumb: #333;--scrollbar-thumb-hover:#444;--danger: #ff6b6b;--danger-bg: #ff6b6b18;--danger-border: #ff6b6b30;--danger-hover: #ff6b6b25}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Instrument Sans,system-ui,sans-serif;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}.portal-layout{display:flex;height:100vh;overflow:hidden}.portal-sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);display:flex;flex-direction:column;flex-shrink:0;box-shadow:var(--shadow-sidebar);z-index:10}.portal-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.portal-topbar{height:var(--topbar-h);background:var(--bg-topbar);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;flex-shrink:0;gap:12px}.portal-content{flex:1;overflow-y:auto;padding:24px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;margin:2px 8px;font-weight:500;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .15s;text-decoration:none}.nav-item:hover{background:var(--gold-faint);color:var(--text-primary)}.nav-item.active{background:var(--gold-faint);color:var(--gold);font-weight:600}.nav-item.active svg{color:var(--gold)}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-card)}.stat-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;font-family:Instrument Sans,sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;border:none;padding:8px 16px}.btn-primary{background:var(--gold);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--gold-hover)}.btn-secondary{background:transparent;color:var(--gold);border:1.5px solid var(--gold)}.btn-secondary:hover{background:var(--gold-faint)}.btn-ghost{background:var(--bg-ghost);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-ghost-hover)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:8px;background:var(--bg-ghost);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-ghost-hover)}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{border-bottom:2px solid var(--border)}.data-table thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody td{padding:12px 14px;font-size:14px;color:var(--text-primary)}.data-table tbody tr:last-child{border-bottom:none}.input{width:100%;border:1.5px solid var(--border-input);border-radius:8px;padding:9px 12px;font-family:Instrument Sans,sans-serif;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s;background:var(--bg-input)}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text-placeholder)}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.input-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;display:block}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-gold{background:#d4a01718;color:var(--gold)}.badge-green{background:#2e7d3218;color:#4caf50}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-orange{background:#ff950018;color:#ff9500}.badge-grey{background:#88888818;color:var(--text-muted)}.badge-nok{background:#c00;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-family:"DM Serif Display",serif;font-size:26px;color:var(--text-primary)}.page-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.divider{height:1px;background:var(--border);margin:16px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-faint);gap:8px}.empty-state svg{opacity:.4}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .3s ease,color .2s ease,border-color .3s ease,box-shadow .3s ease!important}