:root{--bg:#f6f3ec;--card:#fff;--text:#1c2333;--muted:#6b7280;--line:#e5e0d4;--brand:#14213d;--gold:#b8901c;--gold-soft:#f6edd4;--ok:#157f3b;--ok-soft:#e3f4e8;--warn:#a15c00;--warn-soft:#fdf0d9;--bad:#b42318;--bad-soft:#fde7e5;--radius:12px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Segoe UI,Tahoma,Noto Sans Arabic,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#11151f;--card:#1a2030;--text:#eef0f5;--muted:#9aa3b5;--line:#2b3346;--brand:#0c1424;--gold:#d8b04a;--gold-soft:#3a3220;--ok:#4fc47a;--ok-soft:#173525;--warn:#f0a640;--warn-soft:#3a2a12;--bad:#ff7b6e;--bad-soft:#3d1c1a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100vh;padding-bottom:76px}.topbar{z-index:20;background:var(--brand);color:#f5efe0;padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar img{width:30px;height:30px}.topbar .title{flex:1;font-size:17px;font-weight:700}.topbar button{color:#f5efe0;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:22px}.page{max-width:980px;margin:0 auto;padding:14px}.page h1{margin:4px 0 14px;font-size:20px}.page h2{margin:18px 0 8px;font-size:16px}.bottomnav{z-index:20;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{text-align:center;color:var(--muted);padding:8px 2px 9px;font-size:12px;text-decoration:none}.bottomnav a .ic{font-size:20px;line-height:1.3;display:block}.bottomnav a.active{color:var(--gold);font-weight:700}.bottomnav a.primary .ic{background:var(--gold);color:#fff;border-radius:50%;width:38px;height:38px;margin:-14px auto 0;line-height:38px;box-shadow:0 2px 8px #0003}.drawer-bg{z-index:40;background:#0006;position:fixed;inset:0}.drawer{background:var(--card);z-index:41;width:270px;max-width:85vw;padding:16px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.drawer a,.drawer button.link{text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:12px 8px;text-decoration:none;display:block}.drawer a.active{background:var(--gold-soft);color:var(--gold);font-weight:700}.drawer .who{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:8px;padding:4px 8px 12px;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:14px}.grid{gap:10px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media (width<=640px){.grid.three{grid-template-columns:1fr 1fr}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.stat .k{color:var(--muted);font-size:13px}.stat .v{margin-top:4px;font-size:20px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.bold{font-weight:700}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--gold);border-color:var(--gold);color:#fff}.btn.dark{background:var(--brand);border-color:var(--brand);color:#f5efe0}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.small{padding:6px 10px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:default}label.field{margin-bottom:10px;display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--line);background:var(--card);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:-1px}input.price{text-align:center;width:100px}input.qty{text-align:center;width:70px}.field-error{color:var(--bad);margin-top:3px;font-size:12px}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list .item{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 14px;text-decoration:none;display:flex}.list .item:last-child{border-bottom:0}.list .item .main{flex:1;min-width:0}.list .item .main .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list .item .main .s{color:var(--muted);margin-top:2px;font-size:13px}.list .item.clickable{cursor:pointer}.list .item.clickable:hover{background:var(--bg)}table.tbl{border-collapse:collapse;background:var(--card);width:100%}table.tbl th,table.tbl td{border-bottom:1px solid var(--line);text-align:right;padding:9px 10px;font-size:14px}table.tbl th{color:var(--muted);background:var(--bg);font-size:12px;font-weight:600}.tbl-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.badge{background:var(--bg);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.gold{background:var(--gold-soft);color:var(--gold)}.alert{border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:14px}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.info{background:var(--gold-soft);color:var(--text)}.bar{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.bar>div{background:var(--ok);height:100%}.bar.warn>div{background:var(--warn)}.bar.alarm>div,.bar.over>div{background:var(--bad)}.tabs{gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:99px;padding:7px 14px}.tabs button.on{background:var(--brand);color:#f5efe0;border-color:var(--brand)}.modal-bg{z-index:50;background:#0007;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--card);width:100%;max-width:560px;max-height:92vh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow:auto}@media (width>=700px){.modal-bg{align-items:center}.modal{border-radius:16px}}.modal h3{margin:0 0 12px}.line{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-bottom:8px;padding:10px}.line.edited{border-color:var(--gold);background:var(--gold-soft)}.line .name{font-weight:600}.pick-results{max-height:50vh;overflow:auto}.center-box{max-width:380px;margin:9vh auto;padding:16px}.center-box .logo{width:64px;height:64px;margin:0 auto 10px;display:block}.center-box h1{text-align:center}.print-only{display:none}@media print{.no-print,.topbar,.bottomnav{display:none!important}.print-only{display:block}.app{padding:0}body,.card,table.tbl{color:#000!important;background:#fff!important}.card{border:0;padding:0}}