:root{--bg:#07090d;--sidebar:#0b0e14;--surface:#10141c;--surface-raised:#161b25;--line:#242a36;--line-strong:#343d4d;--text:#f5f7fb;--muted:#929cab;--faint:#697382;--accent:#8878ff;--accent-bright:#afa5ff;--accent-soft:#8878ff24;--green:#45d993;--green-soft:#45d9931f;--red:#ff6871;--orange:#ff9b67;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--sidebar-width:244px;--shadow:0 22px 60px #00000047}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 88% -10%, #8878ff1c, transparent 30%), radial-gradient(circle at 12% 110%, #306ee014, transparent 34%), var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.loading-screen{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.loading-mark,.brand-mark{background:linear-gradient(145deg, var(--accent-bright), #6755e8);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:11px;display:inline-flex;box-shadow:0 10px 26px #725fee47}.loading-mark svg,.brand-mark svg{stroke:#fff;stroke-width:2.3px;width:21px;height:21px}.auth-screen{grid-template:auto 1fr/minmax(320px,510px) minmax(360px,620px);justify-content:space-between;align-items:center;gap:40px 9vw;min-height:100vh;padding:34px clamp(24px,6vw,88px);display:grid;overflow:hidden}.auth-brand,.brand{letter-spacing:-.3px;align-items:center;font-size:19px;font-weight:780;display:flex}.auth-brand{grid-column:1/-1;align-self:start}.auth-card{align-self:center;max-width:510px}.eyebrow,.section-heading>div>span,.page-intro>div>span{color:var(--accent-bright);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:780}.auth-card h1{letter-spacing:-3px;max-width:490px;margin:16px 0 18px;font-size:clamp(44px,5vw,70px);line-height:1.01}.auth-card>p{max-width:470px;color:var(--muted);margin:0 0 31px;font-size:17px}.auth-card small{color:var(--faint);margin-top:14px;font-size:12px;display:block}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:720;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.46}.button-primary{background:var(--text);color:#0c0f15}.button-primary:hover{background:#fff}.button-secondary{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text)}.button-secondary:hover:not(:disabled){background:#1b222e;border-color:#4b566a}.button-danger{color:#ff9ca2;background:#ff687114;border-color:#ff687140}.button-wide{width:min(100%,360px);margin-bottom:11px}.google-g{color:#3478f6;margin-right:12px;font-size:17px;font-weight:850}.preview-link{width:min(100%,360px);color:var(--accent-bright);text-align:center;padding:8px 0;font-size:12px;font-weight:680;text-decoration:none;display:block}.auth-preview{min-height:500px;box-shadow:var(--shadow);background:#0f131bde;border:1px solid #ffffff14;border-radius:28px;padding:28px;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg)}.preview-dots{display:flex}.preview-dots i{background:var(--line-strong);border-radius:50%;width:8px;height:8px;margin-right:7px}.preview-heading{background:linear-gradient(90deg,#8878ff75,#8878ff14);border-radius:14px;width:55%;height:48px;margin:55px 0 28px}.preview-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preview-stats i{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);height:96px}.preview-list{margin-top:26px}.preview-list i{border-bottom:1px solid var(--line);height:54px;display:block}.portal-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:5;width:var(--sidebar-width);border-right:1px solid var(--line);background:#0a0d13f2;flex-direction:column;padding:28px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.main-nav{margin-top:42px}.nav-item{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;margin-bottom:7px;padding:10px 12px;font-size:14px;font-weight:660;display:flex}.nav-item svg{margin-right:12px}.nav-item:hover,.nav-item.active{border-color:var(--line);background:var(--surface);color:var(--text)}.nav-item.active{background:var(--accent-soft);border-color:#8878ff40}.sidebar-spacer{flex:1}.display-link{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);justify-content:space-between;align-items:center;padding:13px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.display-link:hover{border-color:var(--line-strong);color:var(--text)}.sidebar-status{color:var(--faint);align-items:center;margin-top:18px;padding:0 4px;font-size:11px;display:flex}.status-pulse{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%;margin-right:8px}.portal-main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;padding:20px clamp(28px,4vw,58px);display:flex}.topbar p{color:var(--muted);margin:0 0 2px;font-size:12px}.topbar h1{letter-spacing:-.6px;margin:0;font-size:23px}.account-menu{align-items:center;display:flex}.avatar{border:1px solid var(--line-strong);background:var(--accent-soft) center/cover no-repeat;width:38px;height:38px;color:var(--accent-bright);border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:flex}.account-copy{max-width:190px;margin:0 14px 0 11px}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-copy strong{font-size:13px}.account-copy span{color:var(--muted);font-size:11px}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);color:var(--text)}.content-wrap{width:min(1280px,100%);margin:0 auto;padding:38px clamp(28px,4vw,58px) 64px}.welcome-card{border-radius:var(--radius-lg);background:radial-gradient(circle at 87%,#8878ff2e,#0000 32%),linear-gradient(135deg,#151726,#11151d 62%);border:1px solid #8878ff33;justify-content:space-between;align-items:center;min-height:220px;padding:36px 38px;display:flex;overflow:hidden}.welcome-card h2{letter-spacing:-1.7px;max-width:620px;margin:11px 0 12px;font-size:clamp(30px,3.2vw,46px);line-height:1.08}.welcome-card p{max-width:620px;color:var(--muted);margin:0}.welcome-orbit{flex:none;width:170px;height:170px;position:relative}.welcome-orbit>i{border:1px solid #a89cff2e;border-radius:50%;position:absolute;inset:0}.welcome-orbit>i:nth-child(2){border-color:#a89cff47;inset:27px}.welcome-orbit>span{background:linear-gradient(145deg, var(--accent-bright), #6755e8);border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;inset:55px;box-shadow:0 14px 36px #6755e859}.welcome-orbit svg{stroke:#fff;stroke-width:2.3px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.stat-card,.surface{border:1px solid var(--line);background:#10141ce0}.stat-card{border-radius:var(--radius-md);min-height:132px;padding:21px 22px}.stat-card>span,.stat-card small{color:var(--muted);font-size:12px;display:block}.stat-card strong{letter-spacing:-1px;margin:5px 0 1px;font-size:34px;display:block}.stat-card small{color:var(--faint)}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px;margin-top:18px;display:grid}.surface{border-radius:var(--radius-md)}.task-surface,.connection-summary,.full-task-surface{padding:24px}.section-heading,.page-intro,.integration-top,.device-copy{justify-content:space-between;align-items:center;display:flex}.section-heading{margin-bottom:14px}.section-heading h2,.page-intro h2{letter-spacing:-.5px;margin:3px 0 0;font-size:21px}.section-heading>button{color:var(--accent-bright);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:700}.task-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:62px;display:grid}.task-row:last-child{border-bottom:0}.task-check{color:#0000;cursor:pointer;background:0 0;border:1.5px solid #4c5667;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.task-check svg{width:14px;height:14px}.task-check:hover:not(:disabled){border-color:var(--green);background:var(--green-soft);color:var(--green)}.task-check:disabled{cursor:default}.task-copy{min-width:0}.task-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:630;overflow:hidden}.task-meta{color:var(--faint);align-items:center;margin-top:2px;font-size:11px;display:flex}.source-dot{background:var(--faint);border-radius:50%;width:6px;height:6px;margin-right:6px}.source-dot.google{background:#5f8fff}.source-dot.mock{background:var(--accent)}.task-due{color:var(--muted);white-space:nowrap;font-size:12px}.task-due.overdue{color:var(--red)}.task-due.today{color:var(--orange)}.empty-state{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.empty-state strong{color:var(--text);margin-bottom:5px}.connection-row{border-bottom:1px solid var(--line);align-items:center;min-height:66px;padding:9px 0;display:flex}.connection-row:last-child{border-bottom:0}.provider-icon{border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;font-size:13px;font-weight:850;display:flex}.provider-icon.google{color:#8aacff;background:#5f8fff24}.provider-icon.asana{color:#f796aa;background:#f06d8a1f}.provider-icon.linear{color:#baadff;background:#9b8cff21}.connection-row>div{flex:1;min-width:0}.connection-row strong,.connection-row div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.connection-row strong{font-size:13px}.connection-row div>span{color:var(--faint);font-size:11px}.connection-row>i{background:var(--line-strong);border-radius:50%;width:8px;height:8px;margin-left:10px}.connection-row>i.connected{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.page-intro{align-items:flex-end;margin-bottom:24px}.page-intro h2{letter-spacing:-1.1px;margin-top:7px;font-size:32px}.page-intro p{max-width:650px;color:var(--muted);margin:8px 0 0}.segments{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:4px;display:flex}.segments button{min-width:76px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.segments button.active{background:var(--surface-raised);color:var(--text);box-shadow:0 2px 8px #0000002e}.full-task-surface{min-height:420px}.info-banner,.error-banner{border-radius:var(--radius-sm);background:var(--accent-soft);color:#c2baff;border:1px solid #8878ff38;margin-bottom:12px;padding:11px 13px;font-size:12px}.error-banner{color:#ffabb0;background:#ff687114;border-color:#ff687142}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.integration-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-height:270px;padding:24px;display:flex}.integration-card.connected{border-color:#45d99347}.integration-card .provider-icon{border-radius:14px;width:46px;height:46px;margin:0;font-size:16px}.status-chip{border:1px solid var(--line);color:var(--faint);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750}.status-chip.connected{background:var(--green-soft);color:#77eab1;border-color:#45d9933d}.integration-card h3{margin:24px 0 6px;font-size:18px}.integration-card p{color:var(--muted);margin:0;font-size:13px}.integration-card>small{min-height:20px;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:12px;overflow:hidden}.integration-card>.button{width:100%;margin-top:auto}.device-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:18px;display:grid}.device-card,.activation-card{padding:24px}.device-screen{background:#090b0f;border:10px solid #030406;border-radius:28px;min-height:250px;padding:26px;box-shadow:inset 0 0 0 1px #252a34}.device-screen strong{letter-spacing:-2px;margin-bottom:34px;font-size:46px;display:block}.device-screen i{background:#232833;border-radius:5px;width:72%;height:10px;margin:16px 0;display:block}.device-screen i:first-of-type{width:90%}.device-screen i:last-child{width:52%}.device-copy{margin-top:20px}.device-copy>div>span{color:var(--accent-bright);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:750}.device-copy h3,.activation-card h3{margin:6px 0 2px;font-size:17px}.device-copy p,.activation-card p{color:var(--muted);margin:0;font-size:12px}.activation-card{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;display:flex}.activation-step{background:var(--accent-soft);color:var(--accent-bright);letter-spacing:1px;text-transform:uppercase;border:1px solid #8878ff3d;border-radius:999px;margin-bottom:14px;padding:5px 9px;font-size:10px;font-weight:780}.activation-card p{margin-bottom:22px}.activation-card>small{color:var(--faint);margin-top:14px;font-size:11px}.pairing-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;display:grid}.pairing-form input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);min-width:0;min-height:48px;color:var(--text);letter-spacing:5px;text-align:center;outline:0;padding:9px 14px;font:750 20px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.pairing-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pairing-form input::placeholder{color:var(--faint);opacity:.65}.paired-devices{margin-top:18px;padding:24px}.device-count{border:1px solid var(--line);min-width:28px;height:28px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:760;display:inline-flex}.paired-device-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:70px;padding:10px 0;display:grid}.paired-device-row:last-child{border-bottom:0}.paired-device-icon{border:1px solid var(--line);background:var(--surface-raised);width:40px;height:40px;color:var(--accent-bright);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.paired-device-icon svg{width:19px;height:19px}.paired-device-row>div{min-width:0}.paired-device-row>div strong,.paired-device-row>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.paired-device-row>div strong{font-size:13px}.paired-device-row>div span{color:var(--faint);font-size:11px}.device-activity{color:var(--muted);white-space:nowrap;font-size:11px}.device-activity.online{color:var(--green)}.paired-device-row>.button{min-height:38px;padding:8px 12px;font-size:11px}.toast{z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-sm);max-width:380px;box-shadow:var(--shadow);background:#171c26;padding:13px 16px;font-size:13px;position:fixed;bottom:24px;right:24px}.toast.error{color:#ffafb4;border-color:#ff687159}@media (max-width:980px){:root{--sidebar-width:86px}.sidebar{padding-left:13px;padding-right:13px}.brand>span:last-child,.nav-item>span,.display-link span,.sidebar-status span:last-child{display:none}.brand-mark,.nav-item svg{margin-right:0}.nav-item,.display-link,.sidebar-status{justify-content:center}.status-pulse{margin-right:0}.overview-grid,.device-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.auth-screen{flex-direction:column;align-items:stretch;padding:24px;display:flex}.auth-preview{display:none}.portal-shell{padding-bottom:72px;display:block}.sidebar{border-top:1px solid var(--line);border-right:0;width:auto;height:68px;padding:8px 12px;inset:auto 0 0}.sidebar .brand,.sidebar-spacer,.display-link,.sidebar-status{display:none}.main-nav{grid-template-columns:repeat(4,1fr);gap:6px;height:100%;margin:0;display:grid}.nav-item{min-height:50px;margin:0}.portal-main{min-height:100vh}.topbar{height:78px;padding:14px 18px}.account-copy{display:none}.avatar{margin-right:8px}.content-wrap{padding:24px 18px 40px}.welcome-card{padding:27px 24px}.welcome-orbit{display:none}.stat-grid,.integration-grid{grid-template-columns:1fr}.page-intro,.device-copy{flex-direction:column;align-items:flex-start}.segments,.device-copy .button{margin-top:18px}.pairing-form{grid-template-columns:1fr}.paired-device-row{grid-template-columns:40px minmax(0,1fr) auto}.device-activity{grid-column:2}.paired-device-row>.button{grid-area:1/3/3}}