@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #16588E;--color-primary-hover: #124f80;--color-primary-light: #81C4FF;--color-danger: #E7222E;--color-danger-hover: #c41c27;--color-dark: #0C1829;--color-surface: #FFFFFF;--color-background: #F0F4F8;--color-background-alt: #F5F8FC;--color-text-primary: #0F172A;--color-text-secondary: #1E293B;--color-text-muted: #5A7898;--color-text-subtle: #8098B2;--color-text-label: #64748B;--color-border: #E4EAF0;--color-border-light: #EEF2F7;--color-border-medium: #DDE6F0;--sidebar-width: 240px;--sidebar-bg: linear-gradient(180deg, #0C1829 0%, #0E1E30 100%);--sidebar-border: rgba(129,196,255,.08);--sidebar-text: rgba(255,255,255,.42);--sidebar-text-hover: rgba(255,255,255,.82);--sidebar-active-bg: linear-gradient(90deg, rgba(22,88,142,.55) 0%, rgba(22,88,142,.12) 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 4px rgba(12,24,41,.06);--shadow-md: 0 4px 12px rgba(22,88,142,.12);--shadow-lg: 0 6px 20px rgba(22,88,142,.12);--shadow-xl: 0 8px 24px rgba(22,88,142,.15);--transition-fast: .15s ease;--transition-normal: .22s cubic-bezier(.16,1,.3,1);--transition-slide: .28s cubic-bezier(.16,1,.3,1)}body{font-family:Inter,-apple-system,sans-serif;color:var(--color-text-primary, #0F172A);margin:0;padding:0;-webkit-font-smoothing:antialiased}.m-stripe-bg{position:relative;overflow:hidden}.m-stripe-bg:before{content:"";position:absolute;top:-60px;right:-30px;width:200px;height:300%;background:repeating-linear-gradient(-52deg,transparent 0px,transparent 18px,rgba(129,196,255,.07) 18px,rgba(129,196,255,.07) 23px,transparent 23px,transparent 30px,rgba(22,88,142,.06) 30px,rgba(22,88,142,.06) 35px,transparent 35px,transparent 42px,rgba(231,34,46,.05) 42px,rgba(231,34,46,.05) 47px);pointer-events:none;z-index:0}.m-stripe-strong{position:relative}.m-stripe-strong:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-light, #81C4FF) 0%,var(--color-primary, #16588E) 50%,var(--color-danger, #E7222E) 100%)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:8px 12px;color:var(--sidebar-text, rgba(255, 255, 255, .42));text-decoration:none;font-size:13px;font-weight:500;border-radius:var(--radius-sm, 6px);transition:all var(--transition-fast, .15s ease);border-left:2px solid transparent;margin-bottom:1px;cursor:pointer;letter-spacing:.01em}.sidebar-item:hover{background:#81c4ff12;color:var(--sidebar-text-hover, rgba(255, 255, 255, .82));border-left-color:#81c4ff47}.sidebar-item.active{color:#fff;background:var(--sidebar-active-bg, linear-gradient(90deg, rgba(22, 88, 142, .55) 0%, rgba(22, 88, 142, .12) 100%));border-left-color:var(--color-primary-light, #81C4FF);font-weight:600}.sidebar-item.active svg{color:var(--color-primary-light, #81C4FF)}.kpi-card{background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E4EAF0);border-radius:var(--radius-lg, 12px);padding:20px;box-shadow:var(--shadow-sm, 0 1px 4px rgba(12, 24, 41, .06));flex:1;min-width:220px;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.kpi-card:hover{box-shadow:var(--shadow-lg, 0 6px 20px rgba(22, 88, 142, .12));transform:translateY(-2px)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:10px 14px;background-color:var(--color-background-alt, #F5F8FC);font-size:10.5px;font-weight:700;color:var(--color-text-muted, #5A7898);text-transform:uppercase;letter-spacing:.07em;border-bottom:1.5px solid var(--color-border-medium, #DDE6F0);position:sticky;top:0;z-index:10}.data-table td{padding:12px 14px;border-bottom:1px solid var(--color-border-light, #EEF2F7);font-size:13.5px;color:var(--color-text-secondary, #1E293B);vertical-align:middle}.data-table tbody tr{transition:background-color .1s ease;cursor:pointer}.data-table tbody tr:hover{background-color:#eef5ff}.input-focus:focus{border-color:var(--color-primary, #16588E)!important;box-shadow:0 0 0 3px #16588e26!important;outline:none}.btn-primary-hover:hover{background-color:var(--color-primary-hover, #124f80)!important;transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 12px rgba(22, 88, 142, .3))!important}.btn-danger-hover:hover{background-color:var(--color-danger-hover, #c41c27)!important}.timeline-item:after{content:"";position:absolute;left:17px;top:30px;bottom:-15px;width:2px;background:linear-gradient(180deg,#16588e80,#16588e14)}.timeline-item:last-child:after{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal, .22s cubic-bezier(.16, 1, .3, 1)) forwards}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.animate-fade-in-opacity{animation:fadeInOpacity var(--transition-normal, .22s cubic-bezier(.16, 1, .3, 1)) forwards}@keyframes slideOver{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-over{animation:slideOver var(--transition-slide, .28s cubic-bezier(.16, 1, .3, 1)) forwards}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}.stock-level-liquid{position:relative;overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1)}.stock-level-liquid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.25) 60%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite;pointer-events:none}.pulse-dot{animation:pulse-soft 1.5s ease-in-out infinite}.kpi-accent-bar{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 12px 12px;opacity:.8;transition:opacity .2s ease}.kpi-card:hover .kpi-accent-bar{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.text-blue-hover:hover{color:var(--color-primary, #16588E)!important}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c0cfdf;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #16588E)}.print-only{display:none!important}@media print{@page{margin:5mm;size:portrait}body{background:#fff!important;color:#000!important;font-size:12px!important;margin:0!important;padding:0!important}*{color:#000!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}nav,.sidebar-container,.topbar-container,.no-print,button,.dialog-backdrop,.toast-container{display:none!important}.print-only{display:block!important}body.budget-modal-open .print-only:not(.budget-print-template){display:none!important}.only-print{display:block!important;margin-bottom:30px!important;padding-left:4px!important}.print-full-width{width:100%!important;margin:0!important;padding:0!important}.printable-card{border:none!important;box-shadow:none!important;padding:0!important}.data-table{width:100%!important;border-collapse:collapse!important;margin-top:20px!important}.data-table th,.data-table td{border:1px solid #000!important;padding:10px 12px!important;background-color:transparent!important;font-size:11px!important}.printable-table th{border-bottom:2px solid #000!important}.printable-table td{border-bottom:1px solid #000!important}}.login-input:focus{border-color:var(--color-primary, #16588E)!important;box-shadow:0 0 0 3px #16588e2e!important;outline:none}.login-btn{transition:all .2s ease}.login-btn:hover{background:linear-gradient(135deg,#124f80,#0e3d63)!important;transform:translateY(-1px);box-shadow:0 8px 24px #16588e66!important}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-animate{animation:loginFadeUp .5s cubic-bezier(.16,1,.3,1) forwards}