:root{--green:#073c31;--green2:#0c5b49;--gold:#c9892d;--cream:#faf6ee;--bg:#f4f5f2;--text:#17211e;--muted:#708078;--danger:#b42318;--border:#dfe5e1;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--green2);text-decoration:none}button,input,select{font:inherit}.topbar{height:78px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:10px 24px;position:fixed;top:0;right:0;left:0;z-index:20}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-logo{width:150px;height:52px;object-fit:contain}.brand-wrap strong,.brand-wrap small{display:block}.brand-wrap small{color:var(--muted);margin-top:4px}.sidebar{position:fixed;top:78px;right:0;bottom:0;width:215px;background:var(--green);padding:18px 10px;overflow:auto;z-index:15}.sidebar a{display:block;color:#e9f3ef;padding:12px 14px;border-radius:10px;margin:3px 0}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.12);color:#fff}.page-shell{margin-right:215px;padding:102px 24px 80px;min-height:100vh}.status-strip{display:flex;gap:18px;margin-bottom:16px;font-size:14px}.ok{color:#138a5a}.bad{color:var(--danger)}.page-title-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.page-title-row h1{margin:0 0 6px;font-size:26px}.page-title-row p{margin:0;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;min-height:104px;box-shadow:0 3px 14px rgba(0,0,0,.035)}.stat-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.stat-card strong{font-size:22px;color:var(--green)}.stat-card.danger strong{color:var(--danger)}.stat-card.warning strong{color:#b36b00}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 4px 18px rgba(0,0,0,.035)}.panel h2{margin-top:0;font-size:18px}.two-col{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.btn{border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:700}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green2)}.btn-outline{background:#fff;color:var(--green);border:1px solid var(--green)}.btn-danger{background:#b42318;color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--green)}.btn-lg{padding:13px 18px;font-size:16px}.full{width:100%}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-card{display:grid;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.stack{display:grid;gap:14px}.stack label,.panel label{display:grid;gap:6px;color:#33433d}.form-grid input,.form-grid select,.stack input,.stack select,.inline-filter select,.pos-tools input,.pos-tools select,.cart-panel input,.cart-panel select{width:100%;border:1px solid #cfd8d3;border-radius:9px;padding:11px;background:#fff;outline:none}.form-grid input:focus,.stack input:focus,.pos-tools input:focus,.cart-panel input:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(12,91,73,.09)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #edf0ee;vertical-align:middle}th{font-size:13px;color:#52635b;background:#fafbfa}td{font-size:14px}.row-danger{background:#fff3f2}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge-ok{background:#e8f7ef;color:#157347}.badge-danger{background:#fdecea;color:#b42318}.badge-warn{background:#fff6dc;color:#946200}.mini{border:0;border-radius:7px;padding:6px 9px;cursor:pointer}.okbtn{background:#e7f7ef;color:#0c7347}.dangerbtn{background:#fdecea;color:#b42318}.inline-actions{display:flex;gap:6px}.details-cell{max-width:400px;white-space:normal;word-break:break-word}.footer{position:fixed;bottom:0;right:215px;left:0;background:#fff;border-top:1px solid var(--border);padding:12px;text-align:center;font-size:13px;color:#66736d;z-index:10}.footer a,.made-by a{font-weight:800;color:var(--green)}.login-page{min-height:100vh;background:linear-gradient(135deg,#f9f2e6,#eef4f0);display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e6e2da;border-radius:22px;padding:30px;box-shadow:0 20px 70px rgba(27,48,41,.14);text-align:center}.login-logo{width:280px;max-width:100%;height:110px;object-fit:contain}.login-card h1{color:var(--green);margin:6px 0}.login-card p{color:var(--muted);margin-top:0}.login-card label{text-align:right;display:grid;gap:7px}.login-card input{border:1px solid #cfd8d3;border-radius:10px;padding:12px}.made-by{margin-top:22px;font-size:13px;color:#7a847f}.alert{padding:11px 12px;border-radius:9px;margin:10px 0}.alert-danger{background:#fdecea;color:#a61b12}.alert-success{background:#e8f7ef;color:#106b42}.narrow{max-width:640px;margin:20px auto}.center{text-align:center}.center form{max-width:360px;margin:18px auto}.pos-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:18px}.pos-tools{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:15px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:14px;text-align:right;cursor:pointer;display:grid;gap:7px;min-height:128px}.product-card:hover{border-color:var(--gold);transform:translateY(-1px)}.product-card strong{color:var(--green);font-size:17px}.product-card small,.product-card em{color:var(--muted);font-style:normal;font-size:12px}.cart-panel{position:sticky;top:98px;align-self:start}.cart-items{display:grid;gap:8px;margin-bottom:14px;max-height:390px;overflow:auto}.cart-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;border-bottom:1px solid #eee;padding:9px 0}.cart-row small{display:block;color:var(--muted);margin-top:3px}.qty-control{display:flex;align-items:center;gap:7px}.qty-control button,.remove{width:28px;height:28px;border:0;border-radius:7px;cursor:pointer}.remove{background:#fdecea;color:#b42318}.empty{padding:26px;text-align:center;color:var(--muted);background:#fafbfa;border-radius:10px}.totals{border-top:1px dashed #cfd8d3;margin-top:14px;padding-top:12px}.totals>div{display:flex;justify-content:space-between;margin:8px 0}.totals .grand{font-size:20px;color:var(--green)}.file-label{border:1px dashed #bac7c0;border-radius:9px;padding:8px}.file-label input{border:0;padding:4px}.inline-filter{min-width:200px}code{direction:ltr;display:inline-block}.made-by{direction:rtl}
@media(max-width:1200px){.cards-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{width:76px}.sidebar a{font-size:0;text-align:center}.sidebar a:before{content:'•';font-size:24px}.page-shell{margin-right:76px;padding-left:12px;padding-right:12px}.footer{right:76px}.brand-wrap>div{display:none}.brand-logo{width:120px}.two-col,.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}.form-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{padding:8px 10px}.sidebar{display:none}.page-shell{margin-right:0;padding-top:92px}.footer{right:0}.cards-grid{grid-template-columns:1fr 1fr}.form-grid,.action-grid,.pos-tools{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px;min-height:92px}.stat-card strong{font-size:18px}}