@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--brand-amber: #d97706;--brand-amber-light: #f59e0b;--brand-amber-dark: #b45309;--brand-amber-50: #fffbeb;--brand-amber-100: #fef3c7;--brand-amber-200: #fde68a;--brand-amber-500: #f59e0b;--brand-amber-600: #d97706;--brand-amber-700: #b45309;--brand-amber-800: #92400e;--brand-stone: #78716c;--brand-stone-50: #fafaf9;--brand-stone-100: #f5f5f4;--brand-stone-200: #e7e5e4;--brand-stone-300: #d6d3d1;--brand-stone-400: #a8a29e;--brand-stone-500: #78716c;--brand-stone-600: #57534e;--brand-stone-700: #44403c;--brand-stone-800: #292524;--brand-stone-900: #1c1917;--brand-coral: #d97706;--brand-coral-90: #f59e0b;--brand-coral-70: #fbbf24;--brand-coral-light: #fde68a;--brand-tan: #d6d3d1;--brand-tan-90: #e7e5e4;--brand-tan-70: #f5f5f4;--brand-tan-light: #fafaf9;--brand-mauve: #44403c;--brand-mauve-90: #57534e;--brand-mauve-70: #78716c;--brand-red: #dc2626;--brand-red-90: #ef4444;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-theme: .4s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 800}:root,[data-theme=light],.light{--bg-canvas: var(--brand-stone-50);--bg: #ffffff;--bg-primary: #ffffff;--bg-secondary: var(--brand-stone-100);--bg-tertiary: var(--brand-stone-200);--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .92);--surface: #ffffff;--surface-hover: var(--brand-stone-100);--surface-soft: var(--brand-stone-50);--border: var(--brand-stone-200);--border-strong: var(--brand-stone-300);--border-muted: var(--brand-stone-100);--text: var(--brand-stone-800);--text-primary: var(--brand-stone-800);--text-secondary: var(--brand-stone-600);--text-muted: #6b6560;--text-placeholder: var(--brand-stone-400);--text-inverse: #ffffff;--accent-green: #059669;--accent-blue: #2563eb;--accent-red: #dc2626;--accent-yellow: #d97706;--success: #059669;--success-soft: rgba(5, 150, 105, .1);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .1);--error: #dc2626;--error-soft: rgba(220, 38, 38, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--primary: var(--brand-amber-600);--primary-soft: rgba(217, 119, 6, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.04), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.06), 0 4px 10px rgba(0,0,0,.04);--shadow-xl: 0 20px 40px rgba(0,0,0,.08);--shadow: var(--shadow-md);--shadow-glow: 0 4px 14px rgba(217, 119, 6, .2);--shadow-amber: 0 4px 14px rgba(245, 158, 11, .2);--scrollbar-track: var(--brand-stone-100);--scrollbar-thumb: var(--brand-stone-300);--scrollbar-thumb-hover: var(--brand-stone-400);--skeleton: linear-gradient(90deg, var(--brand-stone-200) 25%, var(--brand-stone-100) 50%, var(--brand-stone-200) 75%)}[data-theme=dark],.dark{--bg-canvas: #0c0a09;--bg: #1c1917;--bg-primary: #1c1917;--bg-secondary: #292524;--bg-tertiary: #44403c;--bg-elevated: #44403c;--bg-overlay: rgba(12, 10, 9, .85);--surface: #292524;--surface-hover: #44403c;--surface-soft: #1c1917;--border: #57534e;--border-strong: #78716c;--border-muted: #44403c;--text: #fafaf9;--text-primary: #fafaf9;--text-secondary: #d6d3d1;--text-muted: #a8a29e;--text-placeholder: #78716c;--text-inverse: #1c1917;--accent-green: #34d399;--accent-blue: #60a5fa;--accent-red: #f87171;--accent-yellow: #fbbf24;--success: #34d399;--success-soft: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .15);--error: #f87171;--error-soft: rgba(248, 113, 113, .15);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .15);--primary: var(--brand-amber-500);--primary-soft: rgba(245, 158, 11, .2);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow: var(--shadow-md);--shadow-glow: 0 0 20px rgba(245, 158, 11, .25);--shadow-amber: 0 0 20px rgba(245, 158, 11, .25);--scrollbar-track: #292524;--scrollbar-thumb: #57534e;--scrollbar-thumb-hover: #78716c;--skeleton: linear-gradient(90deg, #44403c 25%, #57534e 50%, #44403c 75%)}@media (prefers-color-scheme: dark){.auto-theme{--bg-canvas: #0c0a09;--bg: #1c1917;--surface: #292524;--text: #fafaf9}}[data-theme=dark] .tab.active,.dark .tab.active{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .card-header,.dark .card-header{background:linear-gradient(to right,#292524,#1c1917);border-bottom-color:var(--border)}[data-theme=dark] thead,.dark thead{background:linear-gradient(to right,#292524,#1c1917)}[data-theme=dark] th,.dark th{background:#292524;color:var(--text-secondary)}[data-theme=dark] td,.dark td{border-bottom-color:var(--border-muted)}[data-theme=dark] .modal-header,.dark .modal-header{background:linear-gradient(to right,#292524,#1c1917);border-bottom-color:var(--border)}[data-theme=dark] fieldset,.dark fieldset{background:var(--surface);border-color:var(--border)}[data-theme=dark] fieldset legend,.dark fieldset legend{background:var(--surface);color:#fbbf24}[data-theme=dark] .info-row,.dark .info-row{border-bottom-color:var(--border-muted)}[data-theme=dark] .card-header-icon,.dark .card-header-icon,[data-theme=dark] .stat-icon,.dark .stat-icon{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .quick-action-icon,.dark .quick-action-icon{background:#f59e0b26}[data-theme=dark] .quick-action.primary .quick-action-icon,.dark .quick-action.primary .quick-action-icon{background:#f59e0b33}[data-theme=dark] .progress-bar,.dark .progress-bar{background:var(--bg-tertiary)}[data-theme=dark] a,.dark a{color:#fbbf24}[data-theme=dark] a:hover,.dark a:hover{color:#f59e0b}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .form-input,.dark input,.dark select,.dark textarea,.dark .form-input{background:#1c1917;border-color:var(--border);color:var(--text-primary)}[data-theme=dark] input:hover:not(:disabled):not(:focus),[data-theme=dark] select:hover:not(:disabled):not(:focus),[data-theme=dark] textarea:hover:not(:disabled):not(:focus),.dark input:hover:not(:disabled):not(:focus),.dark select:hover:not(:disabled):not(:focus),.dark textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus,.dark input:focus,.dark select:focus,.dark textarea:focus{background:#292524;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled,.dark input:disabled,.dark select:disabled,.dark textarea:disabled{background:#1c1917;color:var(--text-muted);border-color:var(--border-muted)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,.dark input::placeholder,.dark textarea::placeholder{color:var(--text-placeholder)}[data-theme=dark] label,.dark label{color:var(--text-secondary)}[data-theme=dark] .badge,.dark .badge{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .badge.success,.dark .badge.success{background:#34d39926;color:#34d399;border-color:#34d3994d}[data-theme=dark] .badge.error,.dark .badge.error{background:#f8717126;color:#f87171;border-color:#f871714d}[data-theme=dark] .badge.warning,.dark .badge.warning{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}[data-theme=dark] .badge.info,.dark .badge.info{background:#60a5fa26;color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] .badge.primary,.dark .badge.primary{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .badge.emerald,.dark .badge.emerald{background:#34d39926;color:#34d399;border-color:#34d3994d}[data-theme=dark] .alert.info,.dark .alert.info{background:#60a5fa1a;border-color:#60a5fa4d}[data-theme=dark] .alert.success,.dark .alert.success{background:#34d3991a;border-color:#34d3994d}[data-theme=dark] .alert.warning,.dark .alert.warning{background:#fbbf241a;border-color:#fbbf244d}[data-theme=dark] .alert.error,.dark .alert.error{background:#f871711a;border-color:#f871714d}[data-theme=dark] .toast,.dark .toast{background:var(--surface);border-color:var(--border)}[data-theme=dark] .toast-success,.dark .toast-success{background:linear-gradient(90deg,rgba(52,211,153,.1),transparent 50%)}[data-theme=dark] .toast-error,.dark .toast-error{background:linear-gradient(90deg,rgba(248,113,113,.1),transparent 50%)}[data-theme=dark] .toast-warning,.dark .toast-warning{background:linear-gradient(90deg,rgba(251,191,36,.1),transparent 50%)}[data-theme=dark] .toast-info,.dark .toast-info{background:linear-gradient(90deg,rgba(96,165,250,.1),transparent 50%)}[data-theme=dark] button.secondary,[data-theme=dark] .btn-secondary,.dark button.secondary,.dark .btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] button.secondary:hover:not(:disabled),.dark button.secondary:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}[data-theme=dark] button.ghost,[data-theme=dark] .btn-ghost,.dark button.ghost,.dark .btn-ghost{color:var(--text-secondary)}[data-theme=dark] button.ghost:hover:not(:disabled),.dark button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}[data-theme=dark] .modal,.dark .modal{background:var(--surface);border-color:var(--border)}[data-theme=dark] .modal-body,.dark .modal-body{background:var(--surface)}[data-theme=dark] .modal-actions,[data-theme=dark] .modal-footer,.dark .modal-actions,.dark .modal-footer{background:var(--bg-secondary);border-top-color:var(--border)}[data-theme=dark] .settings-shell,.dark .settings-shell{background:var(--surface);border-color:var(--border)}[data-theme=dark] .settings-form,.dark .settings-form{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .nav-link.active,.dark .nav-link.active{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .nav-link.active .icon,.dark .nav-link.active .icon{color:#fbbf24}[data-theme=dark] .card.glass,.dark .card.glass{background:#292524cc;border-color:#57534e4d}[data-theme=dark] .skeleton,.dark .skeleton{background:linear-gradient(90deg,#44403c 25%,#57534e,#44403c 75%)}[data-theme=dark] .user-meta,.dark .user-meta{background:var(--bg-secondary)}[data-theme=dark] .logout-btn,.dark .logout-btn{background:var(--surface);border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .logout-btn:hover,.dark .logout-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}[data-theme=dark] .pill-button,.dark .pill-button{background:var(--surface);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .pill-button:hover,.dark .pill-button:hover{background:var(--surface-hover)}[data-theme=dark] .toggle-button,.dark .toggle-button{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .toggle-button.active,.dark .toggle-button.active{background:#f59e0b;color:#1c1917;border-color:#f59e0b}[data-theme=dark] .tag,.dark .tag{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .sidebar-action-btn,.dark .sidebar-action-btn{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .sidebar-action-btn:hover,.dark .sidebar-action-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;margin:0;padding:0;min-height:100vh;width:100%;background:var(--bg-canvas);color:var(--text);transition:background-color var(--transition-theme),color var(--transition-theme);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus{outline:none}:focus-visible{outline:2px solid var(--brand-amber-500);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin:0 0 var(--space-3);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 var(--space-4);color:var(--text-secondary)}a{color:var(--brand-amber-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-amber-700);text-decoration:underline}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-4{margin-top:var(--space-4)!important}.mb-2{margin-bottom:var(--space-2)!important}.display-flex{display:flex!important}.flex-column{display:flex!important;flex-direction:column}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.align-center{align-items:center!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1!important}.gap-2{gap:var(--space-2)!important}.gap-4{gap:var(--space-4)!important}.w-auto{width:auto!important}.w-full{width:100%}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--brand-amber-600);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;z-index:9999;transition:top .2s ease;text-decoration:none;box-shadow:var(--shadow-lg)}.skip-link:focus{top:var(--space-3);outline:2px solid var(--brand-amber-300);outline-offset:2px}.text-muted,.muted{color:var(--text-muted)!important}.note{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-2)}.inline{display:flex;gap:var(--space-3);align-items:flex-end}.inline input{flex:1}.page{width:100%;max-width:100%;margin:0;padding:var(--space-8)}.header{margin-bottom:var(--space-6);padding:0 var(--space-2)}.header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.layout{display:grid;grid-template-columns:240px 1fr;gap:0;align-items:start;width:100%;min-height:100vh}.brand-mark{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.brand-logo{display:block;height:44px;width:auto;object-fit:contain}@media (max-width: 900px){.layout{grid-template-columns:1fr}.tabs{flex-direction:row;flex-wrap:wrap;position:static}.tab{flex:1}}.tabs{display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:var(--space-4)}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-3)}.tab:hover:not(.active){background:var(--surface-hover);color:var(--text-primary)}.tab.active{background:var(--brand-amber-50);color:var(--brand-amber-800);border-color:var(--brand-amber-200)}.tab-panel{display:none}.tab-panel.active{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);padding:var(--space-6);width:100%;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .15s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card.no-hover:hover{transform:none;box-shadow:var(--shadow-sm)}.card.elevated{box-shadow:var(--shadow-lg)}.card.glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--brand-stone-100);background:linear-gradient(to right,var(--brand-stone-50),white);margin:calc(var(--space-6) * -1);margin-bottom:var(--space-6)}.card-header-title{display:flex;align-items:center;gap:var(--space-3)}.card-header-icon{width:40px;height:40px;background:var(--brand-amber-50);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--brand-amber-600)}fieldset{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);margin:var(--space-5) 0;background:var(--surface)}fieldset legend{font-family:var(--font-sans);font-weight:600;padding:var(--space-1) var(--space-3);color:var(--brand-amber-600);font-size:.875rem;background:var(--surface);margin-left:var(--space-2)}label{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--brand-stone-700);font-size:.875rem;margin-bottom:var(--space-2)}input,select,textarea,.form-input{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--brand-stone-50);font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-amber-500);box-shadow:0 0 0 3px #f59e0b33;background:var(--surface)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.5;border-color:var(--border)}input.error,select.error,textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #dc26261a}input.success,select.success,textarea.success{border-color:var(--success);box-shadow:0 0 0 3px #0596691a}.row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.row-2,.row-3{grid-template-columns:1fr}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-family:var(--font-sans);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1),transform .15s ease,box-shadow .2s ease;border:1px solid transparent;background:linear-gradient(to right,var(--brand-amber-600),var(--brand-amber-700));color:#fff;box-shadow:0 1px 2px #0000000d,0 4px 14px #d9770633;margin:0;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .2s ease}button:hover:not(:disabled):before{opacity:1}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(to right,var(--brand-amber-700),var(--brand-amber-800));box-shadow:0 4px 12px #d9770640,0 8px 25px #d9770633}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d,0 4px 14px #d9770633}button:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.5;box-shadow:none;transform:none;filter:grayscale(30%)}button.is-loading{position:relative;pointer-events:none;color:transparent!important}button.is-loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}button.secondary.is-loading:after{border-color:var(--border);border-top-color:var(--brand-amber-500)}button.secondary,.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}button.secondary:before{display:none}button.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--brand-stone-300);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}button.secondary:active:not(:disabled){transform:translateY(0);background:var(--bg-tertiary)}button.ghost,.btn-ghost{background:transparent;color:var(--text-secondary);border:none;box-shadow:none}button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);transform:none;box-shadow:none}button.icon-btn{padding:var(--space-2);width:40px;height:40px;border-radius:var(--radius-lg)}button.amber-accent{background:var(--brand-amber-50);color:var(--brand-amber-600);border:1px solid var(--brand-amber-200);box-shadow:none}button.amber-accent:hover:not(:disabled){background:var(--brand-amber-100);color:var(--brand-amber-700);transform:none;box-shadow:none}.logout-btn{padding:var(--space-2) var(--space-4);font-size:.75rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);box-shadow:none}.logout-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong);transform:none;box-shadow:none}.table-container,.table-wrapper{overflow-x:auto;border-radius:var(--radius-2xl);border:1px solid var(--border);width:100%;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.table-container.has-scroll-left:before,.table-container.has-scroll-right:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:5}.table-container.has-scroll-left:before{left:0;background:linear-gradient(to right,var(--surface),transparent)}.table-container.has-scroll-right:after{right:0;background:linear-gradient(to left,var(--surface),transparent)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:linear-gradient(to right,var(--brand-stone-50),white)}th{text-align:left;padding:var(--space-4) var(--space-5);font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--brand-stone-50);z-index:10}td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--brand-stone-100);color:var(--text-primary);vertical-align:middle}tbody tr{transition:background .15s ease}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}tbody tr.selected{background:#f59e0b14}tbody tr.selected:hover{background:#f59e0b1f}@media (max-width: 640px){.table-responsive-stack thead{display:none}.table-responsive-stack tbody tr{display:block;padding:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.table-responsive-stack tbody td{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-muted)}.table-responsive-stack tbody td:last-child{border-bottom:none}.table-responsive-stack tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}}.toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:320px;max-width:420px;opacity:0;transform:translate(calc(100% + 20px));transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;visibility:hidden;display:flex;align-items:flex-start;gap:var(--space-3)}.toast.toast-visible{opacity:1;transform:translate(0);visibility:visible;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1)}.toast.toast-exit{animation:slideOutRight .25s ease forwards}.toast-success{border-left:4px solid var(--success);background:linear-gradient(90deg,rgba(5,150,105,.05),transparent 50%)}.toast-error{border-left:4px solid var(--error);background:linear-gradient(90deg,rgba(220,38,38,.05),transparent 50%)}.toast-warning{border-left:4px solid var(--warning);background:linear-gradient(90deg,rgba(217,119,6,.05),transparent 50%)}.toast-info{border-left:4px solid var(--info);background:linear-gradient(90deg,rgba(37,99,235,.05),transparent 50%)}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.modal{background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;width:min(720px,95vw);max-height:90vh;overflow:hidden;z-index:var(--z-modal);animation:fadeInScale .25s cubic-bezier(.34,1.56,.64,1)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--brand-stone-100);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,var(--brand-stone-50),white)}.modal-header h2,.modal-header h3{margin:0}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:60vh}.modal-actions,.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);background:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease;box-shadow:none}.modal-close:hover{background:var(--surface-hover);color:var(--text-primary);transform:none;box-shadow:none}.settings-shell{width:100%;margin:0;background:var(--surface);border-radius:var(--radius-2xl);padding:1.75rem 2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-form{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;background:var(--bg-secondary)}.back-link{color:var(--brand-amber-600);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.back-link:hover{text-decoration:underline}.lead{margin:.1rem 0 1rem;color:var(--text-muted);font-size:.95rem}.status{margin-top:.5rem;font-weight:600;color:var(--text)}.tag{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--bg-tertiary);color:var(--text);font-weight:600;font-size:.85rem;margin-right:.35rem;border:1px solid var(--border)}.meta{color:var(--text-muted);font-size:.9rem}.chip-input{display:flex;flex-direction:column;gap:.4rem}.pill-grid{display:flex;gap:.4rem;flex-wrap:wrap;min-height:38px;margin-bottom:.5rem}.pill-button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.3rem .8rem;border-radius:999px;cursor:pointer;font-weight:500;font-size:.8rem}.pill-button:hover{background:var(--surface-hover)}.pill-button.removable{border-color:var(--error);color:var(--error);background:var(--error-soft)}.pill-button.removable:hover{background:#dc262633}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem}.toggle-button{padding:.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-weight:500;cursor:pointer;text-align:center}.toggle-button.active{background:var(--brand-amber-600);color:#fff;border-color:var(--brand-amber-600)}.login-page{min-height:100vh;background:linear-gradient(135deg,#6d4c4c,#8d4e38,#6d4c4c);display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden}.login-card{width:100%;max-width:420px;background:#f2eded14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(201,171,129,.2);border-radius:var(--radius-3xl);padding:48px;box-shadow:0 25px 50px -12px #00000080,0 0 80px #cb70521f;position:relative;z-index:10;animation:fadeInUp .5s ease-out}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#fff;margin:0 0 8px;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.login-header p{color:#ffffff80;font-size:.95rem;margin:0}.login-card .input-group{margin-bottom:20px}.login-card .login-label{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:.875rem;font-weight:500;margin-bottom:8px}.login-card input{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .2s ease}.login-card input::placeholder{color:#ffffff4d}.login-card input:focus{border-color:#cb7052;background:#0000004d;outline:none;box-shadow:0 0 0 3px #cb705240}.login-card input:hover:not(:focus){border-color:#fff3}.login-button{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #cb705266,0 4px 12px #c9ab814d!important}.login-button:active:not(:disabled){transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.login-error{animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.bg-decoration{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite;pointer-events:none}.bg-decoration.one{width:600px;height:600px;background:linear-gradient(135deg,#cb7052,#c9ab81);top:-200px;right:-100px;animation-delay:0s}.bg-decoration.two{width:400px;height:400px;background:linear-gradient(135deg,#8d4e38,#cb7052);bottom:-100px;left:-100px;animation-delay:-5s}.bg-decoration.three{width:300px;height:300px;background:linear-gradient(135deg,#c9ab81,#f2eded);top:50%;left:30%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-5);position:sticky;top:0;height:100vh}.content{padding:var(--space-8);overflow-y:auto;background:var(--bg-canvas)}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-5);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-muted)}.brand-name{display:flex;flex-direction:column;line-height:1.2}.brand-name span{font-weight:600;font-size:1.125rem;font-family:var(--font-sans)}.nav-links{display:flex;flex-direction:column;gap:var(--space-1);flex:1;overflow-y:auto;padding-right:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);color:var(--text-secondary);font-weight:500;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--brand-amber-500);border-radius:0 2px 2px 0;transition:height .2s ease}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.nav-link:hover:before{height:50%}.nav-link.active{background:var(--brand-amber-50);color:var(--brand-amber-800);font-weight:600}.nav-link.active:before{height:60%}.nav-link .icon{opacity:.7;transition:opacity .15s ease,transform .15s ease}.nav-link:hover .icon{opacity:1;transform:scale(1.05)}.nav-link.active .icon{opacity:1;color:var(--brand-amber-600)}.sidebar-footer{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4)}.user-meta{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-xl)}.user-name{display:block;font-weight:600;font-size:.875rem;color:var(--text-primary);line-height:1.3}.user-role{display:block;font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.sidebar-controls{display:flex;justify-content:center}.sidebar-actions{display:flex;gap:var(--space-2)}.sidebar-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:none}.sidebar-action-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong);transform:none;box-shadow:none}.sidebar-action-btn.logout{color:var(--text-muted)}.sidebar-action-btn.logout:hover{background:var(--error-soft);color:var(--error);border-color:#dc26264d}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--brand-amber-50);border-radius:var(--radius-xl);color:var(--brand-amber-600)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-1);font-weight:500}.stat-value{font-size:1.75rem;font-weight:600;line-height:1;margin-bottom:var(--space-1);font-family:var(--font-sans);color:var(--text-primary)}.stat-sub{font-size:.75rem;color:var(--text-muted)}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:600}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--error)}.capitalize{text-transform:capitalize}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;border-radius:var(--radius-sm)}.skeleton-title{height:24px;width:60%;border-radius:var(--radius-md)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:120px;border-radius:var(--radius-xl)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--brand-amber-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner.lg{width:32px;height:32px;border-width:3px}.spinner.sm{width:16px;height:16px;border-width:2px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);min-height:200px}.loading-state .spinner{width:40px;height:40px;border-width:3px}.loading-state-text{color:var(--text-muted);font-size:.875rem}.loading-overlay{position:relative}.loading-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;border-radius:inherit;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.loading-overlay.is-loading:after{opacity:1;visibility:visible}.skeleton-row{display:flex;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border)}.skeleton-cell{background:var(--skeleton);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);height:20px}.skeleton-cell.w-sm{width:80px}.skeleton-cell.w-md{width:150px}.skeleton-cell.w-lg{width:200px}.skeleton-cell.w-xl{width:300px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.badge.success{background:#0596691a;color:var(--success);border-color:#05966933}.badge.error{background:#dc26261a;color:var(--error);border-color:#dc262633}.badge.warning{background:#d977061a;color:var(--warning);border-color:#d9770633}.badge.info{background:#2563eb1a;color:var(--info);border-color:#2563eb33}.badge.primary{background:#f59e0b1a;color:var(--brand-amber-600);border-color:#f59e0b33}.badge.emerald{background:#0596691a;color:#047857;border-color:#05966933}.badge.emerald:before{content:"";width:6px;height:6px;background:#10b981;border-radius:var(--radius-full)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);animation:fadeInUp .3s ease}.alert.info{background:#2563eb0d;border-color:#2563eb33}.alert.success{background:#0596690d;border-color:#05966933}.alert.warning{background:#d977060d;border-color:#d9770633}.alert.error{background:#dc26260d;border-color:#dc262633}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state .icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--text-muted);opacity:.5}.empty-state .title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state .description{font-size:.875rem;color:var(--text-muted);max-width:400px}.divider{width:100%;height:1px;background:var(--border);margin:var(--space-4) 0}.divider.vertical{width:1px;height:100%;margin:0 var(--space-4)}.stack{display:flex;flex-direction:column}.stack.gap-1{gap:var(--space-1)}.stack.gap-2{gap:var(--space-2)}.stack.gap-3{gap:var(--space-3)}.stack.gap-4{gap:var(--space-4)}.stack.gap-6{gap:var(--space-6)}.stack.gap-8{gap:var(--space-8)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-ring:focus-visible{outline:2px solid var(--brand-amber-500);outline-offset:2px}.progress-bar{height:8px;background:var(--brand-stone-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--brand-amber-500),var(--brand-amber-600));border-radius:var(--radius-full);transition:width .3s ease}.avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-amber-500),var(--brand-amber-600));color:#fff;font-weight:600;border-radius:var(--radius-2xl);box-shadow:0 4px 14px #f59e0b33}.avatar.sm{width:32px;height:32px;font-size:.75rem}.avatar.md{width:40px;height:40px;font-size:.875rem}.avatar.lg{width:48px;height:48px;font-size:1rem}.avatar.xl{width:64px;height:64px;font-size:1.25rem}.avatar.2xl{width:96px;height:96px;font-size:1.875rem;border-radius:var(--radius-2xl)}.info-row{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--brand-stone-100)}.info-row:last-child{border-bottom:none}.info-row-label{font-size:.875rem;color:var(--text-muted)}.info-row-value{font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:right}.quick-action{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);text-align:left;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;box-shadow:none}.quick-action:hover{background:var(--surface-hover);color:var(--text-primary);transform:none;box-shadow:none}.quick-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--brand-stone-100);border-radius:var(--radius-xl);color:var(--brand-amber-600);transition:background .15s ease}.quick-action:hover .quick-action-icon{background:var(--brand-stone-200)}.quick-action.primary .quick-action-icon{background:var(--brand-amber-50)}@media (max-width: 1200px){.layout{grid-template-columns:220px 1fr}}@media (max-width: 1024px){.layout{grid-template-columns:200px 1fr}.content{padding:var(--space-6)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;left:0;right:0;height:auto;flex-direction:row;padding:var(--space-2) var(--space-3);border-right:none;border-top:1px solid var(--border);background:var(--surface);z-index:var(--z-fixed);box-shadow:0 -4px 20px #0000001a}.sidebar .brand,.sidebar .sidebar-footer{display:none}.nav-links{flex-direction:row;justify-content:space-around;width:100%;gap:0;overflow-x:auto;scrollbar-width:none;padding-right:0}.nav-links::-webkit-scrollbar{display:none}.nav-link{flex-direction:column;gap:.25rem;padding:var(--space-2);font-size:.625rem;min-width:60px;border-radius:var(--radius-lg);text-align:center}.nav-link:before{display:none}.nav-link span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.content{padding:var(--space-4);padding-bottom:calc(var(--space-4) + 80px);min-height:100vh}.page{padding:var(--space-4)}.header-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.grid-4{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.grid-3,.grid-2{grid-template-columns:1fr}.row-2,.row-3{grid-template-columns:1fr;gap:var(--space-3)}.card{padding:var(--space-4);border-radius:var(--radius-xl)}.card:hover{transform:none}.card-header{margin:calc(var(--space-4) * -1);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.table-container,.table-wrapper{border-radius:var(--radius-xl)}table{font-size:.8125rem}th,td{padding:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-value{font-size:1.5rem}.stat-icon{width:36px;height:36px}.modal{width:95vw;max-height:85vh;border-radius:var(--radius-xl)}.modal-body{padding:var(--space-4);max-height:55vh}.modal-header,.modal-footer{padding:var(--space-4)}button,.btn{padding:var(--space-3) var(--space-4);font-size:.875rem}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:none}.toast{left:var(--space-3);right:var(--space-3);max-width:none;min-width:auto;bottom:90px;top:auto}}@media (max-width: 640px){.grid-4{grid-template-columns:1fr}.nav-link{min-width:50px;padding:var(--space-2) var(--space-1)}.nav-link span{max-width:50px;font-size:.5625rem}.content{padding:var(--space-3);padding-bottom:calc(var(--space-3) + 70px)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}.stat-value{font-size:1.25rem}.settings-shell{padding:var(--space-4);border-radius:var(--radius-xl)}.settings-form{padding:var(--space-3)}fieldset{padding:var(--space-4);margin:var(--space-3) 0}.login-card{padding:var(--space-6);border-radius:var(--radius-2xl)}.login-header h1{font-size:1.5rem}}@media (hover: none) and (pointer: coarse){button,.btn,.nav-link,.tab{min-height:44px}button:hover,.btn:hover{transform:none;box-shadow:inherit}.card:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border)}input[type=checkbox],input[type=radio]{width:20px;height:20px}}@media (max-width: 900px) and (orientation: landscape){.sidebar{padding:var(--space-1) var(--space-3)}.nav-link{padding:var(--space-1) var(--space-2)}.content{padding-bottom:calc(var(--space-4) + 60px)}}@media print{.sidebar,.toast,button,.nav-links{display:none!important}.layout{grid-template-columns:1fr}.content{padding:0}.card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}}@media (prefers-contrast: high){:root{--border: #000;--border-strong: #000}[data-theme=dark]{--border: #fff;--border-strong: #fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.layout-stack{display:grid;gap:var(--space-6)}@media (max-width: 900px){.layout-stack{grid-template-columns:1fr!important;gap:var(--space-4)}.layout-stack>div:first-child{display:flex;flex-direction:row;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;position:sticky;top:0;background:var(--bg-canvas);z-index:10;margin:calc(var(--space-4) * -1);margin-bottom:0;padding:var(--space-4)}.layout-stack>div:first-child::-webkit-scrollbar{display:none}.layout-stack>div:first-child h1{display:none}.layout-stack>div:first-child button{flex-shrink:0;white-space:nowrap;font-size:.75rem;padding:var(--space-2) var(--space-3)}.layout-stack>div:first-child>div{display:none}}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}@media (max-width: 768px){.dashboard-widgets{grid-template-columns:1fr}}.chart-container{width:100%;height:280px;min-height:200px}@media (max-width: 640px){.chart-container{height:220px}}@media (hover: none) and (pointer: coarse){.drag-handle{opacity:1}}.queue-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.queue-table-container table{min-width:600px}}