:root{--bg:#f5f5f7;--surface:#fff;--surface-soft:#f9f9fb;--text:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.08);--blue:#0071e3;--blue-soft:#eaf4ff;--green:#20a464;--green-soft:#eaf8f1;--orange:#d97706;--orange-soft:#fff5e7;--red:#d92d4a;--red-soft:#fff0f2;--shadow:0 18px 50px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{min-height:100dvh}button,input,select,textarea{font:inherit}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.login-shell{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:24px;background:linear-gradient(145deg,#fafcff,#eef6ff)}.login-light{position:absolute;border-radius:50%;filter:blur(10px)}.login-light.one{width:520px;height:520px;top:-250px;right:-160px;background:rgba(0,113,227,.12)}.login-light.two{width:430px;height:430px;bottom:-220px;left:-160px;background:rgba(89,199,250,.15)}.login-card{position:relative;width:min(440px,100%);padding:40px;border:1px solid rgba(255,255,255,.85);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 35px 100px rgba(35,85,130,.14);backdrop-filter:blur(26px)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:760;letter-spacing:-.025em}.brand b{color:var(--blue)}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0a84ff,#0071e3);color:#fff;box-shadow:0 9px 24px rgba(0,113,227,.24);font-weight:850}.login-copy{margin:35px 0 25px}.login-copy small,.topbar small,.modal header small,.eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.login-copy h1{margin:8px 0 12px;font-size:40px;line-height:1.02;letter-spacing:-.055em}.login-copy p{margin:0;color:var(--muted);line-height:1.5}.login-card>label,.field{display:grid;gap:7px;margin-top:16px;color:#52525a;font-size:12px;font-weight:700}.login-card input,.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);font-size:16px;outline:0;transition:.18s}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:rgba(0,113,227,.55);box-shadow:0 0 0 4px rgba(0,113,227,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;top:5px;right:5px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.password-wrap button:hover{background:var(--blue-soft);color:var(--blue)}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:0;border-radius:12px;cursor:pointer;font-weight:720;transition:transform .15s,box-shadow .15s,background .15s}.button:active{transform:scale(.98)}.button.primary{background:linear-gradient(145deg,#0a84ff,#0071e3);color:#fff;box-shadow:0 9px 22px rgba(0,113,227,.22)}.button.secondary{background:#ececf0;color:#36363a}.button.danger{background:var(--red-soft);color:var(--red)}.button.wide{width:100%;margin-top:24px}.button:disabled{cursor:not-allowed;opacity:.45}.form-error{min-height:18px;margin:11px 0 0;color:var(--red);font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:254px;flex-direction:column;padding:24px 16px 16px;border-right:1px solid var(--line);background:rgba(250,250,252,.92);backdrop-filter:blur(25px)}.sidebar-brand{padding:0 10px 22px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{display:flex;width:100%;height:44px;align-items:center;gap:12px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:#64646c;cursor:pointer;font-size:13px;font-weight:670;text-align:left}.sidebar nav button:hover{background:#eeeef2;color:#252529}.sidebar nav button.active{background:#e7f2ff;color:var(--blue)}.sidebar nav button svg{width:20px;height:20px}.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 2px;border-top:1px solid var(--line)}.user-mini{display:flex;min-width:0;flex:1;align-items:center;gap:9px}.user-mini>span,.avatar-button{display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;border:0;border-radius:50%;background:linear-gradient(145deg,#dceeff,#bddcff);color:#075fae;font-weight:800}.user-mini div{min-width:0}.user-mini strong,.user-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini strong{font-size:12px}.user-mini small{margin-top:3px;color:var(--muted);font-size:10px}.icon-button{display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}.icon-button:hover{background:#ececf0;color:var(--text)}.topbar{position:sticky;top:0;z-index:20;display:flex;height:82px;align-items:center;gap:15px;margin-left:254px;padding:0 clamp(20px,4vw,46px);border-bottom:1px solid var(--line);background:rgba(245,245,247,.86);backdrop-filter:blur(24px)}.topbar h1{margin:2px 0 0;font-size:24px;letter-spacing:-.04em}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.avatar-button{cursor:pointer}.content{min-height:calc(100dvh - 82px);margin-left:254px;padding:30px clamp(20px,4vw,46px) 80px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-intro h2{margin:3px 0 0;font-size:32px;letter-spacing:-.045em}.page-intro p{margin:8px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{position:relative;overflow:hidden;min-height:144px;padding:21px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.045)}.metric::after{content:"";position:absolute;width:100px;height:100px;right:-38px;bottom:-42px;border-radius:50%;background:var(--tone,#eaf4ff)}.metric small{color:var(--muted);font-size:11px;font-weight:700}.metric strong{display:block;margin-top:15px;font-size:34px;letter-spacing:-.055em}.metric span{display:block;margin-top:6px;color:var(--muted);font-size:11px}.metric.red{--tone:#ffe4e9}.metric.orange{--tone:#ffeed2}.metric.green{--tone:#dff7e9}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 21px 14px}.panel-head h3{margin:0;font-size:17px;letter-spacing:-.025em}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.text-button{border:0;background:transparent;color:var(--blue);cursor:pointer;font-size:12px;font-weight:720}.alert-list,.movement-list,.list{display:grid}.alert-row,.movement-row,.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 21px;border-top:1px solid var(--line)}.alert-row strong,.movement-row strong,.list-row strong{display:block;font-size:13px}.alert-row small,.movement-row small,.list-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.stock-number{text-align:right}.stock-number b{display:block;font-size:14px}.stock-number span{font-size:9px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.03em}.status.ok{background:var(--green-soft);color:var(--green)}.status.minimum{background:var(--orange-soft);color:var(--orange)}.status.critical,.status.out{background:var(--red-soft);color:var(--red)}.status.inactive{background:#ededf0;color:#797980}.status.draft{background:#f0f0f3;color:#66666c}.status.approved,.status.ordered{background:var(--blue-soft);color:var(--blue)}.status.received,.status.completed{background:var(--green-soft);color:var(--green)}.status.cancelled{background:var(--red-soft);color:var(--red)}.category-bars{display:grid;gap:16px;padding:5px 21px 22px}.category-bar header{display:flex;justify-content:space-between;font-size:11px}.category-bar header span{color:var(--muted)}.bar{height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#ececf0}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0a84ff,#64d2ff)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:15px}.toolbar .search{min-width:240px;flex:1}.toolbar input,.toolbar select{min-height:42px;width:auto;background:#fff;font-size:13px}.toolbar .search input{width:100%}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.data-table th{position:sticky;top:0;z-index:1;background:#f8f8fa;color:#73737a;font-size:9px;letter-spacing:.08em}.data-table td{font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fafcff}.cell-main strong,.cell-main small{display:block}.cell-main small{margin-top:4px;color:var(--muted);font-size:10px}.numeric{text-align:right!important}.row-actions{display:flex;justify-content:flex-end;gap:5px}.mini-button{min-height:32px;padding:0 10px;border:0;border-radius:9px;background:#efeff3;color:#55555b;cursor:pointer;font-size:10px;font-weight:720}.mini-button.blue{background:var(--blue-soft);color:var(--blue)}.mini-button.red{background:var(--red-soft);color:var(--red)}.empty{padding:55px 20px;text-align:center}.empty .empty-icon{display:grid;width:56px;height:56px;margin:auto;place-items:center;border-radius:18px;background:var(--blue-soft);color:var(--blue);font-size:25px}.empty h3{margin:15px 0 5px}.empty p{margin:0;color:var(--muted);font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.info-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff}.info-card header{display:flex;align-items:start;justify-content:space-between;gap:10px}.info-card h3{margin:0;font-size:15px}.info-card p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.info-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.count-progress{height:6px;overflow:hidden;border-radius:99px;background:#ececf0}.count-progress i{display:block;height:100%;background:var(--blue)}.report-controls{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;margin-bottom:16px}.report-controls .field{margin:0}.permission-groups{display:grid;gap:12px;margin-top:15px}.permission-group{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fafafd}.permission-group h4{margin:0 0 10px;font-size:12px}.permission-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-item{display:flex;align-items:flex-start;gap:8px;color:#55555d;font-size:11px}.permission-item input{width:17px;height:17px;accent-color:var(--blue)}.modal{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:0;border:0;border-radius:25px;background:#fff;box-shadow:0 35px 120px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(20,24,30,.5);backdrop-filter:blur(10px)}.modal form{display:flex;max-height:calc(100dvh - 30px);flex-direction:column}.modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 25px 15px}.modal header h2{margin:4px 0 0;font-size:25px;letter-spacing:-.04em}.modal #modal-body{overflow-y:auto;padding:0 25px 4px}.modal footer{display:flex;justify-content:flex-end;gap:9px;padding:18px 25px 23px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field textarea{min-height:90px;resize:vertical}.form-note{padding:12px 14px;border-radius:13px;background:var(--blue-soft);color:#326c9f;font-size:11px;line-height:1.5}.count-sheet{display:grid;gap:9px}.count-item{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px}.count-item strong,.count-item small{display:block}.count-item small{margin-top:4px;color:var(--muted);font-size:10px}.count-item input{width:100%;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:10px;font-size:16px;text-align:center}.purchase-items{display:grid;gap:8px}.purchase-item{display:grid;grid-template-columns:minmax(0,1fr) 95px 105px;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px}.purchase-item label{font-size:10px}.purchase-item input{width:100%;min-height:39px;padding:7px;border:1px solid var(--line);border-radius:9px;font-size:14px}.mobile-only,.mobile-nav{display:none}#toast{position:fixed;left:50%;bottom:26px;z-index:100;max-width:calc(100vw - 30px);transform:translate(-50%,18px);padding:12px 18px;border-radius:999px;background:#1d1d1f;color:#fff;box-shadow:0 15px 45px rgba(0,0,0,.24);font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.print-area{display:none}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){input,select,textarea{font-size:16px!important}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:30px 0 80px rgba(0,0,0,.2)}.mobile-only{display:grid}.topbar{height:68px;margin-left:0;padding:0 13px}.topbar small{display:none}.topbar h1{font-size:20px}.top-actions .button{display:none}.content{min-height:calc(100dvh - 68px);margin-left:0;padding:18px 12px 98px}.page-intro{align-items:start;flex-direction:column;margin-bottom:16px}.page-intro h2{font-size:27px}.page-intro p{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:125px;padding:16px;border-radius:18px}.metric strong{font-size:29px}.dashboard-grid{gap:10px;margin-top:10px}.panel{border-radius:18px}.panel-head{padding:17px 16px 12px}.alert-row,.movement-row,.list-row{padding:13px 16px}.category-bars{padding:4px 16px 19px}.mobile-nav{position:fixed;right:10px;bottom:10px;left:10px;z-index:25;display:flex;height:66px;align-items:center;justify-content:space-around;padding:7px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(245,245,247,.9);box-shadow:0 16px 45px rgba(0,0,0,.17);backdrop-filter:blur(24px)}.mobile-nav button{display:grid;min-width:54px;gap:3px;place-items:center;padding:4px;border:0;background:transparent;color:#7b7b82;font-size:8px;font-weight:750}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{color:var(--blue)}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .search{grid-column:1/-1;min-width:0}.toolbar input,.toolbar select{width:100%}.toolbar .button{min-width:0;padding:0 10px}.table-wrap{border:0;background:transparent;overflow:visible}.data-table,.data-table tbody{display:block}.data-table thead{display:none}.data-table tr{display:grid;margin-bottom:9px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.035)}.data-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:0!important;white-space:normal}.data-table td::before{content:attr(data-label);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em}.data-table td:first-child{display:block;padding-bottom:10px}.data-table td:first-child::before{display:none}.data-table .row-actions{justify-content:flex-start;margin-top:7px}.cards-grid{grid-template-columns:1fr}.report-controls{grid-template-columns:1fr 1fr}.report-controls .button{min-width:0;padding:0 10px}.form-grid{grid-template-columns:1fr}.modal{border-radius:22px}.modal header{padding:21px 19px 13px}.modal #modal-body{padding:0 19px 3px}.modal footer{padding:15px 19px 19px}.permission-list{grid-template-columns:1fr}.purchase-item{grid-template-columns:minmax(0,1fr) 80px}.purchase-item label:last-child{grid-column:1/-1}.count-item{grid-template-columns:minmax(0,1fr) 92px}.login-card{padding:30px 23px;border-radius:25px}.login-copy h1{font-size:34px}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}.report-controls{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.toolbar .search{grid-column:auto}.mobile-nav button{min-width:47px}.mobile-nav button:nth-child(n+6){display:none}}
@media print{body{background:#fff}.login-shell,#app,.modal,#toast{display:none!important}.print-area{display:block!important;padding:20px;color:#000}.print-area h1{margin:0 0 4px;font-size:24px}.print-area p{margin:0 0 18px;color:#555}.print-area table{width:100%;border-collapse:collapse}.print-area th,.print-area td{padding:7px;border-bottom:1px solid #ccc;text-align:left;font-size:10px}.print-area th{background:#eee}.print-summary{display:flex;gap:20px;margin:14px 0 20px}.print-summary div{padding:12px;border:1px solid #bbb}.print-summary strong{display:block;font-size:20px}}