:root{
  color-scheme:dark;--bg:#0a0d12;--panel:rgba(19,25,34,.72);--panel-strong:rgba(24,31,42,.9);--line:rgba(255,255,255,.09);--text:#f5f7fb;--muted:#9da8b7;--accent:#88a8ff;--accent2:#b784ff;--care:#76d7c0;--solar:#ffc568;--danger:#ff7b8f;--shadow:0 22px 70px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.ambient-a{width:460px;height:460px;background:#557cff;top:-130px;right:4%}.ambient-b{width:560px;height:560px;background:#884dff;left:-260px;bottom:-280px}.glass,.glass-panel{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;padding:16px;gap:16px}.sidebar{position:sticky;top:16px;height:calc(100vh - 32px);border-radius:26px;padding:18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:.06em;background:linear-gradient(145deg,#e9efff,#889ffc);color:#101725;box-shadow:inset 0 1px 1px #fff9}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:11px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:6px;margin-top:38px}.nav-btn{border:0;background:transparent;text-align:left;border-radius:14px;padding:12px 13px;display:flex;gap:12px;align-items:center;color:#aeb7c4;cursor:pointer;transition:.18s}.nav-btn span{width:22px;text-align:center;font-size:17px}.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.075);color:white}.nav-btn.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.mini-status{display:flex;gap:10px;align-items:center;padding:12px;background:rgba(255,255,255,.04);border-radius:15px}.mini-status strong,.mini-status small{display:block}.mini-status strong{font-size:12px}.mini-status small{font-size:10px;color:var(--muted);margin-top:2px}.pulse{width:9px;height:9px;border-radius:50%;background:#79dfa5;box-shadow:0 0 0 5px rgba(121,223,165,.11)}.desktop{min-width:0;max-width:1600px;width:100%;margin:0 auto}.topbar{position:sticky;top:16px;z-index:2;min-height:92px;border-radius:26px;padding:17px 22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar h1{margin:3px 0 0;font-size:28px;letter-spacing:-.04em}.eyebrow{margin:0;font-size:10px;font-weight:900;letter-spacing:.16em;color:#91a3c9}.top-actions{display:flex;gap:12px;align-items:center}.clock{text-align:right}.clock strong,.clock span{display:block}.clock strong{font-size:17px}.clock span{font-size:10px;color:var(--muted)}.icon-btn{width:43px;height:43px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);font-size:24px;cursor:pointer}.view{display:none;animation:fade .22s ease}.view.active{display:block}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.glass-panel{border-radius:24px}.hero{min-height:275px;padding:34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.055em;line-height:.98;margin:18px 0 12px}.hero p{color:var(--muted);font-size:15px;max-width:620px}.status-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(136,168,255,.12);border:1px solid rgba(136,168,255,.2);font-size:9px;font-weight:900;letter-spacing:.13em;color:#abc0ff}.hero-actions{display:flex;gap:9px;margin-top:25px}.primary,.secondary,.ghost,.text-btn{border:0;cursor:pointer}.primary,.secondary{padding:11px 15px;border-radius:12px;font-weight:800;font-size:12px}.primary{background:linear-gradient(135deg,#a8baff,#748df5);color:#12182a;box-shadow:0 8px 25px rgba(99,124,224,.24)}.secondary{background:rgba(255,255,255,.07);border:1px solid var(--line)}.ghost{background:transparent;color:var(--muted);padding:7px}.text-btn{background:transparent;color:#9bb2ff;font-size:12px}.wide{width:100%;padding:13px}.hero-orbit{width:240px;height:240px;position:relative;flex:0 0 auto}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:8px}.hero-orbit:after{inset:42px;border-style:dashed}.orb{position:absolute;border-radius:50%;display:grid;place-items:center}.orb-main{width:96px;height:96px;left:72px;top:72px;background:linear-gradient(145deg,#edf1ff,#728df5);color:#101629;font-weight:900;letter-spacing:.05em;font-size:24px;box-shadow:0 18px 50px rgba(83,106,211,.38)}.orb-dot{width:17px;height:17px;background:#b793ff;box-shadow:0 0 22px #9b77f2;animation:float 5s ease-in-out infinite}.orb-dot.one{left:25px;top:76px}.orb-dot.two{right:22px;top:60px;animation-delay:-2s;background:#78dcc6}.orb-dot.three{right:64px;bottom:17px;animation-delay:-3.5s;background:#ffc568}@keyframes float{50%{transform:translateY(-8px) scale(1.1)}}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 28px}.metric{padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.metric strong{display:block;font-size:27px;letter-spacing:-.04em}.metric span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 3px 13px}.section-head.compact{margin:0 0 15px}.section-head h2,.section-head h3{margin:3px 0 0;letter-spacing:-.035em}.section-head h2{font-size:23px}.section-head h3{font-size:17px}.muted{color:var(--muted)!important}.section-head .muted{font-size:12px;margin:5px 0 0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{position:relative;padding:22px;min-height:195px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);overflow:hidden}.project-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-70px;background:var(--project-color,#8098ed);filter:blur(60px);opacity:.18}.project-top,.project-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:900}.online-dot{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.online-dot i{width:7px;height:7px;border-radius:50%;background:#657080}.online-dot.live i{background:#74dda0;box-shadow:0 0 11px rgba(116,221,160,.55)}.project-card h3{font-size:21px;margin:21px 0 6px}.project-card p{color:var(--muted);font-size:12px;line-height:1.55;margin:0;min-height:38px}.project-domain{font-size:10px;color:#a9baf5;margin-top:11px;word-break:break-all}.project-foot{margin-top:17px}.project-foot .links{display:flex;gap:8px}.project-foot a,.project-foot button{font-size:11px;text-decoration:none;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);color:white;border:1px solid var(--line);cursor:pointer}.tag{font-size:9px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.08em}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:30px}.inset{padding:22px}.task-list,.activity-list{display:grid;gap:8px}.list-task{display:flex;align-items:center;gap:10px;padding:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);border-radius:13px}.priority-mark{width:7px;height:30px;border-radius:9px;background:#7588b5}.priority-mark.high,.priority-mark.urgent{background:#ff967f}.list-task .grow{min-width:0;flex:1}.list-task strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-task small{color:var(--muted);font-size:10px}.activity-item{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.activity-item:last-child{border-bottom:0}.activity-item strong{font-size:11px;display:block}.activity-item small{font-size:9px;color:var(--muted)}.empty-mini{padding:20px;text-align:center;color:var(--muted);font-size:11px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;align-items:start}.kanban-col{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:20px;min-height:440px;padding:12px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.kanban-head strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.count{font-size:9px;background:rgba(255,255,255,.07);padding:4px 7px;border-radius:999px;color:var(--muted)}.drop-zone{display:grid;gap:8px;min-height:380px}.task-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:13px;border-radius:15px;cursor:grab}.task-card:active{cursor:grabbing}.task-card h4{font-size:12px;margin:0 0 8px;line-height:1.35}.task-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.task-meta span{font-size:9px;color:var(--muted)}.task-meta .prio{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.055)}.task-card.dragging{opacity:.35}.focus-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.focus-projects,.focus-editor{padding:14px;min-height:610px}.focus-project-btn{width:100%;border:0;background:transparent;color:white;text-align:left;padding:13px;border-radius:13px;cursor:pointer;margin-bottom:4px}.focus-project-btn:hover,.focus-project-btn.active{background:rgba(255,255,255,.065)}.focus-project-btn strong,.focus-project-btn span{display:block}.focus-project-btn strong{font-size:12px}.focus-project-btn span{font-size:9px;color:var(--muted);margin-top:3px}.empty-state{height:570px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state>div{font-size:38px}.empty-state h3{color:white;margin:12px 0 4px}.empty-state p{font-size:12px}.focus-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:12px}.focus-head h2{margin:2px 0 4px;font-size:28px}.focus-head p{margin:0;color:var(--muted);font-size:11px}.focus-block{padding:12px}.focus-block h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#a6b6dc}.focus-note{width:100%;min-height:260px;resize:vertical}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setting-card{padding:22px}.setting-icon{display:grid;width:42px;height:42px;border-radius:13px;place-items:center;background:rgba(255,255,255,.065);font-size:20px}.setting-card h3{margin:18px 0 10px}.setting-card p,.setting-card small{font-size:12px;line-height:1.55;color:var(--muted)}.setting-card p strong{color:white}.setting-card small{display:block;margin-top:14px;font-size:10px}.setting-card label{margin-top:12px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,5,8,.68);backdrop-filter:blur(16px);z-index:20}.modal{width:min(520px,100%);padding:26px;position:relative}.modal h2{margin:5px 0 20px}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:white;cursor:pointer;font-size:20px}.hidden{display:none!important}form label,.setting-card label{display:block;font-size:10px;font-weight:800;color:#bcc6d7;letter-spacing:.04em}input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:11px;padding:11px 12px;margin-top:6px;margin-bottom:13px;outline:none;transition:.15s}input:focus,textarea:focus,select:focus{border-color:rgba(136,168,255,.55);box-shadow:0 0 0 3px rgba(136,168,255,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;right:22px;bottom:22px;background:#eef2ff;color:#172038;padding:11px 15px;border-radius:12px;font-size:11px;font-weight:800;z-index:30;box-shadow:0 12px 40px #0008}.login-body{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:min(440px,100%);padding:30px}.login-brand{margin-bottom:45px}.login-card h1{font-size:38px;letter-spacing:-.05em;line-height:1;margin:9px 0 12px}.login-card>.muted{font-size:12px;line-height:1.5;margin-bottom:25px}.login-card>small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:18px}.form-error{min-height:17px;color:#ff9bab;font-size:10px}.login-card form{margin-top:20px}
@media(max-width:1100px){.shell{grid-template-columns:82px 1fr}.sidebar{padding:15px 10px}.brand>div:last-child,.nav-btn:not(.active){font-size:0}.nav-btn{justify-content:center}.nav-btn span{font-size:18px}.nav-btn.active{font-size:0}.mini-status>div{display:none}.project-grid.large{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shell{display:block;padding:10px;padding-bottom:82px}.sidebar{position:fixed;z-index:10;left:10px;right:10px;bottom:10px;top:auto;width:auto;height:62px;padding:7px 10px;display:block;border-radius:20px}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav-btn,.nav-btn.active{font-size:0;padding:10px;justify-content:center}.topbar{top:10px;border-radius:20px;padding:14px 16px;min-height:75px}.topbar h1{font-size:22px}.clock{display:none}.hero{padding:25px;min-height:260px}.hero-orbit{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.project-grid.large,.two-col,.settings-grid,.focus-layout{grid-template-columns:1fr}.kanban{display:flex;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.kanban-col{min-width:82vw;scroll-snap-align:start}.focus-projects{min-height:auto}.focus-editor{min-height:500px}.empty-state{height:450px}}
@media(max-width:480px){.hero h2{font-size:38px}.hero-actions{flex-direction:column}.metric strong{font-size:23px}.project-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.topbar .eyebrow{display:none}.topbar h1{margin:0}.section-head{align-items:flex-start}.section-head>.primary{white-space:nowrap}.project-card{min-height:180px}}