:root{--bg: #fff;--t: #111;--g: #f1f1ee;--bd: #e6e6e1;--dk: #14350f;--lime: #b8e600;--pill: #eaf5c8;--m: #6b6b66;--bad: #c62828;--ok: #1b7a43;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:#fff;color:#111;font-family:Cairo,Tahoma,Arial,sans-serif;-webkit-text-size-adjust:100%}.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.bki{border-radius:7px;object-fit:cover;stroke:none}.h{display:inline-flex;align-items:center;gap:8px;margin:0}.h .ic{width:18px;height:18px;background:var(--pill);color:var(--dk);padding:6px;border-radius:12px;box-sizing:content-box}h2.h .ic{width:20px;height:20px}.app{display:flex;min-height:100vh}.side{width:230px;flex:none;border-inline-start:1px solid var(--bd);padding:14px 10px;display:flex;flex-direction:column;gap:4px;background:#fff}.brand{display:flex;flex-direction:column;padding:4px 10px 12px}.brand small{color:var(--m)}.nv{display:flex;gap:10px;align-items:center;width:100%;text-align:start;padding:11px 14px;border:0;border-radius:999px;background:none;font:inherit;color:#333;cursor:pointer;margin:0}.nv.on{background:var(--pill);color:var(--dk);font-weight:700}.hb,.bd{display:none}main{flex:1;min-width:0;padding:14px 20px}.top{display:flex;align-items:center;gap:6px}.top h2{margin:6px 0;flex:1;min-width:0}.top .h span,.h span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top select{max-width:150px}.side .out{margin-top:auto}.card{background:var(--g);border-radius:18px;padding:14px;margin:10px 0}.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:8px 0}.k{background:var(--g);border-radius:16px;padding:10px 12px}.k small{color:var(--m);display:block}.k b{font-size:1.3em;overflow-wrap:anywhere}.card .k{background:#fff}.hero{background:var(--lime);border-radius:22px;padding:18px;margin:10px 0}.hero b{font-size:2.2em}button,select,input{font:inherit;color:#111;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin:3px}button{cursor:pointer;min-height:42px}button.pri,button.on{background:var(--dk);color:#fff;border-color:var(--dk)}button:disabled{opacity:.45;cursor:not-allowed}.ib{display:inline-flex;align-items:center;gap:6px}.bl{position:relative;padding:8px}.bl i{position:absolute;top:-2px;inset-inline-start:-2px;background:var(--bad);color:#fff;border-radius:99px;font-size:.7em;padding:0 6px;font-style:normal}.pm{display:flex;gap:10px;margin:6px 0}.pm button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 8px;font-size:1.4em;font-weight:700;border-radius:20px;border:2px solid var(--bd);margin:0}.pm .ic{width:40px;height:40px}.pm .bki{width:46px;height:46px;border-radius:12px}.amt{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.amt button{font-size:1.5em;font-weight:700;padding:20px 4px;border-radius:18px;background:#fff;margin:0}.amt small{display:block;font-size:.5em;color:var(--m);font-weight:400}.lgi{width:100%;box-sizing:border-box;font-size:1.3em;margin:6px 0}.r{display:flex;flex-wrap:wrap;align-items:center}.r>input,.r>select{flex:1 1 140px;min-width:0}.r>label{flex:1 1 150px;display:flex;flex-direction:column}.r>label input,.r>label select{width:100%;box-sizing:border-box;margin:3px 0}.r>.nf{flex:none}table{width:100%;border-collapse:collapse;font-size:.92em}td,th{padding:7px;border-bottom:1px solid var(--bd);text-align:start}th{color:var(--m);font-weight:400}.ok{color:var(--ok)}.bad{color:var(--bad)}.m{color:var(--m)}.al{display:flex;gap:8px;align-items:center;background:#fff6dc;border-radius:14px;padding:9px 14px;margin:6px 0}.tr{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:8px 12px;margin:4px 0}.tr .ic{width:18px;height:18px;vertical-align:middle}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:30}.md{background:#fff;padding:16px;border-radius:16px;width:min(90%,340px)}.md input,.md select{width:100%;box-sizing:border-box}#msg{position:sticky;top:0;z-index:40}#msg .card{margin:4px 0;background:#fff;border:1px solid var(--bd)}.sc{overflow-x:auto}.lg{max-width:360px;margin:12vh auto;padding:10px}.lg select,.lg input{width:100%;box-sizing:border-box;margin:6px 0}.ul{display:flex;gap:8px;margin:12px 0}.ub{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 4px;border:2px solid var(--bd);border-radius:18px;margin:0}.sync-pill{display:inline-flex;align-items:center;gap:5px;font-size:.78em;padding:4px 10px;border-radius:999px;background:var(--pill);color:var(--dk);white-space:nowrap}.sync-pill.offline{background:#fff6dc;color:#8a5a00}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.sync-pill.offline .sync-dot{background:#e68a00}@media(max-width:860px){.app{display:block}.side{position:fixed;top:0;bottom:0;right:0;width:260px;z-index:20;transform:translate(100%);transition:transform .2s;overflow-y:auto;border:0;box-shadow:-4px 0 18px #0003;padding-top:calc(14px + env(safe-area-inset-top,0px))}.side.open{transform:none}.side.open+.bd{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:19}.hb{display:inline-flex;padding:8px 12px}main{padding:8px 12px}.top{position:sticky;top:0;background:#fff;z-index:5;padding:4px 0;border-bottom:1px solid var(--bd)}.top h2{font-size:1.05em}.top select{max-width:125px;padding:8px 6px}td,th{padding:6px 4px;font-size:.88em}.g{grid-template-columns:repeat(2,1fr)}.hero b{font-size:1.9em}.pm button{font-size:1.1em;padding:16px 4px}}