:root{--bg: #cfd5dc;--panel: #eef2f5;--ink: #12161a;--muted: #5a646e;--line: #b7c0c9;--brand: #e6b800;--brand-dark: #b89200;--steel: #171e24;--moss: #2f7a55;--danger: #c43c32;--ok: #2f7a55;--font-display: "Outfit", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", sans-serif;font-family:var(--font-body);color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 70% 45% at 15% -5%,#a8b7c4 0%,transparent 55%),radial-gradient(ellipse 55% 40% at 100% 0%,#9db5a6 0%,transparent 48%),linear-gradient(135deg,rgba(18,22,26,.05) 25%,transparent 25%) 0 0 / 24px 24px,var(--bg);-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button{cursor:pointer;border:none}input:focus,select:focus,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-box{width:min(480px,100%);background:var(--panel);border-radius:6px;padding:40px 36px;border:1px solid var(--line);box-shadow:0 20px 44px #12161a24;position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--brand)}.login-brand{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#8a7400;margin-bottom:12px}.login-box h1{margin:0 0 8px;font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.03em}.login-box p{margin:0 0 28px;color:var(--muted);font-size:16px}.field{display:grid;gap:8px;margin-bottom:14px}.field label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field input,.field select{border:1px solid var(--line);border-radius:4px;padding:15px 14px;font-size:18px;background:#fff}.btn{border-radius:4px;padding:14px 18px;font-size:18px;font-weight:800;background:var(--brand);color:#14181c;letter-spacing:.02em;transition:transform .1s,filter .15s}.btn:active{transform:scale(.98)}.btn.lg{padding:20px 22px;font-size:22px}.btn.secondary{background:#d5dbe2;color:var(--ink)}.btn.warn{background:#d59a16;color:#14181c}.btn.ok{background:var(--moss);color:#fff}.btn.pink{background:#e6b800;color:#14181c}.btn.blue{background:var(--steel);color:#fff}.btn:disabled{opacity:.5}.error{color:var(--danger);margin-top:8px}.home{min-height:100%;padding:36px 40px;display:grid;grid-template-rows:auto 1fr;gap:28px}.home-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.home-brand{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#7a6800;margin-bottom:8px}.home-head h1{margin:0;font-family:var(--font-display);font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-.04em;line-height:.95}.home-head .lede{margin-top:10px;color:var(--muted);font-size:16px;max-width:420px}.home-head .meta{text-align:right;color:var(--muted);background:#eef2f5d9;border:1px solid var(--line);padding:14px 16px;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;width:100%}.tile{min-height:200px;border-radius:6px;padding:28px;color:#f2f5f7;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;border:1px solid rgba(0,0,0,.18);position:relative;overflow:hidden;transition:transform .15s}.tile:active{transform:scale(.985)}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 42%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 58%);pointer-events:none}.tile small{position:relative;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.82;margin-bottom:12px}.tile strong{position:relative;font-family:var(--font-display);font-size:clamp(28px,3.5vw,40px);font-weight:800;letter-spacing:-.03em}.tile.pink{background:linear-gradient(145deg,#2a343c,#12181c);border-bottom:5px solid var(--brand)}.tile.blue{background:linear-gradient(145deg,#31404a,#1a2329)}.tile.orange{background:linear-gradient(145deg,#3d4a36,#1f2a1d);border-bottom:5px solid #7ec28e}.tile.teal{background:linear-gradient(145deg,#2d3c48,#162028);border-bottom:5px solid #6aa7c9}.page{min-height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#eef2f5eb;border-bottom:3px solid rgba(18,22,26,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h2{margin:0;flex:1;font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.02em}.icon-btn{width:52px;height:52px;border-radius:4px;background:#d7dde4;font-size:22px;font-weight:700}.recv-page .topbar{flex-shrink:0}.recv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 14px 16px;height:calc(100vh - 76px);min-height:0;overflow:hidden}.recv-sec-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.recv-cats{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0}.cat-btn,.item-btn{border-radius:6px;padding:14px 10px;background:var(--panel);border:2px solid transparent;font-size:17px;font-weight:800;color:var(--ink);box-shadow:0 1px #fff6 inset}.cat-btn.active,.item-btn.active{background:#fff8d6;border-color:var(--brand);color:#5c4e00}.recv-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;min-height:0}.recv-items-block{background:#eef2f5b8;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.items-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.item-btn{white-space:nowrap;min-width:108px;padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.item-name{font-size:17px}.item-price{font-size:13px;font-weight:700;color:var(--muted);font-family:var(--font-display)}.item-btn.active .item-price{color:#8a7400}.recv-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,360px);gap:12px;min-height:0}.recv-left{display:flex;flex-direction:column;gap:10px;min-height:0}.recv-pick{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.recv-pick-name{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em}.recv-pick-meta{margin-top:4px;color:var(--muted);font-size:14px}.recv-cams{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-shrink:0;width:min(100%,840px)}.cam-box{background:#0e1317;border-radius:8px;overflow:hidden;position:relative;aspect-ratio:1 / 1;width:100%;height:auto;border:1px solid #0a0e11}.cam-box video,.cam-box img{width:100%;height:100%;object-fit:cover;display:block}.cam-label{position:absolute;left:8px;top:8px;background:var(--brand);color:#14181c;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.06em;z-index:1}.cam-hint{font-size:12px;color:var(--muted)}.recv-customer{display:grid;gap:6px}.recv-customer label{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.recv-customer input{border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:16px;background:#fff}.recv-meter{background:var(--steel);color:#eef2f5;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid #0f1418;min-height:0}.meter-block{margin-top:2px}.meter-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b97a1;margin-bottom:4px}.meter-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.meter-val{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.03em}.meter-val.accent{color:var(--brand)}.weight-big{font-family:var(--font-display);font-size:56px;font-weight:800;line-height:.95;letter-spacing:-.04em;color:var(--brand)}.weight-big .unit{font-size:18px;color:#8fd0ae;margin-left:8px;letter-spacing:0}.stable{display:inline-flex;align-self:flex-start;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.04em;background:#c43c3247;color:#ffb4ad}.stable.ok{background:#2f7a5559;color:#9fe0b4}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .btn{width:100%}.sim-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sim-row .btn{width:100%;padding:12px 8px;font-size:15px}.confirm-btn{margin-top:auto;width:100%;background:var(--brand)!important;color:#14181c!important}.confirm-btn:disabled{opacity:.4}.submit-hint{text-align:center;font-size:12px;color:#8b97a1;margin-top:-4px}.config-page,.records-page{padding:18px 22px 40px}.panel{background:var(--panel);border-radius:6px;padding:18px;margin-bottom:14px;border:1px solid var(--line)}.panel h3{margin:0 0 14px;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.raw{font-family:ui-monospace,Consolas,monospace;background:#12181c;color:#9fe0b4;padding:12px;border-radius:4px;min-height:48px;word-break:break-all}.record-card{display:grid;grid-template-columns:72px 72px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.record-card img{width:72px;height:72px;object-fit:cover;border-radius:4px;background:#cfd5db;border:1px solid var(--line)}.muted{color:var(--muted)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--steel);color:#fff;padding:14px 18px;border-radius:4px;z-index:40;border-left:4px solid var(--brand);font-weight:600}@media(max-width:980px){.recv{grid-template-columns:1fr;height:auto;overflow:auto}.recv-cats{flex-direction:row;overflow-x:auto}.cat-btn{min-width:88px}.recv-body{grid-template-columns:1fr}.recv-cams{width:min(100%,720px)}.home{padding:20px}.grid{grid-template-columns:1fr}}