@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#121c31;font-synthesis:none;text-rendering:optimizelegibility;font-smoothing:antialiased;background:#f2f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{color:#dce5f5;z-index:20;background:#0b1729;flex-direction:column;width:186px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #1b293d;flex-shrink:0;align-items:center;gap:9px;height:57px;padding:0 10px;display:flex}.brand-mark{color:#072c26;background:#00b981;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 2px 7px #0003}.brand strong,.brand span{display:block}.brand strong{color:#f7f9fc;letter-spacing:-.2px;font-size:11px;font-weight:700}.brand span{color:#9aabc1;margin-top:1px;font-size:9px}.side-nav{flex:1;padding:8px 9px;overflow:auto}.side-link{color:#d8e1f1;white-space:nowrap;border-radius:6px;align-items:center;gap:9px;height:31px;padding:0 7px;font-size:10px;font-weight:500;display:flex}.side-link svg{color:#8798b2;flex-shrink:0}.side-link:hover{color:#fff;background:#16253a}.dashboard-link{height:34px;margin-bottom:13px}.side-link.selected{color:#fff;background:#17253a;border:1px solid #c5d1e0;box-shadow:0 0 0 1px #ffffff20}.side-link.selected svg{color:#d4dfef}.nav-heading{color:#94a8c5;text-transform:uppercase;letter-spacing:.35px;justify-content:space-between;align-items:center;margin-top:0;padding:2px 4px 7px;font-size:8px;font-weight:600;display:flex}.nav-add{color:#00d399;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:8px;display:flex}.department-nav{gap:0;display:grid}.department-link{height:29px;padding-left:6px}.green-dot{background:#00d399;border-radius:50%;flex-shrink:0;width:6px;height:6px}.department-link.active{color:#fff;background:#142338}.side-add-dept{color:#00d399;background:0 0;border:1px dashed #007e68;border-radius:6px;align-items:center;gap:6px;height:27px;margin:5px 0 15px;padding-left:8px;font-size:9px;display:flex}.nav-section{margin-top:5px;margin-bottom:11px}.nav-section .nav-heading{margin-bottom:3px}.sidebar-user{border-top:1px solid #1a293d;justify-content:space-between;align-items:center;gap:6px;min-height:42px;padding:8px 10px;display:flex}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;max-width:135px;display:block;overflow:hidden}.sidebar-user strong{color:#f1f5fb;font-size:8px;font-weight:600}.sidebar-user span{color:#00d399;margin-top:1px;font-size:8px}.sidebar-user button{color:#90a2bc;background:0 0;border:0;padding:3px}.main-content{min-height:100vh;margin-left:186px}.page{max-width:1440px;margin:auto;padding:22px 32px 50px}.page-header,.stock-header{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.page h1,.stock-header h1,.secondary-page h1,.empty-page h1{letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700;line-height:1.2}.page-header p,.stock-header p,.secondary-page p,.empty-page p{color:#667b9d;margin:5px 0 0;font-size:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.primary-btn,.outline-btn{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:27px;padding:0 11px;font-size:9px;font-weight:500;display:inline-flex}.primary-btn{color:#fff;background:#05a875;border:1px solid #05a875}.primary-btn:hover{background:#008e64}.primary-btn:disabled{opacity:.6;cursor:wait}.outline-btn{color:#24324c;background:#fff;border:1px solid #d0d9e6;box-shadow:0 1px 2px #172c4710}.outline-btn:hover{background:#fafdff;border-color:#a7b7cb}.header-actions select,.form-grid select{color:#24324c;background:#fff;border:1px solid #d0d9e6;border-radius:6px;min-width:130px;height:27px;padding:0 9px;font-size:9px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.metric-card{background:#fff;border:1px solid #dfe6ef;border-radius:9px;height:77px;padding:15px;box-shadow:0 1px 2px #172c4709}.metric-card span{color:#607493;font-size:9px;display:block}.metric-card strong{color:#111c32;margin-top:6px;font-size:21px;font-weight:700;line-height:1;display:block}.metric-card strong.green{color:#00a674}.metric-card strong.orange{color:#f39800}.metric-card strong.red{color:#ff2856}.department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 15px;display:grid}.dept-card{background:#fff;border:1px solid #dfe6ef;border-left:3px solid #05c993;border-radius:9px;min-height:74px;padding:16px 15px 12px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 2px #172c4709}.dept-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px #172c4710}.dept-card-title{justify-content:space-between;align-items:center;display:flex}.dept-card-title strong{font-size:11px;font-weight:650}.dept-card-title svg{color:#8ea2bf}.dept-card-counts{color:#24324b;gap:11px;margin-top:13px;font-size:8px;display:flex}.dept-card-counts b{font-weight:600}.orange-text{color:#ec9200}.add-dept-card{color:#23334d;background:#f9fbfd;border:1px dashed #c5d4e6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:90px;display:flex}.add-dept-card:hover{background:#f1faf7;border-color:#8fdcc2}.add-circle{color:#00a879;background:#d1fae8;border-radius:50%;place-items:center;width:27px;height:27px;margin-bottom:7px;display:grid}.add-dept-card strong{font-size:9px}.add-dept-card small{color:#8ca0bc;margin-top:3px;font-size:8px}.activity-placeholder{background:#fff;border:1px solid #dfe6ef;border-radius:9px;margin-top:30px;padding:14px 16px}.section-title{align-items:center;gap:7px;display:flex}.section-title>svg{color:#06a979}.section-title h2{margin:0;font-size:11px;font-weight:650}.section-title a{color:#6680a4;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.activity-placeholder>p{color:#7c8ea9;margin:13px 0 3px;font-size:9px}.stock-page{padding-top:20px}.stock-header{border-bottom:1px solid #dce4ee;margin-bottom:18px;padding-bottom:14px}.stock-header h1{align-items:center;gap:10px;display:flex}.item-count{color:#009e70;letter-spacing:0;background:#d9f8ec;border-radius:15px;padding:3px 7px;font-size:8px;font-weight:600}.table-tools{background:#fff;border:1px solid #dfe6ef;border-radius:9px;align-items:center;gap:9px;min-height:49px;margin-bottom:18px;padding:9px;display:flex;box-shadow:0 1px 2px #172c4708}.search-box{color:#8ba0be;background:#f9fbfd;border:1px solid #d8e1ec;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:100px;height:29px;padding:0 9px;display:flex}.search-box input{color:#263752;background:0 0;border:0;outline:0;width:100%;font-size:10px}.search-box input::placeholder{color:#91a3bd}.search-box button{color:#8498b4;background:0 0;border:0;padding:2px}.filter-pills{white-space:nowrap;align-items:center;gap:4px;display:flex}.filter-pills button{color:#556783;background:0 0;border:0;border-radius:6px;height:24px;padding:0 8px;font-size:8px}.filter-pills button:hover{background:#f2f5f9}.filter-pills button.chosen{color:#fff;background:#111d33;font-weight:600}.table-wrap{background:#fff;border:1px solid #dfe6ef;border-radius:9px;overflow:auto;box-shadow:0 1px 2px #172c4708}table{border-collapse:collapse;width:100%;min-width:830px}thead{background:#f9fbfd}th{color:#536580;letter-spacing:.15px;text-align:left;white-space:nowrap;border-bottom:1px solid #dfe6ef;height:46px;padding:8px 10px;font-size:8px;font-weight:650}th:first-child,td:first-child{padding-left:12px}th:first-child{width:76px}th:nth-child(2){width:195px}th:nth-child(3){width:55px}th:nth-child(4),th:nth-child(5),th:nth-child(6),th:nth-child(7){text-align:right}th:nth-child(8),th:last-child{text-align:center}.green-head{color:#009b6e}.red-head{color:#f02c53}.sort-button{color:#95a8c0;vertical-align:middle;background:0 0;border:0;padding:1px}.sort-button svg{vertical-align:middle}td{color:#24334c;white-space:nowrap;border-bottom:1px solid #e8edf3;height:51px;padding:8px 10px;font-size:9px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td strong{color:#152138;font-size:9px;font-weight:600}td small{color:#8a9db8;text-overflow:ellipsis;max-width:230px;margin-top:3px;font-size:8px;display:block;overflow:hidden}.code-cell{color:#34435c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.number-cell{text-align:right;font-size:9px;font-weight:500}.green-text{color:#00a572}.red-text{color:#f32652}.available-cell{color:#162138;font-weight:700}.status{text-align:center;border-radius:20px;padding:3px 8px;font-size:8px;line-height:1.2;display:inline-block}.status-in-stock{color:#008458;background:#effdf6;border:1px solid #90ebc4}.status-low-stock{color:#db8b00;background:#fffaf0;border:1px solid #ffdc70}.status-out-of-stock{color:#ef3153;white-space:normal;background:#fff4f5;border:1px solid #ffb7c1;max-width:68px}.row-actions{justify-content:center;align-items:center;gap:5px;display:flex}.movement-in,.movement-out{color:#00a875;background:#f1fff8;border:1px solid #9ee7c5;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:33px;height:32px;font-size:12px;line-height:1;display:flex}.movement-in small,.movement-out small{margin-top:1px;font-size:7px}.movement-out{color:#ed3150;background:#fff6f6;border-color:#ffc5ca}.movement-out:disabled{opacity:.5;cursor:not-allowed}.icon-action{color:#8b9cb3;background:0 0;border:0;place-items:center;padding:5px;display:inline-grid}.icon-action:hover{color:#31435f}.empty-table{text-align:center;color:#71839f;padding:38px 10px}.empty-table button{color:#009a6e;background:0 0;border:0;margin:9px auto 0;font-size:10px;display:block}.secondary-page{padding-top:32px}.secondary-page>.outline-btn{margin-top:20px}.empty-page{padding:40px}.setup-wrap{background:#f2f5f9;place-items:center;min-height:100vh;padding:22px;display:grid}.setup-card{background:#fff;border:1px solid #dfe6ef;border-radius:12px;width:min(100%,420px);padding:30px;box-shadow:0 8px 32px #1c30420b}.setup-mark{width:42px;height:42px;margin-bottom:20px}.setup-card h1{letter-spacing:-.5px;margin:0 0 8px;font-size:21px}.setup-card>p{color:#647893;margin:0 0 18px;font-size:12px;line-height:1.6}.setup-card ol{color:#33445f;padding-left:20px;font-size:11px;line-height:2}.setup-card code{background:#f2f5f8;border-radius:3px;padding:2px 4px;font-size:10px}.setup-note{color:#8293aa!important;margin-top:16px!important;font-size:10px!important}.setup-card label,.modal-card label{color:#455772;margin:15px 0;font-size:10px;font-weight:600;display:block}.setup-card input,.modal-card input,.modal-card textarea,.modal-card select{color:#1b2940;background:#fff;border:1px solid #d4deea;border-radius:6px;outline:0;width:100%;height:37px;margin-top:6px;padding:0 10px;font-size:11px;display:block}.setup-card input:focus,.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus{border-color:#05ae7c;box-shadow:0 0 0 3px #05ae7c16}.full-btn{width:100%;height:36px;margin-top:8px;font-size:11px}.error-banner,.form-error{color:#ce304b;background:#fff5f6;border:1px solid #ffd1d7;border-radius:6px;margin-bottom:12px;padding:9px 11px;font-size:10px}.modal-scrim{z-index:40;background:#0a162777;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:11px;width:min(100%,490px);max-height:min(90vh,760px);padding:20px 22px;overflow:auto;box-shadow:0 16px 60px #07132645}.modal-title{justify-content:space-between;align-items:center;display:flex}.modal-title>div{align-items:center;gap:9px;display:flex}.modal-icon{color:#00a875;background:#e2faf0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.modal-title h2{letter-spacing:-.2px;margin:0;font-size:15px}.modal-intro{color:#7487a2;margin:12px 0 17px;font-size:10px}.optional{color:#8a9ab0;font-weight:400}.modal-card label{margin:14px 0}.modal-card textarea{resize:vertical;height:70px;padding:9px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid>label{min-width:0}.movement-summary{background:#f6f9fc;border:1px solid #e3eaf2;border-radius:7px;margin:14px 0;padding:11px 12px}.movement-summary strong,.movement-summary span{display:block}.movement-summary strong{font-size:11px}.movement-summary span{color:#72849e;margin-top:4px;font-size:9px}.modal-actions{border-top:1px solid #e8edf3;justify-content:flex-end;gap:7px;margin-top:20px;padding-top:15px;display:flex}.nav-scrim,.mobile-menu{display:none}@media (width>=1500px){.page{padding-left:40px;padding-right:40px}.metric-card{height:78px}}.recent-table{margin-top:10px;overflow:auto}.recent-table table{min-width:690px}.recent-table th{height:30px}.recent-table td{height:37px}.import-card{background:#fff;border:1px solid #dfe6ef;border-radius:9px;max-width:720px;padding:18px}.import-card label{color:#455772;margin-bottom:15px;font-size:10px;font-weight:600;display:block}.import-card select{background:#fff;border:1px solid #d4deea;border-radius:6px;width:min(100%,330px);height:34px;margin-top:6px;padding:0 9px;display:block}.file-picker input{display:none}.file-picker span{color:#637894;cursor:pointer;background:#f9fbfd;border:1px dashed #bfcddd;border-radius:7px;margin-top:6px;padding:13px;font-size:10px;display:block}.import-hint{color:#8192aa;max-width:600px;font-size:9px;line-height:1.7}.import-summary{color:#364861;margin:18px 0 9px;font-size:10px;font-weight:600}.import-button{height:31px;margin-top:12px}@media (width<=900px){.page{padding:22px 20px 40px}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{gap:5px}.stock-header{flex-direction:column;align-items:flex-start}.stock-header .header-actions{justify-content:flex-start}}@media (width<=650px){.sidebar{width:240px;transition:transform .2s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.nav-scrim{z-index:19;background:#07132666;border:0;display:block;position:fixed;inset:0}.main-content{margin-left:0}.mobile-menu{z-index:10;color:#fff;background:#0b1729;border:0;border-radius:7px;place-items:center;width:35px;height:35px;display:grid;position:fixed;top:10px;left:10px;box-shadow:0 3px 10px #0002}.page{padding:59px 14px 32px}.page-header{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:18px}.page-header .header-actions{justify-content:flex-start}.page-header h1,.stock-header h1{font-size:17px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.metric-card{height:69px;padding:12px}.metric-card strong{font-size:19px}.department-grid{grid-template-columns:1fr;gap:10px}.dept-card{min-height:70px}.add-dept-card{min-height:84px}.stock-page{padding-top:57px}.stock-header{gap:13px}.stock-header .header-actions{gap:5px;width:100%}.stock-header .header-actions select{flex:1;min-width:120px}.table-tools{flex-direction:column;align-items:stretch;gap:6px;padding:9px}.search-box{flex:none;height:33px}.filter-pills{justify-content:space-between;gap:1px}.filter-pills button{padding:0 6px}.table-wrap{border-radius:7px}.activity-placeholder{margin-top:20px}.secondary-page{padding-top:65px}.form-grid{grid-template-columns:1fr;gap:0}.modal-card{padding:17px}.modal-scrim{padding:10px}}.success-banner{color:#008458;background:#effdf6;border:1px solid #9ee7c5;border-radius:6px;margin-bottom:12px;padding:9px 11px;font-size:10px}.danger-btn{background:#dc354f;border-color:#dc354f}.danger-btn:hover{background:#c72d45}