@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--ink:#18272b;--muted:#7a898b;--line:#e6ecea;--bg:#f4f7f5;--green:#174c43;--lime:#b7e069;--pale:#e8f2e8;--amber:#b77725}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif}h1{letter-spacing:-.04em;margin-bottom:0;font-size:34px}h2{letter-spacing:-.03em;font-size:25px}h3{margin-bottom:0;font-size:17px}small{font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#103f37;flex-direction:column;flex-shrink:0;width:242px;height:100vh;padding:26px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 13px 37px;display:flex}.brand-mark{background:var(--lime);width:38px;height:38px;color:var(--green);border-radius:12px;place-items:center;font:800 22px Outfit;display:grid;transform:rotate(-8deg)}.brand strong{letter-spacing:-.04em;font:700 18px Outfit;display:block}.brand small{color:#a8c3bc;letter-spacing:.04em;font-size:11px;display:block}.nav-label{color:#84aaa0;letter-spacing:.16em;padding:8px 15px 12px;font-size:10px;font-weight:700}.sidebar nav{gap:4px;display:grid}.nav-item{color:#d1e1dc;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#2a6658}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.nav-icon{text-align:center;color:#b7e069;width:22px;font-size:19px}.sidebar-bottom{border-top:1px solid #3b7064;align-items:center;gap:10px;margin-top:auto;padding:16px 9px 0;display:flex}.avatar{color:#174c43;background:#b7e069;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.user-info{flex:1;min-width:0}.user-info strong,.user-info small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-info strong{font-size:12px}.user-info small{color:#a8c3bc;margin-top:2px}.logout{color:#d1e1dc;background:0 0;border:0;font-size:22px}.main{flex:1;min-width:0;max-width:1700px;margin:auto;padding:34px clamp(24px,4vw,64px) 70px}.topbar{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:.16em;color:#748c83;margin-bottom:7px;font-size:10px;font-weight:800}.top-actions{align-items:center;gap:20px;display:flex}.today{color:#778985;text-transform:capitalize;font-size:12px}.refresh{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.welcome{color:#fff;background:#164c42;border-radius:18px;justify-content:space-between;min-height:210px;margin-bottom:22px;padding:31px 38px;display:flex;position:relative;overflow:hidden}.welcome-kicker{color:var(--lime);letter-spacing:.18em;font-size:10px;font-weight:800}.welcome h2{margin:16px 0 11px;font-size:36px;line-height:1.04}.welcome p{color:#bed2cb;margin:0;font-size:13px}.welcome-art{color:#337264;font-size:190px;line-height:1;position:absolute;top:-26px;right:40px;transform:rotate(-16deg)}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat,.card{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 2px 12px #12352b06}.stat{padding:22px}.stat-icon{color:#276b50;background:#e7f3eb;border-radius:9px;place-items:center;width:33px;height:33px;margin-bottom:18px;font-size:18px;display:grid}.stat small{color:#7c8987;margin-bottom:6px;font-weight:600;display:block}.stat strong{letter-spacing:-.04em;font:700 25px Outfit}.grid-two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 23px;display:flex}.mini-list{padding:5px 22px}.mini-list>div:not(.empty){border-bottom:1px solid #eef1ef;align-items:center;gap:12px;padding:13px 0;display:flex}.mini-list>div:last-child{border:0}.mini-list span:nth-child(2){flex:1;min-width:0}.mini-list strong,.mini-list small{display:block}.mini-list strong{font-size:12px}.mini-list small{color:var(--muted);margin-top:3px;font-size:11px}.mini-icon{width:33px;height:33px;color:var(--green);background:#e7f2ea;border-radius:9px;place-items:center;display:grid}.mini-icon.amber{color:#a56b14;background:#fff0d9;font-weight:800}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin-bottom:5px}.section-heading p{color:var(--muted);margin:0;font-size:13px}.button{color:#fff;white-space:nowrap;background:#1b594c;border:1px solid #1b594c;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:800}.button:hover{background:#16483e}.button:disabled{opacity:.5;cursor:wait}.button.secondary{color:#245e51;background:#fff;border-color:#d5e2dc}.button.full{width:100%;height:44px;margin-top:10px}.text-button{color:#2a7058;white-space:nowrap;background:0 0;border:0;font-size:12px;font-weight:800}.text-button:hover{text-decoration:underline}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:550px}.table-wrap th{color:#83938e;letter-spacing:.1em;text-transform:uppercase;background:#f9fbfa;padding:15px 20px;font-size:10px;font-weight:800}.table-wrap td{white-space:nowrap;border-top:1px solid #edf1ee;padding:16px 20px;font-size:12px}.table-wrap td strong{font-weight:700}.table-wrap tr:hover td{background:#fafcfb}.pill{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.pill.good{color:#257454;background:#e3f3e8}.pill.warn{color:#a9701a;background:#fff3df}.pill.muted{color:#6e7e7b;background:#eef2f0}.low-text{color:#bf7225!important}.tabs{border-bottom:1px solid #dce7e1;gap:4px;margin-bottom:26px;display:flex;overflow-x:auto}.tabs button{color:#718580;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 18px;font-size:12px;font-weight:700}.tabs button.selected{color:#1d5649;border-color:#2f765f}.search-row{margin:0 0 17px}.search-row input{width:min(330px,100%)}input,select{height:39px;color:var(--ink);background:#fff;border:1px solid #dce6e1;border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus{border-color:#55a077;box-shadow:0 0 0 3px #deefe2}input::placeholder{color:#a2b0ac}.field{color:#4a5b56;gap:7px;font-size:11px;font-weight:700;display:grid}.field input,.field select{width:100%;font-size:12px}.alert{border-radius:9px;justify-content:space-between;gap:10px;margin-bottom:18px;padding:12px 15px;font-size:12px;display:flex}.alert button{background:0 0;border:0;font-size:18px}.alert.error{color:#a83f37;background:#fceae7}.alert.success{color:#2c754b;background:#e7f4e7}.empty{text-align:center;color:#95a49f;padding:37px;font-size:12px}.overlay{z-index:30;background:#10251e8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;box-shadow:0 30px 80px #061e1a45}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 27px;display:flex}.modal-head h2{margin:0;font-size:21px}.icon-btn{color:#73817c;background:0 0;border:0;font-size:25px}.modal-body{padding:25px 27px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;margin-bottom:21px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;display:flex}.line-editor{border:1px solid var(--line);border-radius:11px;margin:20px 0;padding:17px}.line-editor h3{margin-bottom:13px}.line-form,.inline-form{flex-wrap:wrap;gap:7px;display:flex}.line-form>*{flex:1;min-width:100px}.line-form input,.line-form select{font-size:12px}.line-list{margin-top:14px}.line-list>div{border-top:1px solid var(--line);justify-content:space-between;padding:9px;font-size:12px;display:flex}.line-list button{color:#a54d3e;background:0 0;border:0}.info-box{background:#f3f8f4;border-radius:9px;margin-bottom:20px;padding:15px;font-size:12px;line-height:1.8}.detail-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.detail-grid>div{background:#f7faf8;border-radius:9px;padding:12px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#83938e;margin-bottom:7px;font-size:9px;font-weight:800}.detail-grid strong{font-size:12px}.modal-body>h3{margin:23px 0 12px}.timeline{border-left:1px solid #dce7dd;margin:12px 0 18px 7px}.timeline>div{gap:13px;margin:0 0 17px -5px;display:flex}.timeline-dot{background:#84b585;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.timeline strong,.timeline small{font-size:11px;display:block}.timeline small,.timeline p{color:#8b9894}.timeline p{margin:5px 0 0;font-size:11px}.order-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;display:flex}.order-actions input{flex:1;min-width:180px}.receipt-head{text-align:center;margin-bottom:25px}.receipt-head .brand-mark{margin:auto auto 12px}.receipt-head h2{margin:0 0 3px}.receipt-head p,.receipt-note{color:#89968f;font-size:11px}.receipt-customer{justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.receipt-totals{width:240px;margin:19px 0 20px auto;font-size:12px}.receipt-totals>div{justify-content:space-between;padding:6px 0;display:flex}.receipt-totals .grand{border-top:1px solid var(--line);padding-top:12px;font-size:16px;font-weight:800}.login-screen{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-side{color:#fff;background:#104439;flex-direction:column;justify-content:space-between;padding:42px clamp(35px,6vw,100px);display:flex;position:relative;overflow:hidden}.login-side:after{content:"⚙";color:#225f50;opacity:.6;font-size:480px;line-height:1;position:absolute;bottom:-160px;right:-170px}.login-side>*{z-index:1}.login-side .brand{padding:0}.login-side h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(45px,5vw,72px);line-height:1}.login-side p{color:#c1d6cd;max-width:340px;font-size:15px;line-height:1.7}.login-side>small{color:#a1bdb1}.login-panel{place-items:center;padding:30px;display:grid}.login-panel form{width:min(365px,100%)}.login-icon{color:#246b4a;background:#e7f4e7;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:23px;font-size:26px;display:grid}.login-panel h2{margin-bottom:6px;font-size:32px}.muted-text{color:#8a9994;margin-bottom:30px;font-size:13px}.login-panel .field{margin-bottom:17px}.login-panel .field input{height:44px}.center-screen{color:#326858;place-items:center;height:100vh;display:grid}.inventory-grid .card{min-width:0}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.sidebar{width:210px}.today{display:none}}@media (max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:12px;position:relative}.sidebar .brand{padding:0 4px 12px}.sidebar nav{display:flex;overflow-x:auto}.nav-label,.sidebar-bottom{display:none}.nav-item{white-space:nowrap;padding:9px}.main{padding:24px 16px}.topbar{align-items:flex-start}.topbar h1{font-size:26px}.welcome{min-height:170px;padding:25px}.welcome h2{font-size:28px}.welcome-art{font-size:130px;right:-5px}.stats{gap:8px}.stat{padding:15px}.stat strong{font-size:19px}.section-heading{align-items:flex-start}.form-grid,.detail-grid,.login-screen{grid-template-columns:1fr}.login-side{min-height:230px;padding:25px}.login-side h1{font-size:35px}.login-side p,.login-side>small{display:none}.login-panel{padding:45px 25px}.modal{max-height:96vh}.modal-body{padding:20px}.receipt-totals{width:100%}}@media print{body{background:#fff}.sidebar,.topbar,.modal-head,.no-print{display:none!important}.main{max-width:none;padding:0}.overlay{background:0 0;padding:0;position:static}.modal{box-shadow:none;border-radius:0;width:100%;max-height:none;overflow:visible}.modal-body{padding:0}.receipt{display:block}}.row-actions{align-items:center;gap:10px;display:flex}.report-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.report-tabs button{color:#527267;background:#fff;border:1px solid #dce7e1;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.report-tabs button.active{color:#fff;background:#1b594c;border-color:#1b594c}.report-toolbar{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;padding:20px 22px;display:flex}.report-toolbar h3{margin:0 0 4px}.report-toolbar p{color:var(--muted);max-width:450px;margin:0;font-size:12px}.report-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.report-controls label{color:#788d83;gap:5px;font-size:10px;font-weight:800;display:grid}.report-controls input{max-width:143px;font-size:12px}.report-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.report-stats .stat{padding:18px}.report-stats .stat strong{font-size:21px}.report-footnote{color:var(--muted);margin:13px 0;font-size:11px}.report-loading{border:1px solid var(--line);color:var(--muted);text-align:center;background:#fff;border-radius:14px;padding:40px;font-size:13px}@media (max-width:950px){.report-toolbar{flex-direction:column;align-items:start}.report-controls{width:100%}}@media (max-width:700px){.report-tabs{flex-wrap:nowrap;overflow-x:auto}.report-tabs button{white-space:nowrap}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-controls label{flex:1}.report-controls input{width:100%;max-width:none}}.nav-item{text-decoration:none}.sale-preview{background:#f3f8f4;border-radius:9px;justify-content:flex-end;gap:22px;margin:-8px 0 20px;padding:13px 15px;font-size:12px;display:flex}.sale-preview span{gap:3px;display:grid}.sale-preview strong{font-size:15px}.line-error{color:#a83f37;margin:9px 0 0;font-size:11px}.receipt-page{background:#edf2ef;min-height:100vh;padding:40px}.receipt-document{background:#fff;border-radius:14px;max-width:780px;margin:auto;padding:42px;box-shadow:0 10px 35px #173c3020}.receipt-document>.button{margin:24px 0 0 auto;display:block}@media print{.receipt-page{background:#fff;padding:0}.receipt-document{max-width:none;box-shadow:none;padding:0}}.mini-list>a{color:inherit;border-bottom:1px solid #eef1ef;align-items:center;gap:12px;padding:13px 0;text-decoration:none;display:flex}.sidebar-error,.field-error{color:#ffd2cb;padding:8px;font-size:11px}.field-error{color:#a83f37;padding:0}