:root{--ink:#111827;--muted:#64748b;--line:#dbe3ee;--blue:#075985;--cyan:#0891b2;--paper:#f7fafc;--danger:#b42318}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 5%,#cffafe 0,transparent 32rem),linear-gradient(145deg,#f8fafc,#e7eef6);min-height:100vh}.top{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#0f172a;color:white}.top a{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.top a span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#0e7490);font-weight:800}.top button{background:transparent;border:1px solid #475569;color:white;padding:9px 14px;border-radius:9px}main{width:min(1180px,calc(100% - 32px));margin:48px auto}.hero{max-width:820px;margin-bottom:28px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:8px 0 16px;letter-spacing:-.045em}.hero p{color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--blue)}.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.target-card{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.8)}.target-card.enabled{border-color:#67e8f9;box-shadow:inset 0 0 0 1px #a5f3fc}.target-card.disabled{opacity:.62}.target-card small,.target-card code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.target-code,.portal-badge{width:max-content;padding:3px 7px;border-radius:999px;background:#cffafe;color:#155e75;font-size:10px;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{padding:30px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(15,23,42,.12)}.login{width:min(460px,100%);margin:80px auto}.card form{display:grid;gap:10px}.card label{font-size:12px;font-weight:700;margin-top:8px}.card input,.card select,.card textarea{width:100%;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:white}.card input,.card select{height:44px}.card textarea{padding-top:10px}.card input[type=file]{padding:10px;height:auto}.card button,.button{margin-top:12px;padding:12px 16px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:800;text-decoration:none}.card small,.muted{color:var(--muted)}.packages{display:grid;gap:10px}.packages>div{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:10px}.packages span,.packages code{font-size:12px;color:var(--muted)}.notice{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:white}.notice.success{border-left:4px solid #15803d}.notice.error,.error-text{color:var(--danger);border-left:4px solid var(--danger)}.history{margin-top:22px}.danger-zone{margin-top:12px;padding-top:12px;border-top:1px dashed #f3b4ae}.danger-zone button{background:linear-gradient(135deg,#9f1239,var(--danger))}@media(max-width:900px){.target-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){main{margin-top:26px}.grid,.target-grid{grid-template-columns:1fr}.card{padding:22px}.top{padding:0 16px}.hero h1{font-size:38px}}
