@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root,:root[data-theme=dark]{--bg: #0a0a0f;--surface: #12121a;--surface-high: #1a1a26;--border: #252535;--border-high: #35354a;--gold: #c9a96e;--gold-dim: #7a6440;--gold-tint: #3a2e15;--gold-light: #e8cc99;--text: #e8e8f0;--text-dim: #7a7a9a;--text-muted: #4a4a65;--danger: #e05c5c;--danger-dim: #3d1515;--success: #5cb88c;--success-dim: #1a4a35;--warn: #e0a85c;--warn-dim: #4a3510;--radius: 8px;--radius-lg: 12px;--header-bg: rgba(18, 18, 26, .95);--nav-active-bg: rgba(122, 100, 64, .27);--backdrop: rgba(0, 0, 0, .75);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 32px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .45);--btn-primary-text: #0a0a0f;--accent-blue: #38bdf8;--accent-purple: #c4b5fd}:root[data-theme=light]{--bg: #f5f6fa;--surface: #ffffff;--surface-high: #f0f2f7;--border: #e2e5ec;--border-high: #cfd4e0;--gold: #997230;--gold-dim: #caa76a;--gold-tint: #fcf7ed;--gold-light: #77561f;--text: #181b22;--text-dim: #5c6370;--text-muted: #9199a8;--danger: #dc2626;--danger-dim: #fef2f2;--success: #16a34a;--success-dim: #f0fdf4;--warn: #d97706;--warn-dim: #fffbeb;--radius: 8px;--radius-lg: 12px;--header-bg: rgba(255, 255, 255, .92);--nav-active-bg: rgba(153, 114, 48, .12);--backdrop: rgba(15, 23, 42, .45);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--btn-primary-text: #ffffff;--accent-blue: #0284c7;--accent-purple: #7c3aed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}svg{display:inline-block;vertical-align:middle;flex-shrink:0}html,body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-family:Inter,sans-serif;font-size:14px;width:100%;outline:none;transition:border-color .2s,background-color .2s,color .2s}@media (max-width: 768px){input,select,textarea{font-size:16px;padding:10px 12px}}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder{color:var(--text-muted)}select option{background:var(--surface);color:var(--text)}table{width:100%;border-collapse:collapse;min-width:560px}th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-high)}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-responsive-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1080px){.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.grid-responsive-4{grid-template-columns:1fr;gap:12px}}.grid-responsive-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 820px){.grid-responsive-2{grid-template-columns:1fr;gap:16px}}.grid-responsive-2-1{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 860px){.grid-responsive-2-1{grid-template-columns:1fr;gap:16px}}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.modal-form-grid{grid-template-columns:1fr;gap:8px}}.filter-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-bar input,.filter-bar .search-select-wrap{flex:1 1 200px}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media (max-width: 768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-on-mobile-flex{display:flex!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .25s ease both}
