:root{--navy: #1B3A5C;--navy-deep: #122842;--navy-light: #2A4F75;--teal: #00B5AD;--teal-light: #33C9C2;--teal-soft: #E6F8F7;--white: #FFFFFF;--off-white: #F4F7FA;--gray-50: #F8FAFC;--gray-100: #EDF1F5;--gray-200: #D8DFE8;--gray-400: #8B9BB5;--gray-600: #5A6B85;--red: #E8465A;--red-soft: #FEF0F1;--green: #1DAA72;--green-soft: #E8F7F0;--orange: #E68A00;--orange-soft: #FFF5E0;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", sans-serif;--shadow-sm: 0 1px 3px rgba(18, 40, 66, .06), 0 1px 2px rgba(18, 40, 66, .04);--shadow-md: 0 4px 12px rgba(18, 40, 66, .08), 0 2px 4px rgba(18, 40, 66, .04);--shadow-lg: 0 12px 40px rgba(18, 40, 66, .12), 0 4px 12px rgba(18, 40, 66, .06);--radius: 14px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--teal);color:#fff}body{font-family:var(--font-body);background:var(--off-white);color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em}button{cursor:pointer;border:none;font-family:var(--font-heading);transition:all var(--transition)}button:hover{filter:brightness(1.05)}button:active{transform:scale(.97)}input,select,textarea{font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal)!important;box-shadow:0 0 0 3px var(--teal-soft)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-content{animation:fadeIn .3s ease-out}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md)}table tbody tr{transition:background var(--transition)}table tbody tr:hover{background:var(--gray-50)!important}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out;border-radius:8px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);padding:4px 10px;border-radius:6px;background:var(--navy-deep);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s ease}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.main-content{flex:1;padding:28px 32px;overflow-y:auto;max-height:100vh}.mobile-header{display:none}.sidebar-wrapper{flex-shrink:0}.sidebar-overlay{display:none}@media (max-width: 1024px){.main-content{padding:20px}}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;height:56px;padding:0 16px;background:var(--navy-deep);color:#fff;z-index:900;box-shadow:0 2px 8px #00000026}.hamburger-btn{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center}.sidebar-wrapper{position:fixed;top:0;left:-260px;z-index:1001;transition:left .25s ease;box-shadow:4px 0 20px #0003}.sidebar-wrapper.open{left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;animation:fadeInBackdrop .2s ease}.main-content{padding:72px 16px 16px;max-height:none}.kpi-grid{grid-template-columns:1fr!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:500px}.login-form{width:calc(100vw - 32px)!important;max-width:400px;padding:28px 24px!important}.modal-content{width:calc(100vw - 32px)!important;max-width:460px;max-height:85vh!important;padding:24px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.filter-bar{flex-direction:column!important;align-items:flex-start!important}.filter-bar .date-filters{margin-left:0!important;width:100%}.stock-grid{grid-template-columns:1fr 1fr!important}.summary-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.stock-grid{grid-template-columns:1fr!important}.main-content{padding:68px 12px 12px}}