:root{color:#172438;font-synthesis:none;background:#f3f6f9;font-family:Montserrat,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.brand{letter-spacing:-1px;font-size:25px;font-weight:850}.brand span{color:#35b6e7}.brand-large{font-size:34px}.login-page{background:#fff;grid-template-columns:minmax(320px,1.05fr) minmax(380px,.95fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#0d223a,#0f4f70 62%,#1693b8);flex-direction:column;justify-content:center;padding:clamp(40px,8vw,110px);display:flex}.login-brand h1{max-width:780px;margin:40px 0 22px;font-size:clamp(38px,5vw,64px);line-height:1.02}.login-brand p{color:#c8e3ee;margin:0}.login-copy{max-width:560px;font-size:18px;line-height:1.6}.login-panel{background:#f4f7fa;place-items:center;padding:32px;display:grid}.login-card{background:#fff;border:1px solid #e2e8ee;border-radius:20px;gap:22px;width:min(440px,100%);padding:38px;display:grid;box-shadow:0 20px 55px #132b4214}.login-card small,.page-title>div>p{letter-spacing:.14em;color:#1688ad;font-size:10px;font-weight:850}.login-card h2{margin:7px 0;font-size:30px}.login-card p{color:#687788;margin:0}.login-card label{gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input,.filters input,.filters select{background:#fff;border:1px solid #cbd5df;border-radius:10px;outline:none;padding:13px 14px}.login-card input:focus,.filters input:focus,.filters select:focus{border-color:#178fb7;box-shadow:0 0 0 3px #178fb719}.primary{color:#fff;cursor:pointer;background:#116f94;border:0;border-radius:10px;padding:14px;font-weight:800}.primary:hover{background:#0d5b7a}.primary:disabled{opacity:.65}.compact{padding:11px 16px}.error{color:#a12626;background:#fff0f0;border:1px solid #f1c5c5;border-radius:9px;padding:11px 12px;font-size:13px}.security-note{text-align:center;line-height:1.5;font-size:11px!important}.splash{text-align:center;color:#fff;background:#102940;place-content:center;gap:12px;min-height:100vh;display:grid}.shell{grid-template-columns:255px minmax(0,1fr);min-height:100vh;display:grid}.shell aside{color:#fff;background:#102940;flex-direction:column;height:100vh;padding:27px 18px;display:flex;position:sticky;top:0}.shell aside>.brand{padding:0 10px 26px}.tenant-mini{background:#193b57;border:1px solid #2b4d66;border-radius:11px;gap:5px;margin-bottom:24px;padding:14px 12px;display:grid}.tenant-mini small{letter-spacing:.12em;color:#8eafc6;font-size:9px}.tenant-mini strong{font-size:13px}.shell nav{gap:5px;display:grid}.shell nav button{text-align:left;color:#afc1d0;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;display:flex}.shell nav button span{flex:1}.shell nav button.active{color:#fff;background:#1b526f}.shell nav button:disabled{opacity:.55;cursor:default}.shell nav em{text-transform:uppercase;background:#29465c;border-radius:4px;padding:3px 5px;font-size:8px;font-style:normal}.aside-footer{border-top:1px solid #29465c;grid-template-columns:34px 1fr 28px;align-items:center;gap:9px;margin-top:auto;padding:18px 6px 0;display:grid}.aside-footer .avatar{background:#23a4ce;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.aside-footer div{min-width:0;display:grid}.aside-footer strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.aside-footer small{color:#90a8ba;text-transform:capitalize;font-size:9px}.aside-footer button{color:#a9bdcc;cursor:pointer;background:0 0;border:0}.content{min-width:0}.content>header{background:#fff;border-bottom:1px solid #dde5eb;justify-content:space-between;align-items:center;height:64px;padding:0 34px;display:flex}.content>header small{color:#718090}.status{color:#4c6578;align-items:center;gap:7px;font-size:11px;display:flex}.status i{background:#21b176;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #21b17620}.page{padding:34px clamp(20px,4vw,54px) 52px}.page-title{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-title p{margin:0}.page-title h1{letter-spacing:-1px;margin:6px 0 5px;font-size:32px}.page-title span{color:#718090;font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat{background:#fff;border:1px solid #e0e7ed;border-radius:14px;gap:7px;padding:20px;display:grid;box-shadow:0 5px 18px #16324b08}.stat span{color:#718090;font-size:11px}.stat strong{letter-spacing:-.6px;font-size:25px}.stat small{color:#96a2ae;font-size:10px}.grid-two{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #e0e7ed;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #16324b08}.panel-head{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-head h2{margin:0 0 4px;font-size:17px}.panel-head p{color:#8693a0;margin:0;font-size:11px}.link{color:#1381a7;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.branch-row{border-bottom:1px solid #f0f3f5;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:13px 20px;display:grid}.branch-row:last-child{border:0}.branch-row div{gap:3px;display:grid}.branch-row strong{font-size:12px}.branch-row small,.branch-card small{color:#8693a0;font-size:10px}.branch-row b{font-size:12px}.branch-mark{color:#137da1;background:#e5f4f9;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:850;display:grid}.branch-mark.large{width:42px;height:42px}.sync-panel{text-align:center;padding-bottom:25px}.sync-panel .panel-head{text-align:left}.sync-panel h3{margin:12px 0 6px;font-size:15px}.sync-panel>p{color:#748393;padding:0 28px;font-size:11px;line-height:1.6}.sync-wait,.sync-ok{border-radius:50%;place-items:center;width:58px;height:58px;margin:30px auto 0;font-size:24px;font-weight:900;display:grid}.sync-wait{color:#c98a12;background:#fff4da}.sync-ok{color:#189763;background:#dff7eb}.branch-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.branch-card{background:#fff;border:1px solid #dfe7ed;border-radius:14px;padding:20px;box-shadow:0 5px 18px #16324b08}.branch-card-top{justify-content:space-between;align-items:center;display:flex}.badge{color:#a76e05;background:#fff3dc;border-radius:10px;padding:5px 8px;font-size:9px}.badge.ok{color:#178857;background:#e2f7ec}.branch-card h2{margin:17px 0 4px;font-size:17px}.branch-card code{color:#82909d;font-size:10px}.branch-metrics{border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;padding:14px 0;display:grid}.branch-metrics div{gap:5px;display:grid}.branch-metrics span{color:#85929e;text-transform:uppercase;font-size:9px}.branch-metrics strong{font-size:18px}.count-pill{border-radius:18px;padding:8px 12px;font-weight:750;color:#167b9d!important;background:#e4f3f8!important}.inventory-panel{overflow:hidden}.filters{border-bottom:1px solid #e9eef2;grid-template-columns:minmax(240px,1fr) 220px;gap:12px;padding:18px;display:grid}.table-wrap{min-height:280px;position:relative;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#71808d;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f7f9fb;padding:12px 14px;font-size:9px}td{white-space:nowrap;border-top:1px solid #edf1f4;padding:13px 14px}td:nth-child(2){white-space:normal;min-width:250px}.numeric{text-align:right}.empty{text-align:center;color:#748393;padding:48px 20px}.empty-icon{color:#1382a6;background:#e9f5f8;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:22px;display:grid}.empty strong{color:#26384a}.empty p{font-size:11px}.loading{color:#597083;background:#ffffffdb;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@media (width<=1050px){.stats,.branch-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.login-page{grid-template-columns:1fr}.login-brand{padding:36px 24px}.login-brand h1{margin:30px 0 18px;font-size:36px}.login-panel{padding:24px}.login-card{padding:28px}.shell{grid-template-columns:72px 1fr}.shell aside{padding:20px 10px}.shell aside>.brand{padding:0 5px 22px;font-size:0}.shell aside>.brand:before{content:"a2";font-size:23px}.tenant-mini,.shell nav button span,.shell nav em,.aside-footer div,.aside-footer button{display:none}.shell nav button{justify-content:center;font-size:18px}.aside-footer{padding:15px 8px;display:block}.content>header{padding:0 18px}.page{padding:24px 16px}.grid-two,.branch-grid,.filters{grid-template-columns:1fr}.page-title{align-items:flex-end}.page-title h1{font-size:27px}}@media (width<=520px){.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:15px}.stat strong{font-size:19px}.page-title .primary{display:none}}.inventory-filters{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center}.check-filter{white-space:nowrap;color:#506273;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.check-filter input{accent-color:#137fa5}.inventory-stats{margin-bottom:18px}.table-wrap th button{color:inherit;text-transform:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;padding:0}.inventory-row{cursor:default}.inventory-row:hover{background:#f4fafc}.table-action{color:#116f94;white-space:nowrap;cursor:pointer;background:#eef8fb;border:1px solid #b8dbe7;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.table-action:hover{background:#dff2f7}.pagination{color:#718090;border-top:1px solid #e9eef2;justify-content:space-between;align-items:center;padding:13px 18px;font-size:10px;display:flex}.pagination div{gap:8px;display:flex}.pagination button,.secondary{color:#28465d;cursor:pointer;background:#fff;border:1px solid #cad6df;border-radius:8px;padding:8px 12px;font-weight:750}.pagination button:disabled{opacity:.45;cursor:default}.table-error{margin:18px}.modal-backdrop{z-index:50;background:#0a1d2db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.distribution-modal{background:#fff;border-radius:17px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0005}.modal-head{border-bottom:1px solid #e5ebef;justify-content:space-between;gap:20px;padding:22px 24px 18px;display:flex}.modal-head p{color:#1688ad;letter-spacing:.13em;margin:0 0 7px;font-size:9px;font-weight:850}.modal-head h2{margin:0 0 6px;font-size:19px}.modal-head span{color:#718090;font-size:10px}.modal-head>button{color:#4e6272;cursor:pointer;background:#edf3f6;border:0;border-radius:50%;width:33px;height:33px;font-size:22px}.modal-total{color:#fff;background:#102940;border-radius:11px;justify-content:space-between;align-items:center;margin:18px 24px;padding:16px 18px;display:flex}.modal-total span{color:#adc1cf;font-size:11px}.modal-total strong{font-size:21px}.location-list{padding:0 24px 18px}.location-row{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.location-row>div{align-items:center;gap:10px;display:flex}.location-row strong,.location-row b{font-size:12px}.location-row.zero{opacity:.48}.modal-footer{border-top:1px solid #e5ebef;justify-content:space-between;align-items:center;padding:15px 24px;display:flex}.modal-footer span{color:#84929e;font-size:9px}@media (width<=900px){.inventory-filters{grid-template-columns:1fr 190px}.check-filter{grid-column:1/-1}}@media (width<=620px){.inventory-filters{grid-template-columns:1fr}.check-filter{grid-column:auto}.inventory-stats{grid-template-columns:1fr 1fr}.modal-footer{align-items:flex-start;gap:15px}}.audit-panel{overflow:hidden}.audit-tabs{background:#f9fbfc;border-bottom:1px solid #e9eef2;gap:5px;padding:12px 18px 0;display:flex}.audit-tabs button{color:#718090;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 15px;font-size:11px;font-weight:800}.audit-tabs button.active{color:#116f94;border-bottom-color:#20a8d2}.audit-filters{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center}.audit-table,.comparison-table{min-height:390px}.audit-table td:nth-child(3),.comparison-table td:nth-child(2){white-space:normal;min-width:230px}.difference-row{background:#fff8f7}.critical{color:#bd352f!important}.audit-status{color:#178857;background:#e2f7ec;border-radius:12px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.audit-status.alert{color:#b7352e;background:#ffe7e4}.comparison-alert{color:#b52e27;background:#ffe3df;font-weight:850}.kardex-modal{background:#fff;border-radius:17px;flex-direction:column;width:min(1100px,96vw);max-height:92vh;display:flex;overflow:hidden}.kardex-summary{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 24px;display:grid}.kardex-summary div{background:#f4f7f9;border-radius:10px;gap:5px;padding:13px 15px;display:grid}.kardex-summary span{color:#788896;text-transform:uppercase;font-size:9px}.kardex-summary strong{font-size:18px}.period-strip{gap:8px;padding:0 24px 15px;display:flex;overflow:auto}.period-strip div{border:1px solid #dfe7ed;border-radius:9px;gap:3px;min-width:150px;padding:10px 12px;display:grid}.period-strip strong{font-size:10px}.period-strip span,.period-strip b{color:#718090;font-size:9px}.history-table{border-top:1px solid #e7edf1;border-bottom:1px solid #e7edf1;min-height:250px;overflow:auto}.modal-loading{text-align:center;color:#657786;padding:70px}@media (width<=900px){.audit-filters{grid-template-columns:1fr 190px}}@media (width<=620px){.audit-filters,.kardex-summary{grid-template-columns:1fr}.audit-tabs{overflow:auto}.kardex-modal{border-radius:12px;width:100%;max-height:96vh}}.sales-toolbar{margin-bottom:18px}.sales-filters{grid-template-columns:220px 190px minmax(220px,1fr);align-items:center}.sales-filters label{color:#506273;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.sales-filters label input{border:1px solid #cbd5df;border-radius:8px;width:78px;padding:10px}.sales-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.sales-chart{min-height:330px}.sales-bars{gap:9px;padding:14px 20px;display:grid}.sales-bars button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:170px 1fr;align-items:center;gap:12px;display:grid}.sales-bars span{justify-content:space-between;gap:6px;font-size:10px;display:flex}.sales-bars span strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sales-bars small{color:#718090}.sales-bars i{background:#edf2f5;border-radius:9px;height:9px;overflow:hidden}.sales-bars b{background:linear-gradient(90deg,#1685aa,#35b6e7);border-radius:9px;height:100%;display:block}.sales-table{min-height:390px}.sales-table td:nth-child(2){min-width:260px}.safety-note{color:#72581f;background:#fff9e8;border:1px solid #f0d99d;border-radius:11px;align-items:center;gap:12px;margin:0 0 18px;padding:14px 18px;font-size:11px;display:flex}.safety-note span{color:#806d42}.abc{border-radius:50%;place-items:center;width:25px;height:25px;font-weight:850;display:inline-grid}.abc-a{color:#168653;background:#dff6e9}.abc-b{color:#16779b;background:#e1f2fa}.abc-c{color:#77508f;background:#f3edf8}@media (width<=1050px){.sales-grid{grid-template-columns:1fr}.sales-filters{grid-template-columns:1fr 1fr}.sales-filters>:last-child{grid-column:1/-1}}@media (width<=620px){.sales-filters{grid-template-columns:1fr}.sales-filters>:last-child{grid-column:auto}.sales-bars button{grid-template-columns:130px 1fr}.safety-note{flex-direction:column;align-items:flex-start}}