:root{--navy:#10233f;--blue:#1565c0;--light:#eef5fb;--green:#2e7d32;--orange:#ef6c00;--red:#c62828;--text:#18212f;--muted:#6a7688;--border:#d9e2ec;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#f4f7fb}button,input,select,textarea{font:inherit}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#e8f0fb;color:var(--navy)}.danger{background:#fff0f0;color:var(--red);border:1px solid #f3b8b8}.success{background:#edf8ee;color:var(--green);border:1px solid #b8dabb}.page{max-width:1180px;margin:auto;padding:22px}.mobile{max-width:460px;margin:auto;min-height:100vh;background:#fff;padding:18px}.brand{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:.3px}.sub{color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 4px 18px rgba(16,35,63,.06)}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field input,.field select,.field textarea{padding:13px;border:1px solid #cfd8e3;border-radius:12px;background:#fff}.bigplate{font-size:28px;font-weight:900;text-align:center;margin:12px 0}.heroIcon{font-size:54px;text-align:center}.choicegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.problem{padding:14px 8px;border:1px solid var(--border);border-radius:14px;text-align:center;background:#fff;cursor:pointer}.problem.active{border:2px solid var(--blue);background:#eef6ff}.problem .ico{font-size:31px;display:block;margin-bottom:5px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--border)}.stat b{font-size:28px;display:block}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--navy);color:#fff;padding:24px 16px}.side .brand{color:#fff}.nav{margin-top:28px;display:grid;gap:6px}.nav button{background:transparent;color:#d8e4f2;border:0;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.nav button.active,.nav button:hover{background:#1d4f89;color:#fff}.main{padding:26px;overflow:auto}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}.pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.green{background:#e7f5e9;color:#25712d}.orange{background:#fff0df;color:#a45400}.red{background:#fde8e8;color:#a61e1e}.blue{background:#e7f0ff;color:#1f5caa}.mutedbox{background:#f7f9fc;border:1px solid var(--border);border-radius:12px;padding:12px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#10233f;color:#fff;padding:12px 18px;border-radius:12px;z-index:20}.login{max-width:380px;margin:10vh auto}.scanbox{border:2px dashed #9eb8d4;border-radius:18px;padding:28px;text-align:center;background:#f7fbff}.video{width:100%;border-radius:16px;background:#111;max-height:55vh}.hidden{display:none!important}@media(max-width:850px){.layout{display:block}.side{display:none}.main{padding:14px}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.page{padding:12px}}@media(max-width:480px){.choicegrid{grid-template-columns:1fr 1fr}.mobile{padding:14px}.btn{width:100%}.row .btn{width:auto}.stats{grid-template-columns:1fr 1fr}}