:root{--bg:#0b1220;--panel:#ffffff0f;--panel2:#ffffff1a;--border:#ffffff1f;--text:#ffffffeb;--muted:#ffffffb3;--brand:#5eead4;--brand2:#60a5fa;--danger:#fb7185;--shadow:0 10px 30px #00000040;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 600px at 15% 10%,#5eead438,transparent 60%),radial-gradient(1000px 600px at 85% 15%,#60a5fa38,transparent 55%),radial-gradient(900px 500px at 55% 85%,#fb718524,transparent 60%),var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:28px 18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.h1{letter-spacing:.2px;margin:0 0 8px;font-size:28px}.p{color:var(--muted);margin:0 0 16px;line-height:1.5}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.tile{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffff17,#ffffff08);grid-column:span 12;align-items:center;gap:14px;min-height:88px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:flex}.tile:hover{background:linear-gradient(135deg,#ffffff21,#ffffff0d);border-color:#ffffff38;transform:translateY(-2px)}@media (min-width:760px){.tile{grid-column:span 4}}.badge{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.tileTitle{margin:0;font-weight:700}.tileDesc{color:var(--muted);margin:4px 0 0;font-size:13.5px;line-height:1.35}.topbar{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.btn{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:14px;padding:10px 12px;transition:transform 60ms,background .15s,border-color .15s}.btn:hover{background:#ffffff1f;border-color:#fff3}.btn:active{transform:translateY(1px)}.btnPrimary{background:#5eead424;border-color:#5eead459}.btnPrimary:hover{background:#5eead433;border-color:#5eead480}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#00000040;border-radius:14px;outline:none;padding:12px}.input::placeholder,.textarea::placeholder{color:#ffffff73}.input:focus,.textarea:focus{border-color:#60a5fa8c}.form{gap:10px;display:grid}.alert{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:10px 12px}.alertDanger{background:#fb71851a;border-color:#fb718559}.alertOk{background:#5eead41a;border-color:#5eead459}.pre-box{white-space:pre-wrap;color:var(--text);border:1px solid var(--border);background:#00000059;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.55}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:14px;box-shadow:0 1px 2px #0000000a}.history-date{color:#6b7280;margin-bottom:6px;font-size:12px}