:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#17253e;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.hidden{display:none!important}.login-layout{display:grid;grid-template-columns:minmax(350px,1fr) minmax(350px,.94fr);min-height:100vh;background:#fff}.login-panel{width:min(100%,650px);margin:auto;padding:clamp(30px,7vw,80px)}.brand-row{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:600;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;background:#6f4ed8;color:white;border-radius:13px;width:39px;height:39px;font-weight:850;font-size:23px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7c68bd;margin:51px 0 13px}h1{font-size:clamp(29px,3.4vw,42px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 19px}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px}.lede{font-size:16px;line-height:1.75;color:#68758e;margin:0 0 32px}.button{border:0;border-radius:11px;font-weight:700;padding:12px 17px;transition:transform .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:#5f42c2;color:#fff}.button-primary:hover{background:#5135b3}.button-wide{width:100%}.button-outline{background:white;border:1px solid #d8deeb;color:#314263}.button-ghost{background:#263755;color:#e0e9fb}.button-danger{background:#fbe8eb;color:#a03248}.google-g{display:inline-grid;place-items:center;background:#fff;border-radius:50%;color:#4285f4;width:25px;height:25px;margin-right:12px;font-size:18px}.login-footer{font-size:12px;line-height:1.7;color:#8b97a8;margin-top:29px}.status{font-size:13px;color:#53657d;min-height:25px;margin:15px 0}.alert{border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.6;margin-bottom:20px}.alert-warn{border:1px solid #ebd6a5;background:#fff8e7;color:#785519}.alert-info{border:1px solid #d7e2f4;background:#eef5ff;color:#315078}.login-hero{background:radial-gradient(circle at 80% 20%,#463c8b 0%,transparent 32%),linear-gradient(140deg,#111c37,#191b4c 70%,#412c73);padding:8vw 6vw;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero-badge{letter-spacing:2px;color:#b4a8ff;font-size:12px;font-weight:800}.hero-icon{font-size:112px;line-height:1.4;color:#b9a1ff}.login-hero h2{font-size:clamp(31px,3.2vw,49px);line-height:1.12;max-width:500px}.login-hero p{color:#c9d0e7;line-height:1.8;max-width:480px;font-size:16px}.hero-steps{margin-top:55px;display:flex;gap:10px;flex-wrap:wrap}.hero-steps span{border:1px solid #ffffff40;border-radius:100px;padding:10px 14px;color:#e3ddfa;font-size:12px}.app-layout{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:#0f1d38;color:#f4f7ff;padding:24px 15px;display:flex;flex-direction:column}.brand-side{font-size:19px;padding:0 8px}.side-caption{font-size:10px;letter-spacing:1.8px;color:#8396ba;margin:30px 12px 14px}.nav{display:grid;gap:5px}.nav-button{border:0;border-radius:11px;padding:13px 15px;text-align:left;background:transparent;color:#bdcae4;font-weight:650;font-size:14px}.nav-button.active,.nav-button:hover{background:#283b5d;color:white}.nav-button span{padding-left:10px}.sidebar-bottom{margin-top:auto;padding:15px 8px 0}.mini-label{color:#8295ba;font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.connection-item{color:#c9d4e9;font-size:12px;display:flex;gap:7px;align-items:center;margin:12px 0}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-green{background:#3fc79b}.dot-gray{background:#8a95a8}.app-main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e3e9f0;padding:22px clamp(20px,4vw,48px);background:#fff}.topbar .eyebrow{margin:0 0 8px}.topbar h1{font-size:29px;margin:0}.profile-chip{display:flex;align-items:center;gap:12px;min-width:0}.profile-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:grid;place-items:center;background:#e5ddfd;color:#5d40c4;font-weight:800}.profile-chip b{display:block;font-size:13px;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}.profile-chip small{display:block;font-size:11px;color:#7f8da2;max-width:220px;overflow:hidden;text-overflow:ellipsis}.content{max-width:1320px;margin:auto;padding:26px clamp(17px,4vw,48px)}.stat-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e3e9f2;border-radius:16px;box-shadow:0 4px 18px rgba(28,51,81,.025)}.stat-card{padding:23px}.card-label{color:#687c98;font-size:12px;font-weight:750;letter-spacing:.3px}.stat-number{font-size:34px;line-height:1.4;font-weight:850;color:#213452;letter-spacing:-1.3px;margin:10px 0}.stat-number.smaller{font-size:21px;letter-spacing:-.5px}.helper,.subtext{font-size:12px;color:#8795a8;line-height:1.7}.section-card{padding:23px;margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.section-heading p{font-size:13px;color:#8090a5;margin:0}.divider{height:1px;background:#e9edf4;margin:20px 0}.empty-state{font-size:13px;color:#74849b;padding:14px 0}.two-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:17px}.two-col .section-card{margin-top:0}.two-col form{display:grid;gap:14px;margin-top:18px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#485773}input,select,textarea{border:1px solid #dbe2ec;border-radius:10px;padding:12px;color:#223451;background:#fff;width:100%;font-size:14px;outline:none}input:focus,textarea:focus,select:focus{border-color:#7754d0;box-shadow:0 0 0 3px #7754d01c}textarea{resize:vertical;line-height:1.65}#draft-result,#selected-content{margin-top:12px;min-height:310px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}.draft-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eaeff6;padding:14px 0}.draft-item:last-child{border-bottom:0}.draft-item strong{font-size:14px;display:block}.draft-item small{font-size:11px;color:#8393a9}.plan-card{padding:24px;min-height:230px}.plan-price{font-size:31px;font-weight:850;letter-spacing:-1px;color:#2b3d57;margin:15px 0}.plan-price small{font-weight:500;font-size:12px;color:#7888a2}.plan-card p{font-size:13px;line-height:1.7;color:#6e7e94}.small-pill{display:inline-block;border-radius:12px;background:#eef0fc;padding:7px 11px;font-size:11px;color:#6347ae;font-weight:700}@media(max-width:980px){.stat-grid,.plan-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media(max-width:720px){.login-layout{grid-template-columns:1fr}.login-panel{padding:32px 24px;min-height:75vh}.login-hero{padding:45px 24px}.hero-icon{font-size:64px}.app-layout{grid-template-columns:1fr}.sidebar{padding:13px}.brand-side{margin-bottom:10px}.side-caption,.sidebar-bottom{display:none}.nav{display:flex;gap:5px;overflow-x:auto}.nav-button{white-space:nowrap;font-size:12px;padding:10px 12px}.nav-button span{padding-left:2px}.topbar{padding:18px}.topbar h1{font-size:22px}.profile-chip b{max-width:100px}.profile-chip small{max-width:110px}.content{padding:16px}.stat-grid,.plan-grid{grid-template-columns:1fr}.section-card{padding:17px}.login-hero h2{font-size:32px}}

.setup-form{display:grid;gap:11px;border:1px solid #dce5f2;border-radius:14px;padding:18px;background:#f8faff;margin:15px 0 20px}.setup-form .subtext{margin:0}.setup-form code{font-size:11px;overflow-wrap:anywhere}