*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #1a2332;--muted: #5a6678;--line: #d7dee9;--bg: #f4f6f9;--accent: #d84315;--accent-soft: #ff7a50;--ok: #2e7d32;--warn: #f59e0b;--err: #d7354a;--blue: #1565c0;--dark: #131c2b;--dark2: #1d2a40;--dark3: #22314b;--panel: #ffffff}body{font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.35}a{color:var(--blue);text-decoration:none}button{font:inherit;cursor:pointer}button,input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease}input:focus,select:focus,textarea:focus{outline:0;border-color:#9fb2cc;box-shadow:0 0 0 3px #1565c01f}.topbar{background:var(--dark);color:#fff;display:flex;align-items:center;gap:22px;padding:0 20px;min-height:54px;position:sticky;top:0;z-index:10;box-shadow:0 1px #ffffff0f}.topbar .brand{font-weight:800;font-size:18px;letter-spacing:1px}.topbar .brand span{color:var(--accent-soft)}.topbar nav{display:flex;gap:4px;flex:1;overflow-x:auto}.topbar nav a{color:#aab6c8;padding:6px 10px;border-radius:6px;white-space:nowrap}.topbar nav a.active,.topbar nav a:hover{color:#fff;background:var(--dark3)}.topbar .user{color:#aab6c8;font-size:13px;display:flex;gap:10px;align-items:center}.page{max-width:1200px;margin:0 auto;padding:20px}.page h1{font-size:22px;margin-bottom:14px;letter-spacing:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #1824340a}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}table.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--line);box-shadow:0 1px 2px #1824340a}.tbl th{background:#eef2f7;color:#344258;text-align:left;padding:9px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.tbl td{padding:9px 10px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}.tbl tr:hover td{background:#fafbfd}label.f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}input,select,textarea{font:inherit;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;min-width:120px}.btn{background:var(--accent);color:#fff;border:0;border-radius:7px;padding:8px 16px;font-weight:600}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #d843152e}.btn:disabled{opacity:.5;cursor:default}.btn.sec{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.sec:hover:not(:disabled){box-shadow:0 5px 14px #18243414}.btn.sm{padding:4px 10px;font-size:13px;font-weight:500}.tag{display:inline-flex;align-items:center;min-height:22px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.tag.gray{background:#eef1f6;color:var(--muted)}.tag.green{background:#e8f5e9;color:var(--ok)}.tag.amber{background:#fff3e0;color:#b26a00}.tag.red{background:#fde8ec;color:#c2185b}.tag.blue{background:#e3f2fd;color:var(--blue)}.dashboard-head{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:16px}.ops-panel{background:linear-gradient(135deg,#172235,#24344e);color:#fff;border-radius:8px;padding:20px;min-height:154px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 34px #131c2b2e}.ops-panel h1{margin:0 0 8px;color:#fff}.ops-panel p{max-width:720px;color:#c6d0de}.ops-state{align-self:flex-start;margin-top:16px}.ops-actions{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:8px}.ops-actions a,.ops-actions .export-link{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:var(--ink);font-weight:700;background:#fff;text-align:left}.ops-actions a span,.ops-actions .export-link span{color:var(--muted);font-size:12px;font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;min-height:92px;box-shadow:0 1px 2px #1824340a}.kpi .v{font-size:27px;font-weight:800;letter-spacing:0}.kpi .l{font-size:13px;color:var(--muted);margin-top:3px}.kpi.good{border-left:4px solid var(--ok)}.kpi.warn{border-left:4px solid var(--warn)}.kpi.bad{border-left:4px solid var(--err)}.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px}.attention-item{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fafbfd}.attention-item b{display:block;margin-bottom:3px}.error{color:var(--err);font-size:14px;margin:8px 0}.muted{color:var(--muted);font-size:13px}.grid-cell{display:inline-flex;align-items:center;gap:5px;margin:2px;padding:4px 8px;border-radius:7px;font-size:12px;color:var(--ink);border:1px solid transparent}.grid-cell:hover{border-color:#9fb2cc}.mini-progress{width:132px;max-width:100%;height:7px;background:#e9edf4;border-radius:999px;overflow:hidden;margin-bottom:4px}.mini-progress>div{height:100%;background:var(--ok)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#131c2b,#1d2a40 55%,#2a1a14)}.login-box{background:#fff;border-radius:8px;padding:34px;width:340px;box-shadow:0 18px 50px #00000047}.login-box h1{font-size:26px;letter-spacing:1px;margin-bottom:4px}.login-box h1 span{color:var(--accent)}.login-box p{color:var(--muted);font-size:13px;margin-bottom:18px}.login-box form{display:flex;flex-direction:column;gap:10px}.portal-shell{min-height:100vh;background:#f4f6f9}.portal-head{background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 24px;position:sticky;top:0;z-index:10}.portal-head .brand{font-size:18px;font-weight:800;letter-spacing:1px;color:var(--ink)}.portal-head .brand span{color:var(--accent)}.portal-head p{color:var(--muted);font-size:13px;margin-top:2px}.portal-head .user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.m-app{min-height:100vh;background:#0f1622;color:#dfe6f0;padding-bottom:74px}.m-head{padding:14px 16px 10px;display:flex;justify-content:space-between;align-items:center}.m-head h1{font-size:18px;color:#fff}.m-body{padding:0 14px}.m-card{background:#1d2a40;border-radius:8px;padding:13px 14px;margin-bottom:10px;border:1px solid rgba(255,255,255,.04)}.m-card.hl{border:1.5px solid var(--accent-soft)}.m-card h3{font-size:15px;color:#fff;margin-bottom:4px}.m-card .muted{color:#8b96a6}.m-tab{position:fixed;bottom:0;left:0;right:0;background:#14202f;border-top:1px solid #33415a;display:flex;height:62px}.m-tab a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b96a6;font-size:12px;gap:2px}.m-tab a.active{color:var(--accent-soft)}.m-btn{display:block;width:100%;background:var(--accent-soft);color:#0f1622;border:0;border-radius:26px;padding:15px;font-size:16px;font-weight:700;margin:10px 0}.m-btn.sec{background:#22314b;color:#dfe6f0}.m-btn.ok{background:#2e9e5b}.m-btn:disabled{opacity:.45}.progressbar{height:8px;background:#33415a;border-radius:4px;overflow:hidden}.progressbar>div{height:100%;background:#2e9e5b}.m-item{background:#1d2a40;border-radius:8px;padding:11px 12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.04)}.m-item .chips{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.chip{border:0;border-radius:999px;padding:7px 15px;background:#33415a;color:#dfe6f0;font-size:14px}.chip.on-ok{background:#2e9e5b;color:#0f1622;font-weight:700}.chip.on-fail{background:#e05252;color:#fff;font-weight:700}.m-input{width:100%;background:#0f1622;border:1px solid #33415a;color:#fff;border-radius:8px;padding:10px;font-size:16px}.m-note{font-size:12px;color:#8b96a6;margin-top:4px}.offline-badge{background:#f59e0b;color:#0f1622;font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px}.online-badge{background:#1d3a2a;color:#2e9e5b;font-size:12px;padding:3px 10px;border-radius:10px}#qr-reader{border-radius:12px;overflow:hidden}canvas.sign{background:#fff;border-radius:8px;width:100%;height:160px;touch-action:none}@media print{.topbar,.no-print{display:none!important}body{background:#fff}.labels{display:flex;flex-wrap:wrap;gap:4mm}}.labels{display:flex;flex-wrap:wrap;gap:10px}.label-card{border:1px dashed #999;padding:6px;text-align:center;width:120px;font-size:10px}.label-card img{width:100px;height:100px}@media (max-width: 760px){.topbar{align-items:flex-start;flex-direction:column;gap:8px;height:auto;padding:12px 14px}.topbar nav{width:100%}.topbar .user{width:100%;justify-content:space-between}.portal-head{align-items:flex-start;gap:10px;padding:12px 14px}.page{padding:14px}.dashboard-head{grid-template-columns:1fr}.tbl{display:block;overflow-x:auto}}