:root{--p:#0f766e;--dark:#0f172a;--bg:#f3f6f8;--line:#e5e7eb;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#17202a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;padding-bottom:76px}header{position:sticky;top:0;z-index:5;background:var(--dark);color:white;padding:13px 16px;display:flex;justify-content:space-between}header b{font-size:20px}header b span{color:#5eead4}header small{display:block;color:#cbd5e1}main{max-width:850px;margin:auto;padding:15px}.screen{display:none}.active{display:block}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:16px;margin:10px 0;box-shadow:0 7px 25px #0f172a0d}.hero{background:linear-gradient(135deg,#0f172a,#134e4a);color:white;padding:22px}.hero h1{font-size:29px;line-height:1.05;margin:6px 0}.hero p{color:#d7e4e2}.hero label{color:#5eead4}.grid,.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid .card{text-align:left;border:0}.grid b,.grid small{display:block}.grid small{color:var(--muted);margin-top:4px}.grid .card{font-size:24px}.grid b{font-size:15px;margin-top:8px}.note p{color:var(--muted);font-size:13px;line-height:1.45}.title{display:flex;justify-content:space-between;align-items:center}.title h1,.title h2{margin:2px 0}.title label,.hero label{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--p)}button{border:0;background:var(--p);color:white;border-radius:11px;padding:11px 14px;font-weight:800}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:white;margin:5px 0 10px}.progress>b{display:flex;justify-content:space-between}.progress>div{height:9px;background:#eef2f4;border-radius:99px;margin:10px 0}.progress i{display:block;height:100%;background:var(--p);border-radius:99px}.progress small,.stats small{color:var(--muted);display:block}.stats b{font-size:24px}.list p{border-bottom:1px solid var(--line);padding-bottom:9px}.list p:last-child{border:0}.case h3,.guide h3{margin:4px 0}.case p,.guide p{color:var(--muted);font-size:13px;line-height:1.45}.tag{display:inline-block;background:#f2f4f7;padding:5px 8px;border-radius:99px;font-size:11px;margin:4px 4px 0 0}.guide a{color:var(--p);font-weight:800;text-decoration:none}.empty{text-align:center;color:var(--muted);padding:30px}.form label,#form label{display:block;font-size:12px;font-weight:700;color:#475467}.warn{background:#fff0ed;color:#912018;border-radius:10px;padding:10px;font-size:12px;font-weight:700;margin:10px 0}.check{display:flex!important;gap:8px;align-items:flex-start}.check input{width:auto;margin-top:3px}#preview{max-width:100%;max-height:220px;border-radius:12px;margin-bottom:10px}dialog{width:min(650px,calc(100% - 20px));max-height:92vh;border:0;border-radius:18px;padding:16px}dialog::backdrop{background:#02061799}nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:7px}nav button{background:none;color:#667085;padding:4px;font-size:19px}nav small{display:block;font-size:10px}.log{padding:14px}.log h3{margin:3px 0}.log small{color:var(--muted)}@media(max-width:560px){main{padding:12px}.hero h1{font-size:26px}}