:root{--bg:#0A0A0F;--bg2:#0f0f15;--card:#14141c;--line:rgba(255,255,255,.09);--ink:#fff;--soft:#9ca3af;--mute:#7c8291;--green:#00FF88;--purple:#5D47FA;--purple2:#4930E3;--cyan:#00D4FF;--gold:#FFD700;--red:#ff5c6c}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'DM Sans',system-ui,-apple-system,sans-serif}
a{color:var(--cyan)}h1,h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.02em;margin:0;line-height:1.05}h1{font-size:44px}h2{font-size:28px}h3{font-size:15px;margin:22px 0 8px;font-weight:700}
p{margin:6px 0 12px;color:var(--soft)}small{color:var(--mute)}code{font-size:13px;color:var(--cyan);word-break:break-all}
.nav{background:#fff;display:flex;align-items:center;gap:12px;padding:10px 24px;position:sticky;top:0;z-index:5}.brand img{height:34px;display:block}.nav-title{color:#111;font-weight:700;border-left:1px solid #ddd;padding-left:12px}.link{margin-left:auto;font-size:13px;color:#444;display:flex;align-items:center;gap:7px}
.dot{width:9px;height:9px;border-radius:50%;background:#bbb;display:inline-block}.dot.on{background:#00c86a}
.wrap{max-width:1000px;margin:0 auto;padding:36px 24px 80px}.shell{display:grid;grid-template-columns:230px 1fr;max-width:1240px;margin:0 auto;min-height:calc(100vh - 54px)}
.side{border-right:1px solid var(--line);padding:24px 14px;position:sticky;top:54px;align-self:start;max-height:calc(100vh - 54px);overflow:auto}.side .cname{font-family:'Bebas Neue',Impact;font-size:24px;padding:0 10px 2px;line-height:1.1}.side .back{padding:0 10px 14px;display:block;font-size:13px;color:var(--mute);text-decoration:none}
.step{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:var(--soft);font:inherit;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer}.step:hover{background:rgba(255,255,255,.04)}.step.cur{background:rgba(93,71,250,.2);color:#fff}.step.na{opacity:.4}
.mark{width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--mute)}.step.done .mark{background:var(--green);border-color:var(--green);color:#04130b}.step.review .mark{border-color:var(--gold);color:var(--gold)}.step.running .mark{border-color:var(--cyan);color:var(--cyan)}.step.error .mark{border-color:var(--red);color:var(--red)}
.main{padding:32px 36px 90px;min-width:0}.lead{font-size:16px;max-width:680px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:16px 0}.card.warn{border-color:rgba(255,215,0,.45)}.card.bad{border-color:rgba(255,92,108,.55)}.card.good{border-color:rgba(0,255,136,.4)}.card.run{border-color:rgba(0,212,255,.45)}.card h3:first-child{margin-top:0}
.btn{appearance:none;border:0;border-radius:12px;font:700 14px 'DM Sans',sans-serif;padding:12px 20px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 8px 24px rgba(93,71,250,.35);cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);box-shadow:none}.btn.go{background:var(--green);color:#04130b;box-shadow:none}.btn.small{padding:7px 12px;font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
label.f{display:block;margin:12px 0}label.f>span{display:block;font-weight:700;font-size:13px;margin-bottom:5px}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:#fff;font:inherit;padding:10px 12px}textarea{min-height:70px}select{max-width:380px}
.chk{display:flex;gap:9px;align-items:flex-start;padding:5px 0;color:var(--soft);cursor:pointer}.chk input{margin-top:4px;accent-color:var(--purple)}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 18px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}.stat{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat b{display:block;font-family:'Bebas Neue',Impact;font-size:30px;font-weight:400;line-height:1.1}.stat span{font-size:12px;color:var(--mute)}.stat.ok b{color:var(--green)}.stat.flag b{color:var(--gold)}.stat.no b{color:var(--red)}
.tw{overflow-x:auto;margin:10px 0}table{width:100%;border-collapse:collapse;font-size:14px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);text-align:left;padding:7px 9px;border-bottom:1px solid var(--line)}td{padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;color:var(--soft)}td.n{text-align:right}td b{color:#fff}
.bar{height:9px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .4s}.tag{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px;background:rgba(255,255,255,.08);color:var(--soft)}.tag.g{background:rgba(0,255,136,.14);color:var(--green)}.tag.y{background:rgba(255,215,0,.14);color:var(--gold)}.tag.r{background:rgba(255,92,108,.16);color:var(--red)}
.list{margin:8px 0 0;padding-left:18px;color:var(--soft)}.list li{margin:4px 0}.client{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:10px 0}.client:hover{border-color:rgba(93,71,250,.7)}.client .meta{margin-left:auto;font-size:13px;color:var(--mute);text-align:right}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#fff;color:#111;font-weight:700;border-radius:12px;padding:11px 18px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:9;max-width:80vw}.toast.err{background:var(--red);color:#fff}
.tagline{font-family:'Bebas Neue',Impact;color:var(--green);letter-spacing:.06em;font-size:18px}
@media(max-width:820px){.shell{grid-template-columns:1fr}.side{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.main{padding:22px 16px 70px}.wrap{padding:24px 16px 60px}h1{font-size:36px}}

.me{display:inline-flex;gap:14px;align-items:center;margin-left:auto;margin-right:18px;font-size:13px;color:#555}.me a{color:#5B3DF5;text-decoration:none;font-weight:600}.me:empty{display:none}
.login{max-width:420px;margin:60px auto;padding:0 16px}.login label{display:block;margin-top:14px}.login input{width:100%;box-sizing:border-box}.login .btn{width:100%;margin-top:20px}.login .err{color:#FF6B6B;margin-top:14px;min-height:20px}

/* ---------- better-boss.ai: the same page, floating nav, type and buttons as the public site ---------- */
html{background:var(--bg)}body{background:transparent;min-height:100vh;position:relative}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:
  radial-gradient(38vw 60vh at -4% 34%,rgba(0,255,136,.07),transparent 70%),
  radial-gradient(38vw 70vh at 104% 24%,rgba(93,71,250,.16),transparent 70%),
  radial-gradient(40vw 50vh at 96% 96%,rgba(0,212,255,.05),transparent 70%),var(--bg)}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:44px 44px}
h1{font-size:54px;letter-spacing:.01em;line-height:1.02}h2{font-size:32px;letter-spacing:.01em}h3{color:#fff}
.accent{background:linear-gradient(90deg,#FFD700,#FF8C1A);-webkit-background-clip:text;background-clip:text;color:transparent}
.slogan{display:block;font:italic 600 24px 'DM Sans',sans-serif;color:#7C6BFF;letter-spacing:0;margin:0 0 12px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin:0 0 8px}
a{transition:color .15s}
.nav{position:sticky;top:12px;margin:12px auto 0;width:calc(100% - 32px);max-width:1240px;background:rgba(240,241,245,.96);border-radius:50px;padding:9px 12px 9px 26px;gap:14px;box-shadow:0 10px 34px rgba(0,0,0,.45);z-index:20;flex-wrap:nowrap}
.nav .brand img{height:30px;width:auto}.nav-title{font-size:14px;color:#23232d;border-left:1px solid #cfd1d8;padding-left:14px}
.me{margin:0 auto;gap:24px;font-size:14px;color:#6b7280;white-space:nowrap}.me a{color:#3f4350;font-weight:500}.me a:hover{color:#5D47FA}.me .who{color:#6b7280}
.link{margin-left:auto;color:#5b6070;font-size:13px;white-space:nowrap}.me+.link{margin-left:0}
.cta{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,#00FF88,#00D4FF);color:#0A0A0F;font:700 13px 'DM Sans',sans-serif;padding:11px 22px;border-radius:50px;border:0;text-decoration:none;box-shadow:0 4px 16px rgba(0,255,136,.25);white-space:nowrap;cursor:pointer;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,255,136,.35);color:#0A0A0F}
.btn{transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.cta:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.step:focus-visible{outline:2px solid #00D4FF;outline-offset:2px}
.btn.ghost{background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:none;color:#fff}
input[type=text],input[type=email],input[type=password],select,textarea{background:rgba(255,255,255,.04);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:rgba(93,71,250,.8)}select option{background:#14141c}
.card,.client{background:rgba(20,20,28,.82);border-radius:16px}.client{transition:border-color .15s,transform .15s}.client:hover{border-color:rgba(93,71,250,.6);transform:translateY(-1px)}
.stat{background:rgba(255,255,255,.03);border-left:3px solid var(--green);text-align:left}.stat b{font-size:34px;color:var(--green)}.stat span{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green);text-shadow:0 0 10px rgba(0,255,136,.45)}
.stats .stat:nth-child(3n+2){border-left-color:#FFD700}.stats .stat:nth-child(3n+2) b{color:#FFD700}.stats .stat:nth-child(3n){border-left-color:var(--cyan)}.stats .stat:nth-child(3n) b{color:var(--cyan)}
.stats .stat.ok,.stats .stat.ok:nth-child(n){border-left-color:var(--green)}.stats .stat.ok b,.stats .stat.ok:nth-child(n) b{color:var(--green)}.stats .stat.no,.stats .stat.no:nth-child(n){border-left-color:var(--red)}.stats .stat.no b,.stats .stat.no:nth-child(n) b{color:var(--red)}.stats .stat.flag,.stats .stat.flag:nth-child(n){border-left-color:#FFD700}.stats .stat.flag b,.stats .stat.flag:nth-child(n) b{color:#FFD700}
.tagline{font:italic 600 18px 'DM Sans',sans-serif;color:#7C6BFF;letter-spacing:0;margin-top:34px}
.shell{min-height:calc(100vh - 70px)}.side{top:84px;max-height:calc(100vh - 96px);border-right:1px solid var(--line)}.side .cname{font-size:26px}.wrap{padding-top:48px}.main{padding-top:40px}
.step.cur{background:linear-gradient(90deg,rgba(93,71,250,.3),rgba(93,71,250,.12))}
.login{max-width:440px;margin:56px auto 40px}.login h1{font-size:50px}.login .card{padding:24px 26px;margin-top:22px}.login label>span{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:#fff}.login .cta{width:100%;justify-content:center;padding:14px;font-size:14px;margin-top:22px}.login .err{min-height:20px;margin:12px 0 0;font-size:13px}.login .fine{text-align:center;font-size:12px;color:var(--mute);margin-top:18px}
.nav .site{margin-left:auto;font-size:13px;font-weight:500;color:#3f4350;text-decoration:none;padding-right:14px}
@media(max-width:820px){h1{font-size:40px}.login h1{font-size:40px}.nav{padding:8px 10px 8px 18px;gap:8px;border-radius:26px;flex-wrap:wrap}.nav-title{display:none}.nav .brand img{height:24px}.link{display:none}.me{margin:0 0 0 auto;gap:12px;font-size:12px;order:2}.me .who{display:none}.nav .cta{display:none}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:10px}.stat b{font-size:28px}.slogan{font-size:20px}.side{top:auto;max-height:none}.wrap{padding-top:28px}.main{padding-top:24px}}