*,*:before,*:after{box-sizing:border-box}:root{--bg-base: #0B0F14;--bg-card: #151922;--bg-panel: #0F1318;--bg-input: #0F1319;--bg-sunken: #080B0F;--bg-alt: #111520;--border: #2D3748;--border-sub: #263344;--border-faint: #1E2A38;--header-bg: #08090D;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-faint: #64748B;--text-sub: #94A3B8;--text-ghost: #5B6880;--shadow-xs: 0 1px 2px rgba(0,0,0,.5);--shadow-sm: 0 1px 3px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.4);--shadow-card: inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(255,255,255,.025), 0 2px 8px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.3);--shadow-elevated: inset 0 1px 0 rgba(255,255,255,.075), 0 0 0 1px rgba(255,255,255,.045), 0 8px 24px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35);--shadow-modal: inset 0 1px 0 rgba(255,255,255,.065), 0 0 0 1px rgba(255,255,255,.06), 0 24px 64px rgba(0,0,0,.75), 0 8px 24px rgba(0,0,0,.45);--shadow-input: inset 0 1px 3px rgba(0,0,0,.28), inset 0 1px 1px rgba(0,0,0,.14);--shadow-sidebar: 2px 0 12px rgba(0,0,0,.38), 1px 0 0 rgba(255,255,255,.025);--shadow-panel: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02), 0 4px 20px rgba(0,0,0,.32);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--transition-fast: .1s cubic-bezier(.25, .46, .45, .94);--transition-base: .16s cubic-bezier(.25, .46, .45, .94);--transition-smooth: .2s cubic-bezier(.25, .46, .45, .94);--transition-enter: .24s cubic-bezier(.16, 1, .3, 1);--scrollbar-thumb: #2A3445;--scrollbar-thumb-hover: #3A4860;--scrollbar-track: rgba(255,255,255,.018);--root-gradient: radial-gradient( ellipse 80% 55% at 72% -8%, rgba(37,99,235,.038) 0%, transparent 60% );--sidebar-bg: #0A0D12;--sidebar-border: rgba(255,255,255,.07);--cta-card-bg: linear-gradient(135deg, #1e1708 0%, #151310 60%);--cta-card-border: rgba(255,255,255,.1)}:root.theme-light{--bg-base: #F4F6F9;--bg-card: #FFFFFF;--bg-panel: #ECF0F5;--bg-input: #FFFFFF;--bg-sunken: #E4EAF2;--bg-alt: #F9FAFB;--border: #D2DBE8;--border-sub: #B8C5D6;--border-faint: #E0E7F0;--header-bg: #FFFFFF;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-faint: #94A3B8;--text-sub: #64748B;--text-ghost: #A8B6C8;--shadow-xs: 0 1px 2px rgba(0,0,0,.08);--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-card: 0 0 0 1px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.03);--shadow-elevated: 0 0 0 1px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--shadow-modal: 0 0 0 1px rgba(0,0,0,.09), 0 20px 48px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.08);--shadow-input: inset 0 1px 2px rgba(0,0,0,.07);--shadow-sidebar: 3px 0 12px rgba(0,0,0,.18), 1px 0 0 rgba(0,0,0,.08);--shadow-panel: 0 0 0 1px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--scrollbar-thumb: #C0CAD8;--scrollbar-thumb-hover: #96A8BC;--scrollbar-track: rgba(0,0,0,.03);--cta-card-bg: linear-gradient(135deg, #EEF4FF 0%, #F8FAFC 60%);--cta-card-border: #D2DBE8;--root-gradient: none}html,body{margin:0;padding:0;background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{background:var(--bg-base);background-image:var(--root-gradient);min-height:100vh}input,select,textarea,button{font-family:inherit}input,select,textarea{box-shadow:var(--shadow-input);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-fast)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748B' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px!important}button{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base),transform var(--transition-base)}button:disabled{opacity:.48;cursor:not-allowed}::selection{background:#3b82f633;color:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}::placeholder{color:var(--text-muted);opacity:1}:root.theme-light ::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:#3b82f6!important;box-shadow:var(--shadow-input),0 0 0 3px #3b82f624!important;outline:none}.table-row td{transition:background var(--transition-fast),box-shadow var(--transition-fast)}.table-row:hover td{background:var(--bg-sunken)!important}.table-row:hover td:first-child{box-shadow:inset 2px 0 #3b82f661!important}.kpi-card{transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)!important;cursor:default}.kpi-card:hover{box-shadow:var(--shadow-elevated)!important;transform:translateY(-1px)}.stat-card{transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)!important}.stat-card:hover{box-shadow:var(--shadow-elevated)!important;transform:translateY(-1px)}.panel-card{box-shadow:var(--shadow-panel)!important;transition:box-shadow var(--transition-smooth)!important}.sidebar-panel{box-shadow:var(--shadow-sidebar)!important}.shift-inputs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.shift-block-card{box-sizing:border-box;max-width:100%;overflow:hidden}@media (max-width: 520px){.shift-inputs-grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0;overflow:hidden}.shift-inputs-grid>*{min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.shift-inputs-grid input{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.shift-mode-tabs{flex-direction:column}.shift-mode-tabs>button{width:100%;box-sizing:border-box;white-space:normal;text-align:left}.wizard-nav{flex-wrap:wrap;gap:10px}}@media (max-width: 640px){.main-page-content{padding-left:12px;padding-right:12px}.subtab-bar{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.subtab-bar::-webkit-scrollbar{display:none}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-card-compact{padding:16px 14px!important}}