:root{--bg-0: #eff4ff;--bg-1: #e8efff;--bg-2: #dbe6ff;--ink: #121828;--muted: #5f6980;--card: #ffffffde;--line: #d7deef;--accent: #3f67ff;--accent-2: #6c5cff;--deep: #203374;--ok-bg: #e9f2ff;--ok-ink: #1b4acc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 10%,#b9cbff 0%,transparent 30%),radial-gradient(circle at 88% 0%,#cfc2ff 0%,transparent 34%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 42%,var(--bg-2));font-family:Sora,Manrope,Avenir Next,Segoe UI,sans-serif}.page{position:relative;width:min(1100px,94vw);margin:0 auto;padding:2.3rem 0 3rem;isolation:isolate}.bg-orb{position:absolute;border-radius:999px;filter:blur(18px);z-index:-1}.bg-orb-a{width:270px;height:270px;background:#8babff80;top:-20px;right:-40px}.bg-orb-b{width:220px;height:220px;background:#9d8dff6e;left:-50px;bottom:20px}.hero h1{font-family:Plus Jakarta Sans,Sora,Segoe UI,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.03em;margin:0 0 .3rem;color:#0f1c4d}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--deep);margin:0 0 .4rem;font-weight:700}.lead{color:var(--muted);max-width:720px;margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.topbar-brand{color:#27408f;font-size:.86rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.account-box{display:inline-flex;align-items:center;gap:.45rem}.account-user{display:inline-flex;border-radius:999px;background:#eaf0ff;border:1px solid #cfdbff;color:#2548ae;font-size:.8rem;padding:.22rem .56rem}.logout-btn{border:1px solid #f0c2c2;background:#fff6f6;color:#9d1f1f;border-radius:999px;padding:.28rem .62rem;font-weight:600;cursor:pointer}.logout-btn:hover{background:#ffecec}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.15rem 0 1rem}.tab{border:1px solid #ccd5f3;background:#f4f7ff;color:#2a3d83;border-radius:999px;padding:.44rem .82rem;font-weight:700;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 8px 18px #5e74ff42}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e183366;display:grid;place-items:center;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(780px,96vw);max-height:90vh;overflow:auto}.ghost{border:1px solid #cad5fb;background:#f5f8ff;color:#2a3f86;border-radius:999px;padding:.3rem .65rem;font-weight:600;cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:.45rem;font-weight:600}.checkbox-row input[type=checkbox]{width:16px;height:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.form-card{margin-bottom:1rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.7rem}.badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #cfd8ff;padding:.3rem .58rem;font-size:.74rem;font-weight:700;color:#2f4399;background:#eef2ff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.form-grid label{display:grid;gap:.35rem;font-weight:600;font-size:.9rem}.form-grid input,.form-grid select{border:1px solid var(--line);border-radius:10px;background:#fdfefe;padding:.55rem .65rem;font:inherit;color:var(--ink)}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:#8ea5ff;box-shadow:0 0 0 3px #90a5ff2b}.form-grid textarea{border:1px solid var(--line);border-radius:10px;background:#fdfefe;padding:.55rem .65rem;font:inherit;color:var(--ink);resize:vertical;min-height:220px}.form-grid textarea:focus{outline:none;border-color:#8ea5ff;box-shadow:0 0 0 3px #90a5ff2b}.full-width{grid-column:1 / -1}.code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}.code-card{display:grid;gap:0;border:1px solid #2b334f;border-radius:12px;overflow:hidden;background:#1f2430}.code-head{padding:.45rem .65rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a9b7ff;background:#161a22;border-bottom:1px solid #303a58}.code-editor{border-top:1px solid #303a58}.code-editor-fallback{border:0;border-top:1px solid #303a58;min-height:320px;width:100%;background:#1f2430;color:#d6e2ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.45;padding:.7rem;resize:vertical}.code-editor-fallback:focus{outline:none;box-shadow:inset 0 0 0 2px #4f68d4}.preview-wrap{border:1px solid #cfd8ff;border-radius:12px;overflow:hidden;background:#fff}.preview-head{padding:.45rem .65rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2a3f86;background:#eef2ff;border-bottom:1px solid #d8e1ff}.preview-frame{width:100%;min-height:320px;border:0;background:#fff}.progress-track{width:100%;height:10px;border-radius:999px;background:#d8dfef;overflow:hidden;border:1px solid #c2cce6}.progress-bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#4b6bff,#6b57e4);transition:width .22s ease}.form-grid button{align-self:end;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;padding:.68rem .95rem;cursor:pointer;box-shadow:0 10px 18px #5e74ff40;transition:transform .14s ease,box-shadow .14s ease}.form-grid button:hover{transform:translateY(-1px);box-shadow:0 13px 20px #5e74ff55}.form-grid button:disabled{opacity:.65;cursor:wait}.form-grid button.secondary{background:#eef3ff;color:#28459f;border:1px solid #c7d5ff;box-shadow:none}.form-grid button.secondary:hover{transform:none;box-shadow:none;background:#e6eeff}.ok-message{margin-top:.7rem;color:var(--ok-ink);font-weight:600;background:var(--ok-bg);border:1px solid #cddcff;border-radius:10px;padding:.45rem .6rem}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 16px 32px #34458b17;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card h2{margin-top:0}.muted{color:var(--muted);font-size:.9rem}.clean-list,.chip-list{list-style:none;margin:.2rem 0 0;padding:0}.clean-list li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border-top:1px solid #e7eaf6;padding:.65rem 0}.clean-list li:first-child{border-top:0}.status-pill{display:inline-flex;border-radius:999px;background:#eaf0ff;border:1px solid #cfdbff;color:#2548ae;font-size:.8rem;padding:.22rem .56rem;text-transform:lowercase}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip-list li{border:1px solid #d3dbf4;background:#f5f8ff;color:#1f2e67;border-radius:999px;padding:.34rem .6rem;font-size:.84rem}.row-actions{display:inline-flex;gap:.35rem}.row-actions button{border:1px solid #cbd5f4;border-radius:999px;background:#fff;color:#2a3f86;padding:.18rem .5rem;font-size:.75rem;cursor:pointer}.row-actions button.danger{border-color:#f0c2c2;color:#9d1f1f}.row-actions button.warn{border-color:#f2d4ad;color:#9f5a08}.row-actions button.ok{border-color:#bfe5c7;color:#1f7a3a}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;color:#41507f;font-weight:700;border-bottom:1px solid #dbe1f0;padding:.55rem .45rem}tbody td{border-bottom:1px solid #eceffd;padding:.52rem .45rem;color:#1c2748;white-space:nowrap}tbody tr:hover{background:#f5f7ff}.error{border-color:#cf3a2f;color:#831f18;background:#fff5f4}ul{margin:.6rem 0 0;padding-left:1.15rem}@media (max-width: 700px){.page{padding-top:1.5rem}}