*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#172033;background:radial-gradient(circle at 10% 5%,#fde68a,transparent 28%),radial-gradient(circle at 90% 0,#c4b5fd,transparent 28%),linear-gradient(135deg,#fff7ed,#f8fafc 50%,#f1edff)}
.phone{max-width:430px;margin:auto;background:#0f172a;border-radius:44px;padding:10px;box-shadow:0 30px 80px #0f172a55}.screen{background:#f8fafc;border-radius:35px;min-height:850px;overflow:hidden;padding-bottom:96px;position:relative}.hero{background:linear-gradient(135deg,#111827,#312e81 58%,#581c87);color:white;padding:24px 20px;border-radius:0 0 32px 32px;position:relative}.hero:after{content:"✦";position:absolute;right:26px;top:22px;color:#fde68a;font-size:34px}.tag{display:inline-block;background:#fde68a;color:#111827;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.top{display:flex;justify-content:space-between;align-items:center;margin-top:14px}h1{font-size:34px;line-height:.95;margin:0;letter-spacing:-.04em}.top p{font-size:13px;color:#dbeafe;font-weight:700;margin:7px 0 0}.mascot{width:58px;height:58px;border-radius:24px;background:linear-gradient(145deg,#fde68a,#f59e0b);display:grid;place-items:center;font-size:31px;box-shadow:inset 0 -7px #0002}.safe{margin-top:18px;background:#ffffff16;border:1px solid #ffffff22;border-radius:24px;padding:13px}.safe b{display:block;color:#fde68a}.safe span{display:block;margin-top:4px;color:#dbeafe;font-size:12px;line-height:1.35}.main{padding:16px;display:grid;gap:15px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{border-radius:25px;padding:15px;min-height:112px;box-shadow:0 10px 24px #0f172a0d}.stat .ico{font-size:21px}.label{font-size:12px;font-weight:900;opacity:.72;margin-top:10px}.value{font-size:34px;font-weight:1000;margin-top:2px}.small{font-size:11px;font-weight:800;opacity:.68}.green{background:#dffbea;color:#047857}.red{background:#ffe4ec;color:#be123c}.yellow{background:#fff3c4;color:#92400e}.purple{background:#ede9fe;color:#5b21b6}
.card,.pc{background:white;border:1px solid #e2e8f0;border-radius:28px;padding:15px;box-shadow:0 10px 24px #0f172a0a}.head{display:flex;justify-content:space-between;align-items:start;gap:12px}h2{font-size:21px;margin:0;letter-spacing:-.02em}.desc,.meta{font-size:12px;color:#64748b;font-weight:700;margin-top:3px}.pill{display:inline-flex;border:1px solid;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:950;white-space:nowrap}.pg{background:#dcfce7;border-color:#bbf7d0;color:#166534}.pr{background:#ffe4ec;border-color:#fecdd3;color:#9f1239}.py{background:#fef3c7;border-color:#fde68a;color:#92400e}.pb{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.pl{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.pw{background:white;border-color:#e2e8f0;color:#475569}
.queue,.list{display:grid;gap:10px;margin-top:12px}.qi{border:1px solid #e2e8f0;border-radius:23px;background:#f8fafc;padding:12px}.itop{display:flex;justify-content:space-between;gap:10px;align-items:start}.name,.prod{font-weight:1000;font-size:14px}.decision{font-weight:1000;font-size:13px;margin-top:9px}.buttons{display:flex;gap:8px;margin-top:11px}.btn{border:0;border-radius:16px;padding:10px 12px;font-size:12px;font-weight:950;flex:1}.review{background:#10b981;color:white}.skip{background:white;border:1px solid #e2e8f0;color:#334155}.ask{background:#fde68a;color:#713f12}.search{height:46px;width:100%;border:1px solid #e2e8f0;background:white;border-radius:24px;padding:0 15px;font-weight:800;outline:none;margin:12px 0}.chips{display:flex;gap:5px;flex-wrap:wrap}.details{margin-top:10px;background:#f8fafc;border-radius:20px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.details b{font-size:12px;color:#94a3b8}.details p{font-size:13px;font-weight:1000;margin:4px 0 0}.rulebox{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-color:#fde68a}.log{display:flex;gap:12px;background:#f8fafc;border:1px solid #edf2f7;border-radius:19px;padding:12px;margin-top:10px}.dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#ff70a6,#7c3aed);margin-top:5px;box-shadow:0 0 0 5px #ede9fe}.empty{border:1px dashed #cbd5e1;border-radius:22px;padding:18px;text-align:center;color:#64748b;font-size:13px;font-weight:800;background:#fff}
.bottom{position:absolute;left:12px;right:12px;bottom:12px;background:#111827;color:white;border-radius:28px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;box-shadow:0 20px 50px #0f172a55}.nav{border:0;background:transparent;color:#94a3b8;border-radius:20px;padding:7px 1px;font-size:8.5px;font-weight:900;display:grid;gap:2px;place-items:center}.nav.active{background:white;color:#111827}.nav span{font-size:18px}.modal{position:fixed;inset:0;background:#020617aa;display:grid;place-items:center;padding:18px;z-index:20}.hidden{display:none}