@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#102a35;font-synthesis:none;--navy:#0c2935;--teal:#0f766e;--blue:#1688d4;--mint:#20b486;--gold:#d5a44a;--line:#d9e7e8;--muted:#65808b;background:#eef7f7;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#d8f7f2 0,#0000 35%),#f4f8f8;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:linear-gradient(165deg,#103b4a,#0b2531 62%,#0c3440);flex-direction:column;width:252px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand img{object-fit:cover;background:#fff;border-radius:13px;width:42px;height:42px}.brand div{min-width:0}.brand small{letter-spacing:.16em;color:#91eee0;font-size:9px;font-weight:900;display:block}.brand strong{letter-spacing:.03em;white-space:nowrap;font-size:15px;display:block}.sidebar>.brand{padding:4px 8px 21px}.sidebar nav{gap:4px;display:grid;overflow-y:auto}.sidebar nav button{color:#b8cdd3;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;height:46px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#21b49847,#208bd329)}.sidebar nav button.active{box-shadow:inset 3px 0 #4de1c2}.sidebar-user{background:#ffffff14;border-radius:16px;align-items:center;gap:9px;margin-top:auto;padding:10px;display:flex}.sidebar-user .avatar{color:#0f766e;background:#fff;border-radius:11px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.sidebar-user>div:nth-child(2){flex:1;min-width:0}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{font-size:11px}.sidebar-user small{color:#a9c6cc;margin-top:2px;font-size:8px}.sidebar-user button{color:#fff;background:#ffffff14;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.workspace{min-height:100vh;margin-left:252px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#ffffffe6;border-bottom:1px solid #dde9ea;justify-content:space-between;align-items:center;height:80px;padding:0 28px;display:flex;position:sticky;top:0}.topbar small,.page-actions small{letter-spacing:.15em;color:#b18b57;font-size:9px;font-weight:900}.topbar h1,.page-actions h2{color:#142234;margin:3px 0 0;font-size:22px}.top-actions{align-items:center;gap:9px;display:flex}.top-actions>button{color:#31505c;background:#fff;border:1px solid #dae7e8;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.bell{position:relative}.bell i{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.profile-chip{background:#fff;border:1px solid #d8e5e6;border-radius:14px;align-items:center;gap:8px;height:44px;padding:4px 10px 4px 4px;display:flex}.profile-chip>span{color:#fff;background:linear-gradient(145deg,#153e4d,#0f766e);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.profile-chip b,.profile-chip small{white-space:nowrap;text-overflow:ellipsis;max-width:130px;display:block;overflow:hidden}.profile-chip b{font-size:10px}.profile-chip small{color:var(--muted);margin-top:2px;font-size:8px}.content{max-width:1680px;margin:auto;padding:24px}.stack{gap:18px;display:grid}.welcome-card{color:#fff;background:linear-gradient(125deg,#0e4854,#0d766f 60%,#1494bd);border-radius:24px;justify-content:space-between;align-items:center;min-height:130px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #185c6633}.welcome-card:after{content:"";border:45px solid #ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-85px;right:-70px}.welcome-card small{letter-spacing:.18em;color:#8ff0df;font-size:9px;font-weight:900}.welcome-card h2{margin:8px 0 6px;font-size:29px}.welcome-card p{color:#c8f1ed;margin:0;font-size:12px}.primary{color:#fff;z-index:1;background:linear-gradient(135deg,#12a77d,#087d78);border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-size:11px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 10px 22px #0d7e7033}.primary svg{width:16px}.wide{width:100%}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;display:grid}.kpi{text-align:left;color:#14303a;background:#fff;border:1px solid #dbe8e9;border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;min-height:112px;padding:16px;display:flex;box-shadow:0 12px 28px #1d3e480f}button.kpi{border:1px solid #dbe8e9}.kpi svg{color:#0d8f72;background:#e7f7f4;border-radius:9px;width:26px;height:26px;padding:6px}.kpi span{color:#6c8490;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.kpi strong{font-size:18px;line-height:1.1}.kpi-1 svg{color:#2676c8;background:#e7f2ff}.kpi-2 svg{color:#c28517;background:#fff5d9}.kpi-4 svg{color:#db4f4f;background:#fff0ef}.kpi-5 svg{color:#854ac4;background:#f3ebff}.kpi-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{background:#fff;border:1px solid #dde9ea;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #22444c0d}.panel>header{border-bottom:1px solid #edf2f3;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.panel>header h3{margin:0;font-size:14px}.panel>div{padding:13px}.text-button{color:#087c70;background:0 0;border:0;align-items:center;gap:2px;font-size:10px;font-weight:900;display:flex}.text-button svg{width:14px}.compact-list{gap:7px;display:grid}.compact-list>div{background:#f8fbfb;border-radius:13px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.compact-list i{background:#16a085;border-radius:9px;width:7px;height:28px}.compact-list i.warn{background:#f1a71a}.compact-list i.blue{background:#2586d9}.compact-list i.green{background:#15a879}.compact-list b,.compact-list small{display:block}.compact-list b{font-size:11px}.compact-list small{color:#78909a;margin-top:3px;font-size:9px}.compact-list strong{text-align:right;font-size:10px}.empty{color:#8298a0;text-align:center;font-size:11px;padding:24px!important}.bars{gap:14px;display:grid}.bars>div{grid-template-columns:1fr auto;gap:5px;padding-bottom:9px;display:grid;position:relative}.bars span,.bars b{font-size:10px}.bars i{background:linear-gradient(90deg,#12a77d,#2a9fe2);border-radius:4px;height:4px;position:absolute;bottom:0;left:0}.page-tools,.page-actions,.filter-card{background:#fff;border:1px solid #dce8e9;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.page-tools>label{background:#f4f8f8;border-radius:12px;flex:1;align-items:center;gap:8px;max-width:560px;height:40px;padding:0 12px;display:flex}.page-tools>label svg{color:#718a94;width:17px}.page-tools input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.page-tools>div,.page-actions{gap:8px;display:flex}.page-tools button,.page-tools select,.page-actions button,.filter-card button{background:#fff;border:1px solid #d8e6e7;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 13px;font-size:10px;font-weight:800;display:flex}.page-tools button.primary,.page-actions button.primary{border:0}.page-tools svg,.page-actions svg,.filter-card svg{width:15px}.tabs{background:#e8f0f1;border-radius:14px;gap:5px;width:max-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs button{color:#708690;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:8px 12px;font-size:9px;font-weight:800}.tabs button.active{color:#0f766e;background:#fff;box-shadow:0 4px 12px #29464d1a}.customer-list{gap:9px;display:grid}.customer-card{background:#fff;border:1px solid #d8e7e8;border-radius:18px;overflow:hidden}.customer-head{text-align:left;background:#fff;border:0;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.customer-avatar{color:#0f766e;background:linear-gradient(135deg,#dff8f3,#d7edff);border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.customer-head>div:nth-child(2){flex:1;min-width:0}.customer-head h3{margin:0;font-size:13px}.customer-head p{color:#6c8490;margin:4px 0 0;font-size:9px}.customer-summary{gap:6px;display:flex!important}.customer-summary span{text-align:center;text-transform:uppercase;color:#718a94;background:#f4f8f8;border-radius:11px;min-width:76px;padding:7px 9px;font-size:7px;font-weight:800}.customer-summary b{color:#17313b;text-transform:none;margin-bottom:2px;font-size:10px;display:block}.customer-head>svg{width:17px}.customer-detail{background:#fbfdfd;border-top:1px solid #edf2f3;padding:13px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.detail-grid span{background:#fff;border:1px solid #e6eeee;border-radius:12px;padding:10px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#7b9199;text-transform:uppercase;font-size:8px}.detail-grid b{margin-top:4px;font-size:10px}.pond-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pond-chips span{color:#0e796c;background:#e7f6f3;border-radius:30px;padding:7px 10px;font-size:9px;font-weight:800}.inline-actions{gap:7px;margin-top:10px;display:flex}.inline-actions button{background:#fff;border:1px solid #d7e5e6;border-radius:10px;padding:8px 11px;font-size:9px;font-weight:800}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.product-card{background:#fff;border:1px solid #dbe8e9;border-radius:20px;gap:13px;padding:14px;display:grid}.product-card>div:first-child{position:relative}.product-icon{float:right;color:#109078;background:#e6f8f4;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.product-icon svg{width:20px}.product-card small{color:#7c929a;font-size:8px;font-weight:800}.product-card h3{margin:7px 0 3px;font-size:13px}.product-card p{color:#81949b;margin:0;font-size:9px}.stock-line{justify-content:space-between;align-items:end;display:flex}.stock-line strong{font-size:16px}.stock-line span{color:#607984;font-size:9px}.meter{background:#eaf0f1;border-radius:5px;height:5px;overflow:hidden}.meter i{background:linear-gradient(90deg,#20b486,#22a1cf);border-radius:5px;height:100%;display:block}.product-card footer{color:#738992;justify-content:space-between;align-items:center;font-size:8px;display:flex}.product-card footer button{color:#0d7f70;background:#edf8f6;border:0;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:900}.warehouse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.warehouse-grid article{background:#fff;border:1px solid #dbe8e9;border-radius:18px;gap:12px;padding:15px;display:flex}.warehouse-grid svg{color:#187ec8;background:#e7f4ff;border-radius:12px;width:42px;height:42px;padding:9px}.warehouse-grid h3{margin:0;font-size:12px}.warehouse-grid p{color:#7a9099;margin:4px 0;font-size:9px}.warehouse-grid b{color:#0f766e;font-size:9px}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:700px}.table-wrap th{text-align:left;color:#718994;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e8eff0;padding:10px;font-size:8px}.table-wrap td{white-space:nowrap;border-bottom:1px solid #edf2f3;padding:11px 10px;font-size:10px;font-weight:600}.table-wrap tbody tr:hover{background:#f5fbfa}.cheque-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cheque-card{background:linear-gradient(135deg,#fff,#f2fbfa);border:1px solid #d8e7e8;border-radius:20px;padding:15px;box-shadow:0 10px 24px #2649500d}.cheque-card.returned{background:#fff8f8;border-color:#f5c9c9}.cheque-card.cleared{border-color:#bfe8d7}.cheque-card header,.cheque-card>div,.cheque-card footer{justify-content:space-between;gap:8px;display:flex}.cheque-card header small{color:#728a94;font-size:8px}.cheque-card h3{margin:3px 0;font-size:16px}.cheque-card header>b{font-size:12px}.cheque-card>p{color:#58727d;font-size:10px}.cheque-card>div span{background:#fff;border-radius:11px;flex:1;padding:8px}.cheque-card>div small,.cheque-card>div b{font-size:8px;display:block}.cheque-card>div b{margin-top:3px;font-size:9px}.cheque-card footer{justify-content:flex-end;margin-top:11px}.cheque-card footer button{background:#e7f0f1;border:0;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900}.cheque-card footer .success{color:#087b61;background:#dff7ef}.cheque-card footer .danger{color:#c53b3b;background:#fff0f0}.filter-card{flex-wrap:wrap;justify-content:flex-start}.filter-card select,.filter-card input{border:1px solid #d9e6e7;border-radius:11px;min-width:150px;height:39px;padding:0 10px;font-size:10px}.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-grid article{background:#fff;border:1px solid #d9e7e8;border-radius:21px;padding:18px}.report-grid>article>svg{color:#0f8572;background:#e8f7f4;border-radius:13px;width:42px;height:42px;padding:10px}.report-grid h3{margin:16px 0 6px;font-size:13px}.report-grid p{color:#78909a;min-height:42px;font-size:9px;line-height:1.5}.report-grid article>div{gap:5px;display:flex}.report-grid button{background:#fff;border:1px solid #dbe7e8;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:3px;padding:7px 4px;font-size:7px;font-weight:900;display:flex}.report-grid button svg{width:11px}.security-list{gap:9px;display:grid}.security-list span{background:#f5fbfa;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:10px;font-weight:700;display:flex}.security-list svg{color:#0ca477;width:17px}.drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#05181f75;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#f8fbfb;flex-direction:column;width:min(500px,100%);height:100%;animation:.22s slide;display:flex;box-shadow:-20px 0 70px #051b2333}.drawer.wide{width:min(880px,100%)}@keyframes slide{0%{opacity:.5;transform:translate(30px)}}.drawer>header{color:#fff;background:linear-gradient(125deg,#0e4653,#0f766e);flex:none;justify-content:space-between;align-items:center;height:76px;padding:0 20px;display:flex}.drawer>header small{color:#8ee8d8;letter-spacing:.15em;font-size:8px;font-weight:900}.drawer>header h2{margin:4px 0 0;font-size:19px}.drawer>header button{color:#fff;background:#ffffff1a;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.drawer-body{flex:1;padding:16px;overflow-y:auto}.form{gap:13px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.field{gap:5px;display:grid}.field>span{text-transform:uppercase;letter-spacing:.07em;color:#67818b;font-size:8px;font-weight:900}.field input,.field select,.form>input,.form>select{background:#fff;border:1px solid #d5e3e4;border-radius:12px;outline:0;width:100%;height:42px;padding:0 11px;font-size:10px}.field input:focus,.field select:focus{border-color:#34ad98;box-shadow:0 0 0 3px #1fab911a}.subform{background:#fff;border:1px solid #dbe7e8;border-radius:16px;gap:8px;padding:11px;display:grid}.subform>header{justify-content:space-between;align-items:center;display:flex}.subform>header b{font-size:10px}.subform>header button{color:#0e7c6e;background:#e8f7f4;border:0;border-radius:9px;align-items:center;gap:3px;padding:6px 9px;font-size:8px;font-weight:900;display:flex}.subform>header svg{width:12px}.pond-row,.line-row,.purchase-line{align-items:center;gap:6px;display:grid}.pond-row{grid-template-columns:1fr 1fr 32px}.line-row{grid-template-columns:2fr .65fr .65fr .8fr .8fr 1fr 32px}.purchase-line{grid-template-columns:1.7fr .55fr .55fr .7fr .8fr 1fr 32px}.pond-row input,.line-row input,.line-row select,.purchase-line input,.purchase-line select{background:#fff;border:1px solid #dbe6e7;border-radius:9px;width:100%;min-width:0;height:36px;padding:0 8px;font-size:9px}.pond-row button,.line-row button,.purchase-line button{color:#d74747;background:#fff0f0;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.pond-row svg,.line-row svg,.purchase-line svg{width:14px}.line-row b{text-align:right;font-size:8px}.form-total{color:#fff;background:#0f3d49;border-radius:14px;justify-content:space-between;align-items:center;padding:13px;display:flex}.form-total span{font-size:9px}.form-total strong{font-size:18px}.allocation-row{background:#f5f9f9;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.allocation-row span,.allocation-row small{font-size:9px;font-weight:800;display:block}.allocation-row small{color:#718890;margin-top:2px}.allocation-row input{border:1px solid #d7e5e6;border-radius:9px;width:120px;height:34px;padding:0 8px;font-size:9px}.form-error{color:#c33838;background:#fff0f0;border-radius:11px;padding:10px;font-size:9px;font-weight:700}.toast{z-index:200;color:#fff;background:#102f39;border-radius:13px;max-width:360px;padding:13px 17px;font-size:10px;font-weight:800;position:fixed;bottom:20px;right:20px;box-shadow:0 16px 40px #051d2540}.alert-list{gap:8px;display:grid}.alert-list article{background:#fff;border:1px solid #dde8e9;border-radius:14px;gap:10px;padding:11px;display:flex}.alert-list article>svg{color:#288bd2;width:18px}.alert-list article.warn>svg{color:#e69a12}.alert-list article.danger>svg{color:#dc4545}.alert-list b{font-size:10px}.alert-list p{color:#78909a;margin:3px 0 0;font-size:9px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.module-grid button{text-align:left;color:#17343e;background:#fff;border:1px solid #d9e7e8;border-radius:15px;align-items:center;gap:10px;min-height:82px;padding:12px;font-size:10px;font-weight:800;display:flex}.module-grid svg{color:#0e8574;width:25px}.auth-page{background:radial-gradient(circle at 10% 5%,#d4f4f2,#0000 36%),radial-gradient(circle at 90% 90%,#f7ebce,#0000 32%),#edf3f2;grid-template-columns:1.25fr .75fr;gap:18px;min-height:100vh;padding:clamp(18px,6vw,90px);display:grid}.auth-hero,.auth-card{border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 30px 70px #1b41492b}.auth-hero{color:#fff;background:linear-gradient(150deg,#114b59,#0e6d6b);flex-direction:column;justify-content:space-between;min-height:600px;padding:30px;display:flex}.auth-hero>div:nth-child(2) small{color:#83e9d9;letter-spacing:.17em;font-size:9px;font-weight:900}.auth-hero h1{max-width:740px;margin:14px 0;font-size:clamp(34px,4vw,58px);line-height:1.02}.auth-hero p{color:#bfe9e6;max-width:640px;font-size:12px;line-height:1.6}.auth-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.auth-stats span{background:#ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:12px;font-size:9px;font-weight:800;display:flex}.auth-stats svg{width:17px}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffc7;align-self:center;padding:28px}.auth-card>img{border-radius:14px;width:48px;height:48px}.auth-card>small{color:#678089;letter-spacing:.15em;margin-top:13px;font-size:8px;font-weight:900;display:block}.auth-card h2{margin:7px 0;font-size:28px}.auth-card>p{color:#748a93;font-size:10px}.auth-switch{background:#e8efef;border-radius:12px;margin:18px 0;padding:3px;display:flex}.auth-switch button{color:#70848c;background:0 0;border:0;border-radius:9px;flex:1;height:34px;font-size:9px;font-weight:800}.auth-switch button.active{color:#0f766e;background:#fff;box-shadow:0 4px 12px #1f414717}.auth-card .field{margin-bottom:10px}.splash{background:linear-gradient(140deg,#e1f8f4,#edf5f5);place-content:center;justify-items:center;gap:10px;min-height:100vh;display:grid}.splash img{border-radius:22px;width:74px;height:74px;box-shadow:0 16px 40px #105a5933}.splash b{letter-spacing:.13em;font-size:12px}.splash span{color:#718790;font-size:9px}.mobile-nav{display:none}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid,.report-grid,.cheque-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{padding:25px}.auth-hero{min-height:560px}.auth-hero h1{font-size:40px}}@media (max-width:760px){body{background:#f5f9f9}.sidebar{display:none}.workspace{margin-left:0;padding-bottom:76px}.topbar{height:72px;padding:0 13px}.topbar small{font-size:7px}.topbar h1{font-size:18px}.top-actions>button{width:37px;height:37px}.top-actions>button:first-child{display:none}.profile-chip{padding-right:4px}.profile-chip>div{display:none}.content{padding:12px}.welcome-card{border-radius:19px;min-height:112px;padding:17px}.welcome-card h2{font-size:22px}.welcome-card p{max-width:240px;font-size:9px}.welcome-card .primary{padding:9px 11px;font-size:9px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{border-radius:16px;min-height:94px;padding:12px}.kpi strong{font-size:14px}.dashboard-grid,.admin-grid{grid-template-columns:1fr}.panel{border-radius:17px}.page-tools{flex-direction:column;align-items:stretch}.page-tools>label{max-width:none}.page-tools>div{grid-template-columns:1fr 1fr;display:grid}.page-tools button,.page-tools select{justify-content:center;width:100%;min-width:0}.customer-head{align-items:flex-start}.customer-summary{margin-top:43px;position:absolute;left:68px}.customer-head{padding-bottom:50px;position:relative}.customer-summary span{min-width:69px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid,.cheque-grid,.report-grid,.warehouse-grid{grid-template-columns:1fr}.page-actions{flex-direction:column;align-items:flex-start}.page-actions>.primary{align-self:stretch}.filter-card{grid-template-columns:1fr 1fr;display:grid}.filter-card select{grid-column:1/-1}.filter-card select,.filter-card input{width:100%;min-width:0}.filter-card button{justify-content:center}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.table-wrap thead{display:none}.table-wrap tbody{gap:8px;display:grid}.table-wrap tr{background:#fff;border:1px solid #dce8e9;border-radius:13px;padding:8px;display:grid}.table-wrap td{white-space:normal;text-align:right;border:0;grid-template-columns:95px 1fr;padding:6px;display:grid}.table-wrap td:before{content:attr(data-label);text-align:left;color:#728991;text-transform:uppercase;font-size:7px;font-weight:900}.drawer{border-radius:22px 22px 0 0;height:min(94svh,900px);margin-top:auto}.drawer-backdrop{align-items:flex-end}.drawer>header{border-radius:22px 22px 0 0;height:70px}.form-grid{grid-template-columns:1fr}.line-row,.purchase-line{grid-template-columns:1fr 1fr}.line-row select,.purchase-line select{grid-column:1/-1}.line-row b{align-self:center}.auth-page{background:#eff8f7;padding:0;display:block}.auth-hero{display:none}.auth-card{min-height:100svh;padding:calc(env(safe-area-inset-top) + 28px) 20px 24px;box-shadow:none;background:linear-gradient(160deg,#eefaf8,#fff9ee);border-radius:0}.auth-card h2{margin-top:10px;font-size:31px}.mobile-nav{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#f9fdfdf0;border:1px solid #cce1e2;border-radius:19px;grid-template-columns:repeat(5,1fr);height:62px;padding:5px;display:grid;position:fixed;box-shadow:0 15px 45px #17373f2e}.mobile-nav button{color:#69828c;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:7px;font-weight:800;display:flex}.mobile-nav svg{width:18px;height:18px}.mobile-nav button.active{color:#fff;background:linear-gradient(150deg,#0f766e,#177eb7)}.toast{text-align:center;bottom:82px;left:13px;right:13px}.module-grid{grid-template-columns:1fr 1fr}}@media (max-width:370px){.topbar h1{font-size:15px}.profile-chip>span{width:31px;height:31px}.welcome-card .primary{padding:10px;font-size:0}.welcome-card .primary svg{margin:0}.customer-summary span{min-width:61px;padding:6px}.customer-summary b{font-size:8px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{min-height:88px}.mobile-nav{left:5px;right:5px}}