:root{--bg:#f5f7f8;--surface:#fff;--ink:#152226;--muted:#718084;--line:#e2e9e8;--accent:#0aa982;--accent-dark:#087b66;--blue:#4a74d9;--shadow:0 20px 55px rgba(24,49,51,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope,system-ui,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);padding:27px 18px 20px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0 12px 56px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#bdf8e9;width:29px;height:29px;border-radius:10px;font-size:15px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.14em;color:#94a2a3;margin:0 0 13px}.sidebar .eyebrow{margin-left:12px}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#718084;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font:600 13px Manrope;text-align:left;cursor:pointer}.nav-item span{font-size:17px;width:18px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;color:#a4b1b1;background:#f0f4f3;padding:3px 7px;border-radius:10px}.nav-item.active{background:#e9f8f3;color:var(--accent-dark)}.nav-item.active b{background:#ccefe4;color:var(--accent-dark)}.nav-item:hover{background:#f3f7f6}.sidebar-footer{margin-top:auto}.security-mini{margin:0 4px 20px;padding:13px 10px;background:#f6faf9;border:1px solid #e2f0eb;border-radius:10px;display:flex;gap:10px;align-items:center}.security-mini strong,.security-mini small{display:block}.security-mini strong{font-size:11px}.security-mini small{font-size:10px;color:var(--muted);margin-top:3px}.status-dot,.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #d6f4e9}.main{flex:1}.topbar{height:79px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.66);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,72px)}.breadcrumb{color:#9aa8a8;font-size:12px}.breadcrumb.current{color:var(--ink);font-weight:700}.top-actions{display:flex;align-items:center;gap:23px}.live-pill{font:500 10px 'DM Mono',monospace;color:var(--accent-dark);display:flex;align-items:center;gap:8px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#daf1ed;color:#247c6b;font-weight:800;font-size:10px}.content{max-width:1240px;margin:auto;padding:54px clamp(28px,5vw,72px) 72px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:46px}.hero h1{font-size:clamp(31px,4vw,48px);letter-spacing:-.055em;line-height:1.05;margin:0 0 15px}.hero-copy{color:var(--muted);line-height:1.75;max-width:540px;margin:0;font-size:14px}.primary{border:0;border-radius:9px;padding:13px 17px;background:var(--ink);color:#fff;font:700 12px Manrope;cursor:pointer;box-shadow:0 8px 16px #1522261a}.primary:hover{background:#274047;transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:52px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px 23px;box-shadow:var(--shadow)}.stat-card>span{font-size:11px;color:var(--muted)}.stat-card strong{display:block;font-size:28px;letter-spacing:-.04em;margin:11px 0 6px}.stat-card small{color:var(--muted);font-size:10px}.stat-card em{font-style:normal;margin-right:4px}.green{color:var(--accent)}.amber{color:#e4a63b}.safe{font-size:20px!important;color:var(--accent-dark)}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.section-heading h2,.panel h2{font-size:19px;letter-spacing:-.04em;margin:0}.text-button{border:0;background:transparent;color:var(--accent-dark);font:700 11px Manrope;cursor:pointer}.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:52px}.connection-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:18px;min-height:170px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.connection-card:hover{border-color:#b4d9d0}.service-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-weight:800;font-size:15px;margin-bottom:17px}.service-icon.google{background:#fff0e8;color:#ea6337}.service-icon.github{background:#e9edf1;color:#25313b}.service-icon.supabase{background:#dff8ed;color:#15916c}.service-icon.resend{background:#eeeafd;color:#6f5cc2}.service-icon.canva{background:#e7f4ff;color:#248fd6}.service-icon.ovh{background:#e8eaff;color:#4654cf}.connection-card h3{margin:0;font-size:13px}.connection-card p{margin:5px 0 auto;color:var(--muted);font-size:10px;line-height:1.5}.connect-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 9px;margin-top:17px;color:var(--ink);font:700 10px Manrope;cursor:pointer}.connect-button.connected{background:#e8f8f2;border-color:#c6ebdf;color:var(--accent-dark)}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:var(--shadow)}.shield{display:grid;place-items:center;color:var(--accent-dark);background:#e3f8ef;border-radius:50%;width:30px;height:30px;font-weight:800}.security-row{display:flex;gap:13px;padding:14px 0;border-top:1px solid #edf1f0}.security-row>span{color:var(--accent);font-size:15px}.security-row strong,.security-row small{display:block}.security-row strong{font-size:12px}.security-row small{color:var(--muted);font-size:10px;margin-top:4px}.icon-button{border:0;background:transparent;color:#9aa7a7;font-size:22px;cursor:pointer}.activity-list{min-height:148px}.empty-state{text-align:center;padding:36px 0;color:#9aa7a7;font-size:12px;line-height:1.7}.empty-state span{font-size:10px}.activity-entry{display:flex;gap:10px;border-top:1px solid #edf1f0;padding:12px 0}.activity-entry .mark{color:var(--accent);font-size:16px}.activity-entry strong,.activity-entry small{display:block}.activity-entry strong{font-size:11px}.activity-entry small{font-size:10px;color:var(--muted);margin-top:3px}dialog{border:0;border-radius:16px;padding:25px;width:min(490px,calc(100% - 30px));box-shadow:0 35px 100px #15222630;color:var(--ink)}dialog::backdrop{background:#15222666;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between}.dialog-header h2{margin:0;font-size:21px}.dialog-copy{color:var(--muted);line-height:1.65;font-size:12px}.dialog-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.dialog-option{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer}.dialog-option:hover{border-color:#8ccbbc;background:#f7fcfa}.dialog-option strong{display:block;font-size:11px}.dialog-option small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.dialog-option .service-icon{margin:0;width:31px;height:31px;font-size:12px}.demo-note{color:#a47725;background:#fff8e8;border:1px solid #f4e5bd;border-radius:8px;padding:10px;font-size:10px;line-height:1.5}@media(max-width:900px){.sidebar{width:205px}.connection-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sidebar{display:none}.content{padding-top:36px}.hero{display:block}.hero .primary{margin-top:22px}.stats,.lower-grid{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 20px}.content{padding-left:20px;padding-right:20px}}
label{display:block;font-size:11px;font-weight:700;margin:18px 0 7px}#login-password{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:14px Manrope;margin-bottom:14px}#login-form .primary{width:100%}.login-error{color:#b84343;font-size:11px;min-height:16px}