:root{--bg:#0b0e13;--panel:#121720;--panel-raised:#171d28;--field:#0e131c;--line:#252d3a;--line-strong:#354052;--text:#f1f4f9;--muted:#8d98aa;--subtle:#b9c2d0;--accent:#5c7cff;--accent-soft:#5c7cff1e;--good:#47c994;--danger:#e36a7a}*{box-sizing:border-box}body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.012em}.shell{display:grid!important;grid-template-columns:236px minmax(0,1fr)!important;min-height:100vh}.side{position:sticky!important;top:0;height:100vh;padding:22px 14px!important;background:#10141c!important;border-right:1px solid var(--line)!important;box-shadow:none!important}.brand{margin:0 10px 38px!important;font-family:Inter,Manrope,sans-serif!important;font-size:19px!important;letter-spacing:-.045em!important}.logo{width:36px!important;height:36px!important;border-radius:11px!important;background:#5c7cff!important;box-shadow:none!important;font-size:16px!important}.menu{gap:4px!important}.menu a{min-height:42px;padding:10px 12px!important;border:0!important;border-radius:9px!important;color:#9ca7b8!important;font-size:14px!important;font-weight:650!important;transition:color .16s,background .16s!important}.menu a:hover{color:#fff!important;background:#1a202c!important;transform:none!important;border:0!important}.menu a.active{color:#eef2ff!important;background:var(--accent-soft)!important;border:1px solid #647aff45!important;box-shadow:inset 2px 0 0 var(--accent)!important}.side form{margin-top:auto!important;padding:15px 3px 0!important;border-top:1px solid var(--line)!important}.logout{font-size:13px!important;color:#8792a5!important;background:transparent!important;box-shadow:none!important}.content{background:var(--bg)!important}.top{position:sticky!important;top:0;z-index:10;height:64px;padding:0 38px!important;display:flex;align-items:center;background:#0b0e13e8!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(14px)}.top strong{font-family:Inter,Manrope,sans-serif!important;font-size:14px!important;letter-spacing:-.02em!important}.top strong:before{content:none!important}main{max-width:1260px!important;padding:32px 38px 56px!important;margin:0 auto!important}h1,h2{font-family:Inter,Manrope,sans-serif!important;color:var(--text)!important}h1{font-size:32px!important;line-height:1.12!important;letter-spacing:-.05em!important}h2{font-size:20px!important;letter-spacing:-.035em!important}.eyebrow{color:#7d8dab!important;font-size:10px!important;letter-spacing:.09em!important;font-weight:800!important}.card{margin:0!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:none!important}.lead,.muted,small{color:var(--muted)!important}textarea,input,select{margin:5px 0 0!important;padding:11px 12px!important;background:var(--field)!important;border:1px solid var(--line-strong)!important;border-radius:9px!important;color:var(--text)!important;font-size:13px!important;box-shadow:none!important}textarea{min-height:110px!important}textarea:focus,input:focus,select:focus{border-color:#7188ff!important;background:#101724!important;box-shadow:0 0 0 3px #5c7cff18!important}button,.button{min-height:38px!important;padding:9px 13px!important;border-radius:9px!important;background:var(--accent)!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important}button:hover,.button:hover{filter:brightness(1.06)!important;transform:none!important;box-shadow:none!important}.secondary{background:#252d3b!important;color:#d5dce8!important}.badge{padding:5px 8px!important;border:1px solid #303a4b!important;border-radius:7px!important;background:#1c2330!important;color:#bdc8d9!important;font-size:11px!important}.row{gap:8px!important}
/* Overview */.dashboard-page{display:grid;gap:22px!important}.dashboard-hero{min-height:190px!important;padding:28px 30px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(105deg,#151c2a 0%,#111722 72%)!important}.dashboard-hero h1{font-size:34px!important;margin:7px 0 9px!important}.dashboard-hero p{max-width:650px!important;color:var(--subtle)!important;font-size:14px!important;line-height:1.55!important}.hero-orbit{display:none!important}.hero-actions{margin-top:18px!important;gap:10px!important}.connection-state{padding:8px 10px!important;border:1px solid var(--line-strong)!important;border-radius:8px!important;background:#141a25!important;color:#aeb9ca!important;font-size:11px!important}.connection-state.online{color:#9ce4bf!important;border-color:#2e7158!important;background:#123124!important}.metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.metrics article{min-height:108px!important;padding:17px 18px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important}.metrics span{font-size:11px!important;color:var(--muted)!important}.metrics strong{font-family:Inter,Manrope,sans-serif!important;font-size:30px!important;letter-spacing:-.05em!important}.section-heading{align-items:center!important;margin:6px 0 1px!important}.section-heading h2{font-size:23px!important}.section-heading>span{padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#161d29!important;color:#aebbd1!important;font-size:11px!important}.comments-list{gap:12px!important}.comment-card{display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr)!important;overflow:hidden!important;border-radius:14px!important}.comment-card.comment-failed{border-color:#613d4a!important}.comment-header{grid-column:1/-1!important;padding:13px 18px!important;background:#161c27!important;border-bottom:1px solid var(--line)!important}.comment-author{font-family:Inter,Manrope,sans-serif!important;font-size:14px!important}.comment-state{font-size:11px!important}.post-link{font-size:11px!important;color:#93a5ff!important}.comment-source{align-self:start;margin:16px 0 16px 16px!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#0d121a!important}.comment-source p{display:block!important;margin:7px 0 0!important;color:#adb8c8!important;font-size:12px!important;line-height:1.5!important}.source-label{font-size:9px!important}.comment-editor{padding:16px 16px 0!important}.comment-editor textarea{min-height:88px!important}.comment-actions{margin-top:9px!important}.comment-actions span,.retry-note{font-size:10px!important}.comment-footer{grid-column:2!important;padding:11px 16px 16px!important}.comment-error{grid-column:1/-1!important;margin:0 16px 16px!important;padding:10px 12px!important;border-radius:9px!important;background:#28161d!important;color:#f3a9b5!important;font-size:11px!important}.dashboard-empty{padding:36px!important;text-align:left!important}
/* Connection and draft */.connection-page,.draft-page,.logs-page{gap:18px!important}.connection-page{max-width:980px!important}.connection-hero,.draft-hero,.logs-hero{min-height:0!important;padding:27px 30px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#151b27!important}.connection-hero:after{display:none!important}.connection-hero h1,.draft-hero h1,.logs-hero h1{font-size:32px!important;margin:7px 0 9px!important}.connection-hero p,.draft-hero p,.logs-hero p{font-size:14px!important;color:var(--subtle)!important}.connection-guide,.connection-done{padding:22px!important;gap:17px!important;border-radius:14px!important}.connection-steps{gap:8px!important;margin:18px 0!important}.connection-steps div{padding:10px!important;border-color:var(--line)!important;border-radius:9px!important;background:#0e131c!important;font-size:11px!important}.connection-steps b,.done-icon{background:#26345d!important;color:#b9c7ff!important}.draft-editor{padding:22px!important}.draft-editor textarea{min-height:185px!important}.draft-details{gap:12px!important}.text-action{align-self:center!important;padding:8px 3px!important}
/* Logs */.logs-page{max-width:1040px!important}.logs-hero{display:flex!important;align-items:end!important;justify-content:space-between!important}.logs-hero span{padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#161d29!important;color:#aeb9ca!important;font-size:11px!important}.logs-list{gap:8px!important}.log-item{padding:14px 16px!important;border:1px solid var(--line)!important;border-left:3px solid #42516b!important;border-radius:11px!important;background:var(--panel)!important}.log-item.log-warn{border-left-color:#bf9447!important}.log-item.log-error{border-left-color:#cc5f70!important}.log-head time{font-size:11px!important}.log-level{padding:4px 7px!important;border-radius:6px!important;font-size:10px!important}.log-item p{margin:9px 0 0!important;font-size:13px!important}.log-item pre{font-size:10px!important}
@media(max-width:900px){.shell{grid-template-columns:64px minmax(0,1fr)!important}.side{padding:18px 8px!important}.brand{font-size:0!important;margin:0 auto 32px!important}.brand .logo{font-size:16px!important}.menu a{justify-content:center!important;font-size:0!important}.menu a::first-letter{font-size:16px!important}main{padding:26px!important}.comment-card{grid-template-columns:1fr!important}.comment-source{margin:14px 14px 0!important}.comment-editor{padding:14px!important}.comment-footer{grid-column:1!important;padding:10px 14px 14px!important}}@media(max-width:650px){.shell{display:block!important}.side{position:static!important;height:auto!important;display:flex!important;align-items:center!important;padding:10px 12px!important}.brand{font-size:15px!important;margin:0 12px 0 0!important}.brand .logo{width:30px!important;height:30px!important}.menu{display:flex!important;flex:1!important;overflow:auto!important}.menu a{min-width:38px!important;padding:9px!important}.side form{display:none!important}.top{height:52px!important;padding:0 17px!important}main{padding:20px 14px 40px!important}.dashboard-hero,.connection-hero,.draft-hero,.logs-hero{padding:22px!important}.dashboard-hero h1,.connection-hero h1,.draft-hero h1,.logs-hero h1{font-size:28px!important}.metrics,.draft-details,.connection-steps{grid-template-columns:1fr!important}.metrics article{min-height:80px!important}.comment-header{align-items:flex-start!important;flex-direction:column!important}.post-link{padding:3px 0!important}.logs-hero{align-items:flex-start!important;flex-direction:column!important}.button-row button{width:auto!important}}