:root{--terracotta: #C4552B;--terracotta-dark: #A2421E;--terracotta-soft: #F6E1D6;--cream: #FBF5EC;--beige: #F1E4D1;--line: #E3D3BD;--brown: #3B2418;--brown-soft: #7A5C4B;--ok: #2F7A4B;--ok-soft: #E3F1E7;--warn: #B4540F;--warn-soft: #FCEBD7;--bad: #B3261E;--bad-soft: #FBE3E1;--radius: 14px;--tap: 48px;font-family:IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--brown);background:var(--cream);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;background:var(--cream)}body{font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.side{background:var(--brown);color:var(--cream);padding:20px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand img{width:38px;height:38px;border-radius:10px}.brand b{letter-spacing:.14em;font-size:14px;text-transform:uppercase}.brand small{display:block;opacity:.7;font-size:12px;letter-spacing:.08em}.navbtn{display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:0 12px;border:0;border-radius:10px;background:none;color:inherit;cursor:pointer;text-align:start;font-weight:500}.navbtn:hover{background:#fbf5ec14}.navbtn.on{background:var(--terracotta)}.navbtn svg{width:22px;height:22px;flex:none}.side .spacer{flex:1}.side .who{font-size:13px;opacity:.8;padding:8px 12px}main{padding:24px 28px 40px;max-width:1100px;width:100%}.topbar,.bottom{display:none}@media (max-width: 820px){.shell{grid-template-columns:1fr}.side{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--brown);color:var(--cream);position:sticky;top:0;z-index:5}.topbar .brand{padding:0}main{padding:16px 16px 96px}.bottom{display:grid;grid-template-columns:repeat(var(--n),1fr);position:fixed;inset-inline:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:5}.bottom button{min-height:62px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:500;color:var(--brown-soft)}.bottom button.on{color:var(--terracotta)}.bottom svg{width:24px;height:24px}}h1{font-size:24px;margin:0 0 16px}h2{font-size:18px;margin:24px 0 10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--brown-soft);font-size:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stack{display:grid;gap:12px}.btn{min-height:var(--tap);padding:0 18px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.btn.primary:hover{background:var(--terracotta-dark)}.btn.ghost{background:none;border-color:transparent;color:var(--terracotta)}.btn.danger{color:var(--bad)}.btn.big{min-height:56px;font-size:17px;width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.light{background:#fbf5ec1f;color:var(--cream);border-color:transparent;min-height:40px;padding:0 12px}label.field{display:grid;gap:6px;font-weight:500;font-size:15px}label.field small{font-weight:400;color:var(--brown-soft)}input,select,textarea{min-height:var(--tap);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;width:100%}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:3px solid var(--terracotta-soft);border-color:var(--terracotta)}input.big{font-size:22px;font-weight:600;min-height:60px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 560px){.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}.seg{display:flex;background:var(--beige);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;min-height:44px;border:0;border-radius:9px;background:none;font-weight:600;cursor:pointer;color:var(--brown-soft)}.seg button.on{background:#fff;color:var(--brown);box-shadow:0 1px 2px #3b24181f}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:500}.chip.on{background:var(--brown);color:var(--cream);border-color:var(--brown)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.soft{background:var(--beige);color:var(--brown-soft)}.list{display:grid;gap:8px}.tile{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-align:start;width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer;min-height:64px}.tile:hover{border-color:var(--terracotta)}.tile .t{font-weight:600}.tile .q{font-size:20px;font-weight:700;text-align:end}.tile .s{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;font-size:15px}th{background:var(--beige);font-weight:600;font-size:13px}td.r,th.r{text-align:end}tr.child td:first-child{padding-inline-start:28px}tr.grp td{font-weight:700}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.alert{padding:12px 14px;border-radius:12px;font-weight:500}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.preview{background:var(--beige);border-radius:12px;padding:12px 14px;display:grid;gap:6px}.preview .line{display:flex;justify-content:space-between;gap:12px}.big-num{font-size:26px;font-weight:700}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b241873;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--cream);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}@media (min-width: 821px){.sheet-bg{align-items:center}.sheet{border-radius:20px;padding:24px}}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--terracotta)}.login .card{width:100%;max-width:400px;padding:28px 22px}.login .logo{width:72px;height:72px;border-radius:18px;display:block;margin:0 auto 10px}.center{text-align:center}.spin{padding:40px;text-align:center;color:var(--brown-soft)}td.num,th.num,td .num,.tablewrap td:first-child{white-space:nowrap}
