@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--grad-start: #FEF08A;--grad-mid1: #FCD34D;--grad-mid2: #F97316;--grad-mid3: #BE123C;--grad-end: #7F1D1D;--gradient: linear-gradient(90deg, #FEF08A, #FCD34D, #F97316, #BE123C, #7F1D1D);--gradient-135: linear-gradient(135deg, #FEF08A, #F97316, #7F1D1D);--accent: #F97316;--accent-hover: #EA580C;--accent-soft: rgba(249, 115, 22, .1);--accent-border: rgba(249, 115, 22, .3);--bg-page: #F5F3F0;--bg-card: rgba(255, 255, 255, .9);--bg-card-solid: #FFFFFF;--bg-sidebar: #0F0A08;--bg-input: rgba(255, 255, 255, .95);--bg-hover: rgba(0, 0, 0, .03);--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .12);--text-primary: #1A0F0A;--text-secondary:#6B5B52;--text-muted: #A89890;--text-faint: #D4C8C0;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 20px 48px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .7);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--topbar-bg: rgba(245, 243, 240, .9);--sidebar-width: 248px;color-scheme:light}[data-theme=dark]{--bg-page: #0A0806;--bg-card: rgba(255, 255, 255, .04);--bg-card-solid: #130E0A;--bg-sidebar: #070503;--bg-input: rgba(255, 255, 255, .06);--bg-hover: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text-primary: #F5EDE8;--text-secondary:#A89080;--text-muted: #6B5548;--text-faint: #2D1F18;--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.4);--shadow-lg: 0 20px 48px rgba(0,0,0,.7), 0 4px 12px rgba(0,0,0,.5);--glass-bg: rgba(15, 10, 8, .8);--glass-border: rgba(255, 255, 255, .05);--topbar-bg: rgba(10, 8, 6, .9);color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,DM Sans,Segoe UI,Arial,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5;transition:background .2s ease,color .2s ease}h1,h2,h3,.serif{font-family:"DM Serif Display",serif;letter-spacing:-.02em}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}select option{background:var(--bg-card-solid);color:var(--text-primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.3}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .18s ease,transform .18s ease}.card:hover{box-shadow:var(--shadow-md)}.kpi-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sidebar-nav-item{transition:background .12s ease}.sidebar-nav-item:not(.sidebar-nav-active):hover{background:#f9731614!important}.data-table{width:100%;border-collapse:collapse}.data-table th{position:sticky;top:0;z-index:5;background:var(--bg-card-solid);color:var(--text-muted)}.data-table tbody tr{transition:background .1s ease;border-bottom:1px solid var(--border)}.data-table tbody tr:hover td{background:var(--bg-hover)}.data-table td{padding:14px 20px!important;color:var(--text-primary)}.badge-pill{border-radius:20px!important;padding:3px 10px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.4px!important}.btn-primary{background:linear-gradient(135deg,#f97316,#be123c);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 2px 12px #f973164d}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 20px #f9731666}.btn-ghost{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-weight:600;cursor:pointer;color:var(--text-primary);transition:background .12s ease,border-color .12s ease}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--text-muted)}input[type=text],input[type=email],input[type=date],input[type=number],input[type=time],input[type=password],select,textarea{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease}button,a,.kpi-card,.card{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .18s ease,box-shadow .18s ease}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-scroll::-webkit-scrollbar{display:none}@media(max-width:767px){body{overflow-x:hidden}.modal-overlay{padding:0!important;align-items:flex-end!important}.modal-sheet{max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;max-height:92vh}button{min-height:44px}input[type=text],input[type=email],input[type=date],input[type=number],input[type=time],select,textarea{width:100%;font-size:16px!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}