:root{--wf-bg:#f5f7fb;--wf-ink:#0b1224;--wf-muted:#70809a;--wf-line:#e4e8f0;--wf-dark:#091022;--wf-purple:#6f61ff;--wf-purple2:#8a56ff;--wf-card:#fff}.wf-shell{min-height:100vh;background:var(--wf-bg);color:var(--wf-ink);display:flex;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wf-sidebar{width:290px;background:var(--wf-dark);color:#dfe5f5;min-height:100vh;position:fixed;left:0;top:0;bottom:0;padding:22px 18px;display:flex;flex-direction:column;z-index:50}.wf-sidebar-head,.wf-brand,.wf-mobile-brand,.wf-top-actions,.wf-actions,.wf-card-foot,.wf-section-head,.wf-page-head,.wf-modal-head,.wf-ai-input,.wf-proof,.wf-profile,.wf-workspace,.wf-topbar{display:flex;align-items:center}.wf-sidebar-head{justify-content:space-between}.wf-brand{gap:10px;font-size:18px;font-weight:800;color:#fff}.wf-brand b{color:#9b8cff}.wf-topbar .wf-brand{color:#0b1224}.wf-topbar .wf-brand b{color:#6f61ff}.wf-topbar .wf-brand{visibility:visible;opacity:1}.wf-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#5f73ff,#9954ff);box-shadow:0 10px 28px #695cff55}.wf-icon-btn{border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.wf-close{display:none}.wf-workspace{gap:10px;background:#151c31;border:1px solid #2b344d;padding:12px;border-radius:18px;margin:26px 0 24px}.wf-workspace-avatar{width:36px;height:36px;border-radius:11px;background:#202d55;display:grid;place-items:center;color:#93a8ff;font-weight:800}.wf-workspace div:nth-child(2),.wf-profile div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.wf-workspace b,.wf-profile b{font-size:13px}.wf-workspace span,.wf-profile span{font-size:11px;color:#8f9cb7;margin-top:2px}.wf-section-label{font-size:11px;letter-spacing:.18em;color:#7484a9;font-weight:700;margin:8px 12px 12px}.wf-sidebar nav{display:flex;flex-direction:column;gap:5px}.wf-nav{display:flex;align-items:center;gap:14px;color:#91a0c1;text-decoration:none;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:600}.wf-nav:hover{background:#131a30;color:#fff}.wf-nav.active{background:linear-gradient(135deg,#2a285b,#252052);color:#fff;box-shadow:inset 0 0 0 1px #47408e}.wf-nav em{margin-left:auto;font-style:normal;font-size:9px;color:#b7aaff;background:#302569;padding:4px 6px;border-radius:7px}.wf-sidebar-spacer{flex:1}.wf-support{display:flex;gap:10px;align-items:center;background:#141b2f;border:1px solid #29334b;padding:14px;border-radius:18px;margin:18px 0}.wf-support b{font-size:12px;color:#f1f4fb}.wf-support span{display:block;font-size:10px;color:#7f8ca7;margin-top:3px}.wf-profile{background:transparent;border:0;color:#fff;width:100%;text-align:left;gap:10px;padding:8px 5px;cursor:pointer}.wf-profile-avatar,.wf-top-avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#7886ff,#9c66ff);display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}.wf-main{margin-left:290px;width:calc(100% - 290px);min-height:100vh}.wf-topbar{height:78px;padding:0 34px;gap:26px;border-bottom:1px solid var(--wf-line);background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.wf-mobile-brand{display:none}.wf-search{flex:1;max-width:650px;display:flex;align-items:center;gap:10px;background:#f3f5f8;border:1px solid #e5e9ef;border-radius:14px;padding:11px 14px;color:#738199}.wf-search input{flex:1;border:0;outline:0;background:transparent;font-size:13px}.wf-search kbd{border:1px solid #dce1e8;background:#fff;border-radius:7px;padding:3px 7px;font-size:10px;color:#8b96a8}.wf-top-actions{gap:12px;margin-left:auto}.wf-notif{position:absolute;width:7px;height:7px;background:#ff5b78;border-radius:50%;margin:-12px 0 0 10px}.wf-content{padding:36px;max-width:1500px;margin:0 auto}.wf-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:28px;padding:40px 44px;background:radial-gradient(circle at 80% 20%,#2b2b6f,transparent 30%),linear-gradient(135deg,#0b1228,#111a39);color:#fff;box-shadow:0 30px 80px #14205425}.wf-hero small,.wf-page-head small,.wf-section-head small{letter-spacing:.18em;font-weight:800;color:#8e9cc0;font-size:10px}.wf-hero small{color:#94a4db}.wf-hero h1{font-size:46px;line-height:1.03;margin:15px 0}.wf-hero h1 span{color:#aa9cff}.wf-hero p{max-width:620px;color:#b8c0d9;font-size:15px}.wf-actions{gap:16px;margin-top:26px}.wf-primary,.wf-secondary,.wf-soft,.wf-hero-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 16px;border:0;cursor:pointer;text-decoration:none;font-weight:700;font-size:13px}.wf-primary{background:linear-gradient(135deg,#6c79ff,#9157ff);color:#fff;box-shadow:0 14px 30px #765eff30}.wf-secondary{background:#fff;color:#4a5670;border:1px solid #e1e6ee}.wf-soft{background:#fff;color:#4b5a72;border:1px solid #dde3eb}.wf-hero-link{color:#d9ddf2;background:transparent}.wf-ring{width:152px;height:152px;border-radius:50%;display:grid;place-items:center;border:1px solid #6268b2;background:radial-gradient(circle,#2a2a6c,#121a37 68%);box-shadow:0 0 0 12px #ffffff08,0 0 80px #786cff30}.wf-ring strong{font-size:40px;display:block;text-align:center}.wf-ring span{display:block;text-align:center;color:#9aa7c7;font-size:11px}.wf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 40px}.wf-metric{background:#fff;border:1px solid var(--wf-line);border-radius:20px;padding:20px;position:relative}.wf-metric-icon{width:34px;height:34px;border-radius:10px;background:#eef0ff;color:#665dff;display:grid;place-items:center;margin-bottom:12px}.wf-metric span{display:block;font-size:12px;color:#7a879c}.wf-metric strong{display:block;font-size:28px;margin-top:5px}.wf-metric small{color:#8b97aa;font-size:11px}.wf-section-head{justify-content:space-between;margin:40px 0 16px}.wf-section-head h2,.wf-page-head h1{margin:6px 0 0;font-size:27px}.wf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wf-card,.wf-new-card{background:#fff;border:1px solid var(--wf-line);border-radius:20px;padding:22px;min-height:210px}.wf-card h3{margin:10px 0 8px;font-size:17px}.wf-card p{font-size:12px;color:#7b879a;line-height:1.6;min-height:42px}.wf-tag{font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#eff1ff;color:#685dff;border-radius:7px;padding:4px 7px}.wf-progress-meta{display:flex;justify-content:space-between;color:#79859a;font-size:11px}.wf-progress{height:7px;background:#eef1f5;border-radius:9px;overflow:hidden;margin:8px 0 16px}.wf-progress span{height:100%;display:block;background:linear-gradient(90deg,#6a7eff,#995cff);border-radius:9px}.wf-card-foot{justify-content:space-between;color:#7e8a9d;font-size:11px}.wf-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#66748b;text-align:center;gap:8px;border-style:dashed;background:#fbfcfe}.wf-new-card svg{color:#6d61ff}.wf-new-card b{color:#23304a}.wf-table{background:#fff;border:1px solid var(--wf-line);border-radius:20px;overflow:hidden}.wf-task-row{display:grid;grid-template-columns:1fr 100px 110px 90px;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid #eef1f5;font-size:12px}.wf-task-row:last-child{border-bottom:0}.wf-task-row b{display:block;font-size:13px}.wf-task-row small{display:block;color:#8b96a7;margin-top:3px}.wf-pill,.wf-status{font-size:10px;padding:6px 8px;border-radius:8px;text-align:center;text-transform:capitalize}.wf-pill{background:#f0f1f5;color:#64708a}.wf-pill.high{background:#fff0f1;color:#d84e62}.wf-pill.urgent{background:#fff0de;color:#d97b18}.wf-pill.low{background:#eaf9f4;color:#2e8b73}.wf-status.todo{background:#f0f2f6;color:#727f94}.wf-status.in-progress{background:#eef0ff;color:#655bda}.wf-status.done{background:#e9fbf4;color:#19855d}.wf-page-head{justify-content:space-between;margin-bottom:28px}.wf-page-head p{color:#7b879b;margin:7px 0}.wf-calendar{display:grid;gap:12px}.wf-calendar-item{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--wf-line);padding:16px;border-radius:18px}.wf-datebox{width:52px;height:52px;border-radius:14px;background:#eef0ff;color:#655dff;display:grid;place-items:center}.wf-datebox strong{font-size:20px;line-height:1}.wf-datebox span{font-size:9px;text-transform:uppercase}.wf-calendar-item b,.wf-calendar-item span{display:block}.wf-calendar-item span{font-size:11px;color:#8490a2;margin-top:4px}.wf-ai{background:#fff;border:1px solid var(--wf-line);border-radius:22px;padding:18px;max-width:900px}.wf-ai-input{gap:10px;background:#f6f7fa;border:1px solid #e3e7ef;border-radius:14px;padding:8px 10px}.wf-ai-input input{flex:1;border:0;background:transparent;outline:0;padding:8px}.wf-ai-row{display:flex;align-items:center;gap:15px;padding:17px 4px;border-bottom:1px solid #eef1f5}.wf-ai-row div{flex:1}.wf-ai-row b,.wf-ai-row small{display:block}.wf-ai-row small{color:#818da1;font-size:11px;margin-top:4px}.wf-analytics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.wf-analytics-card,.wf-settings{background:#fff;border:1px solid var(--wf-line);border-radius:20px;padding:22px}.wf-analytics-card small,.wf-settings small{color:#8a96a7;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.wf-analytics-card strong{display:block;font-size:32px;margin:12px 0}.wf-bar{height:8px;background:#eef1f4;border-radius:8px;overflow:hidden}.wf-bar span{display:block;height:100%;background:linear-gradient(90deg,#7082ff,#945dff)}.wf-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wf-settings h3{margin:8px 0 4px}.wf-settings p{color:#778398;font-size:12px}.wf-empty,.wf-empty-card{padding:50px;text-align:center;color:#7f8ba0}.wf-empty-card{background:#fff;border:1px dashed #cfd5df;border-radius:20px;display:grid;place-items:center;gap:12px}.wf-loading{display:grid;gap:14px}.wf-loading div{height:110px;border-radius:18px;background:linear-gradient(90deg,#f0f2f7,#fafbfc,#f0f2f7);animation:wfload 1.2s infinite}.wf-error{background:#fff0f2;border:1px solid #ffd0d6;color:#c84d62;padding:12px;border-radius:11px;font-size:12px}.wf-form{display:grid;gap:14px}.wf-form label,.wf-auth-card label{display:grid;gap:7px;color:#546178;font-size:12px;font-weight:700}.wf-form input,.wf-form textarea,.wf-auth-card input{border:1px solid #dce2ea;border-radius:12px;padding:12px 13px;outline:0;font:inherit}.wf-form textarea{min-height:120px;resize:vertical}.wf-modal-bg{position:fixed;inset:0;background:#07102288;display:grid;place-items:center;padding:20px;z-index:100}.wf-modal{background:#fff;width:min(560px,100%);border-radius:22px;padding:22px;box-shadow:0 30px 90px #06122a55}.wf-modal-head{justify-content:space-between;margin-bottom:18px}.wf-modal-head h3{margin:0}.wf-auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f5f7fb}.wf-auth-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b1227,#101a35);color:#fff;padding:12vw 10%;display:flex;flex-direction:column;justify-content:center}.wf-auth-art h1{font-size:clamp(40px,5vw,76px);line-height:.98;max-width:900px;margin:22px 0}.wf-auth-art h1 span{color:#aa9cff}.wf-auth-art p{max-width:630px;color:#b9c2db;font-size:16px;line-height:1.7}.wf-eyebrow{font-size:11px;letter-spacing:.16em;color:#9aa8cd;font-weight:800}.wf-proof{gap:0;margin-top:30px;color:#9aa8cd;font-size:11px}.wf-proof span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#243258;border:1px solid #3b4a72;margin-left:-7px}.wf-proof b{margin-left:16px;font-weight:600}.wf-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.5}.wf-orb.a{width:300px;height:300px;background:#645cff;top:0;right:10%}.wf-orb.b{width:260px;height:260px;background:#08b9db;bottom:-40px;left:-60px}.wf-auth-card{align-self:center;justify-self:center;width:min(500px,90%);background:#fff;border:1px solid #dfe4ec;border-radius:28px;padding:40px;box-shadow:0 30px 90px #0a10231f}.wf-auth-card h2{font-size:34px;margin:25px 0 8px}.wf-auth-card>p{color:#8793a7;font-size:13px;margin-bottom:25px}.wf-auth-card label{margin-top:14px}.wf-auth-card input{padding:14px}.wf-auth-card .wf-primary,.wf-auth-card .wf-secondary{width:100%;margin-top:16px}.wf-switch{text-align:center;margin-top:18px;font-size:12px;color:#7d8899}.wf-switch button{border:0;background:transparent;color:#5d5bff;font-weight:800;cursor:pointer}.wf-scrim{position:fixed;inset:0;background:#050b1888;z-index:40}.wf-close{display:grid}.wf-mobile-brand{display:flex;gap:10px}.wf-top-avatar{flex:none}@keyframes wfload{0%{background-position:0 0}to{background-position:200% 0}}@media(max-width:1100px){.wf-grid,.wf-metrics,.wf-analytics{grid-template-columns:repeat(2,1fr)}.wf-hero{padding:32px}.wf-hero h1{font-size:38px}}@media(max-width:850px){.wf-sidebar{transform:translate(-105%);transition:transform .2s}.wf-sidebar.open{transform:translate(0)}.wf-main{margin-left:0;width:100%}.wf-close{display:grid}.wf-mobile-brand{display:flex}.wf-topbar{padding:0 18px}.wf-search{display:none}.wf-content{padding:20px}.wf-auth{grid-template-columns:1fr}.wf-auth-art{display:none}.wf-auth-card{margin:30px auto}.wf-hero{flex-direction:column;align-items:flex-start}.wf-ring{align-self:center}.wf-settings{grid-template-columns:1fr}}@media(max-width:560px){.wf-grid,.wf-metrics,.wf-analytics{grid-template-columns:1fr}.wf-task-row{grid-template-columns:1fr 80px;gap:8px}.wf-task-row>span:nth-child(3),.wf-task-row>span:nth-child(4){display:none}.wf-page-head{align-items:flex-start;gap:12px;flex-direction:column}.wf-auth-card{padding:26px;border-radius:22px}}.wf-top-menu{position:relative}.wf-top-action-btn{width:38px;height:38px;border-radius:12px}.wf-top-action-btn:hover,.wf-top-action-btn.open{background:#f0efff;color:#5f58d7}.wf-top-profile-btn{border:0;background:transparent;padding:0;border-radius:14px;cursor:pointer}.wf-top-profile-btn:hover,.wf-top-profile-btn.open{box-shadow:0 0 0 3px #edeaff}.wf-popover{position:absolute;top:52px;right:0;background:#fff;border:1px solid #e1e5ed;border-radius:18px;box-shadow:0 24px 70px #111a3b22;z-index:90;overflow:hidden}.wf-notification-menu{width:360px}.wf-profile-menu{width:270px}.wf-popover-head{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 14px;border-bottom:1px solid #edf0f4}.wf-popover-head strong{display:block;font-size:15px;color:#18233b}.wf-popover-head span{display:block;color:#8a95a7;font-size:11px;margin-top:3px}.wf-popover-link{border:0;background:transparent;color:#665cff;font-size:11px;font-weight:800;cursor:pointer}.wf-notification-list{max-height:310px;overflow:auto}.wf-notification-item{width:100%;display:flex;gap:12px;text-align:left;border:0;background:#fff;padding:14px 18px;cursor:pointer}.wf-notification-item:hover{background:#f8f8fc}.wf-notification-item.unread{background:#f7f6ff}.wf-notification-dot{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#eef0ff;color:#685dff;font-size:11px;flex:none}.wf-notification-item span:last-child{min-width:0}.wf-notification-item b{display:block;font-size:12px;color:#1c2740}.wf-notification-item small{display:block;font-size:11px;color:#7c8799;line-height:1.45;margin-top:4px}.wf-notification-item em{display:block;font-size:10px;color:#9aa4b4;font-style:normal;margin-top:6px}.wf-popover-footer{width:100%;border:0;border-top:1px solid #edf0f4;background:#fbfcfe;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:6px;color:#5f58d7;font-size:11px;font-weight:800;cursor:pointer}.wf-profile-head{display:flex;align-items:center;gap:11px;padding:16px}.wf-profile-avatar-large{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7886ff,#9c66ff);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.wf-profile-head strong{display:block;font-size:13px;color:#1b2640}.wf-profile-head span{display:block;font-size:10px;color:#8a95a7;margin-top:3px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.wf-profile-divider{height:1px;background:#edf0f4}.wf-menu-item{width:100%;border:0;background:#fff;color:#4f5d72;display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:700;cursor:pointer;text-align:left}.wf-menu-item:hover{background:#f7f8fb;color:#5f58d7}.wf-menu-item.danger{color:#d45465}.wf-menu-item.danger:hover{background:#fff3f4;color:#c83f53}:root{--ink:#0c1222;--muted:#788197;--panel:#fff;--bg:#f4f6fb;--line:#e7eaf1;--blue:#5b7cff;--violet:#8a5cf6;--teal:#19b7c8;--shadow:0 22px 60px rgba(12,18,34,.08);--radius:22px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#0b1020;color:#dbe1ef;padding:22px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.main-canvas{margin-left:250px;min-height:100vh;width:calc(100% - 250px)}.brand-lockup{display:flex;align-items:center;gap:9px;font:800 17px Plus Jakarta Sans,sans-serif;letter-spacing:-.02em}.brand-lockup b{color:#9d8bff}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#66b8ff,#7c5cff 62%,#a96cff);color:#fff;box-shadow:0 12px 25px #5f6bff59}.sidebar-brand{padding:2px 8px 16px}.mobile-close{display:none;margin-left:auto}.workspace-pill{display:flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.06);padding:11px 10px;border-radius:16px;margin:5px 0 20px}.workspace-pill b,.profile-row b{display:block;font-size:12px}.workspace-pill span,.profile-row span{display:block;color:#7f8aa4;font-size:10px;margin-top:2px}.workspace-pill svg{margin-left:auto;color:#73809e}.workspace-avatar,.user-avatar,.top-avatar{display:grid;place-items:center;font-weight:800}.workspace-avatar{width:30px;height:30px;border-radius:10px;background:#1d2743;color:#c9d2eb;font-size:11px}.side-section{font:700 9px Plus Jakarta Sans,sans-serif;letter-spacing:.14em;color:#64708e;padding:0 11px 8px}.side-section.spaced{margin-top:20px}nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px;border-radius:13px;color:#909ab2;font-size:12px;font-weight:600}.nav-item svg{opacity:.8}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(90deg,#5e79ff2e,#985ef61c);color:#fff;box-shadow:inset 0 0 0 1px #918bff1f}.new-chip{margin-left:auto;font-size:8px;color:#8b7eff;padding:3px 5px;border-radius:6px;background:#8b7eff21}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.support-card{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff0a;margin:6px 0}.support-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#1c2743;color:#a7b1ca}.support-card b{display:block;font-size:11px}.support-card span{display:block;font-size:9px;color:#76829e;margin-top:3px}.profile-row{background:none;color:#fff;display:flex;align-items:center;gap:9px;padding:8px 5px;text-align:left}.profile-row svg{margin-left:auto;color:#66728c}.user-avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#c1b6ff,#5d6cff);color:#0c1222;font-size:10px}.topbar{height:74px;background:#f4f6fbd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:18px;position:sticky;top:0;z-index:10}.search-box{height:42px;min-width:360px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 12px;color:#9ba3b5}.search-box input{border:0;outline:0;flex:1;font-size:12px}.search-box kbd{font-size:9px;background:#f2f4f8;border:1px solid #e3e6ed;border-radius:6px;padding:4px 6px;color:#8992a4}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{width:36px;height:36px;border-radius:11px;background:#fff;border:1px solid var(--line);color:#5b6477;display:grid;place-items:center;position:relative}.notif-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#6d5bff;top:7px;right:8px;box-shadow:0 0 0 2px #fff}.top-avatar{width:34px;height:34px;border-radius:11px;background:#10172b;color:#fff;font-size:10px}.mobile-brand{display:none;align-items:center;gap:8px}.content{padding:32px 38px 60px;max-width:1560px;margin:0 auto}.hero-panel{border-radius:28px;min-height:330px;background:radial-gradient(circle at 82% 28%,rgba(146,116,255,.65),transparent 27%),radial-gradient(circle at 75% 78%,rgba(24,183,201,.35),transparent 24%),linear-gradient(135deg,#0c1326,#141d37 58%,#1f1742);color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow);position:relative}.hero-panel:after{content:"";position:absolute;inset:auto -20% -55% 35%;height:300px;background:radial-gradient(circle,rgba(98,119,255,.32),transparent 65%)}.hero-copy{position:relative;z-index:2;max-width:640px}.eyebrow{font:800 9px Plus Jakarta Sans,sans-serif;letter-spacing:.16em;color:#7e879a}.eyebrow.light{color:#a7b4d1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(90deg,#29c3d1,#8c6cff);margin-right:7px}.hero-copy h1{font:800 42px/1.07 Plus Jakarta Sans,sans-serif;letter-spacing:-.04em;margin:16px 0 12px}.hero-copy h1 span{color:#aca0ff}.hero-copy p{font-size:13px;color:#acb6ce;line-height:1.7;max-width:550px}.hero-copy p b{color:#fff}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.primary-btn,.soft-btn,.ghost-btn,.hero-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:11px;font-weight:700;padding:11px 14px}.primary-btn{background:linear-gradient(135deg,#6b7eff,#885cf6);color:#fff;box-shadow:0 12px 30px #665dff40}.primary-btn:disabled{opacity:.6;cursor:wait}.soft-btn{background:#fff;border:1px solid var(--line);color:#515b6f}.ghost-btn{background:#fff;border:1px solid var(--line);color:#576174}.wide{width:100%}.hero-link{background:none;color:#d4dcf0;padding:0}.hero-link:hover{color:#fff}.hero-visual{position:relative;z-index:2;display:grid;gap:18px;margin-right:28px}.ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a98fff 0 64%,#ffffff24 64% 100%);box-shadow:0 0 70px #6764ff40}.ring:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#161d34}.ring>div{position:relative;text-align:center}.ring strong{display:block;font:800 35px Plus Jakarta Sans}.ring span{font-size:10px;color:#9da9c4;text-transform:uppercase;letter-spacing:.14em}.hero-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#aeb8cd;background:#ffffff14;border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px}.hero-note b{color:#fff;margin-left:auto}.hero-note span{margin-left:1px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px;position:relative}.metric-icon{width:34px;height:34px;border-radius:11px;background:#edf0ff;color:#5e71e8;display:grid;place-items:center}.metric-icon.alert{background:#fff0f1;color:#d24b61}.metric-card span{display:block;font-size:10px;color:#8c96a9}.metric-card strong{display:block;font:800 23px Plus Jakarta Sans;margin:2px 0}.metric-card small{font-size:9px;color:#9aa3b4}.metric-arrow{margin-left:auto;color:#b6bdca}.section-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 14px}.section-head.lower{margin-top:42px}.section-head h2{font:800 21px Plus Jakarta Sans;letter-spacing:-.03em;margin:7px 0 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 250px;gap:14px}.project-card,.new-project-card{border-radius:20px;border:1px solid var(--line);background:#fff;padding:18px}.project-card{overflow:hidden;position:relative}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--project)}.project-top{display:flex;justify-content:space-between}.project-tag{display:inline-block;color:var(--project);font:800 8px Plus Jakarta Sans;text-transform:uppercase;letter-spacing:.13em}.project-card h3{font:800 17px Plus Jakarta Sans;margin:6px 0}.project-card p{font-size:10px;line-height:1.6;color:#858ea1;min-height:33px}.more-btn{background:none;color:#9aa4b6;letter-spacing:2px}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#8a94a7;margin-top:15px}.progress-meta b{color:#222a3a}.progress-track{height:6px;background:#f0f2f6;border-radius:10px;overflow:hidden;margin-top:7px}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,var(--project),#9e7cff);border-radius:inherit}.project-bottom{display:flex;align-items:center;gap:8px;font-size:9px;color:#8b94a5;margin-top:15px}.project-bottom .push{margin-left:auto}.avatar-stack.small{display:flex}.avatar-stack.small span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:800;background:#e8edff;color:#495db9;border:2px solid #fff;margin-left:-4px}.avatar-stack.small span:first-child{margin-left:0}.new-project-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:216px;border-style:dashed;background:#fafbfe;color:#6c7486}.new-project-card:hover{border-color:#afb9ec;background:#fff}.plus-circle{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ecefff;color:#6975d9;margin-bottom:11px}.new-project-card b{font-size:12px}.new-project-card span:last-child{font-size:9px;line-height:1.5;margin-top:4px;color:#939bab;max-width:170px}.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.task-head,.task-row{display:grid;grid-template-columns:2.2fr 1.2fr .8fr .9fr .6fr;align-items:center;gap:12px;padding:14px 16px}.task-head{background:#fafbfe;border-bottom:1px solid var(--line);font:800 9px Plus Jakarta Sans;color:#9aa2b1;text-transform:uppercase;letter-spacing:.08em}.task-row{border-bottom:1px solid #eff1f5;font-size:10px}.task-row:last-child{border-bottom:0}.task-name{display:flex;gap:10px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#c6ccda;flex:0 0 auto}.status-dot.done{background:#56b886}.status-dot.in-progress{background:#6b7cff}.status-dot.todo{background:#d3d8e2}.task-name b{display:block;font-size:10px}.task-name small{display:block;color:#9aa2b2;margin-top:3px;font-size:9px}.project-cell{display:flex;align-items:center;gap:6px;color:#596377}.mini-project{width:8px;height:8px;border-radius:50%}.priority,.status-pill{display:inline-flex;padding:4px 7px;border-radius:7px;font-size:8px;font-weight:800;text-transform:capitalize}.priority.low{background:#eef2f7;color:#6c7586}.priority.medium{background:#eef0ff;color:#5d67c9}.priority.high{background:#fff3e8;color:#b46e29}.priority.urgent{background:#fff0f2;color:#c34e63}.status-pill.done{background:#eaf8f1;color:#359764}.status-pill.in-progress{background:#edf0ff;color:#5d6ada}.status-pill.todo{background:#f2f4f7;color:#747d8f}.due-cell{color:#858fa1}.empty-inline{padding:42px;text-align:center;display:grid;gap:6px;justify-items:center;color:#8892a4}.empty-inline svg{color:#a4aec1}.empty-inline b{font-size:11px;color:#3f4756}.empty-inline span{font-size:9px}.skeleton{height:12px;border-radius:10px;background:linear-gradient(90deg,#e8ebf1 20%,#f5f7fa,#e8ebf1 80%);background-size:200% 100%;animation:sh 1.4s infinite}.skeleton-hero{height:330px;border-radius:28px;background:#fff;padding:40px;display:grid;gap:15px;align-content:center}.w-25{width:20%}.w-60{width:60%}.w-40{width:40%}.skeleton.lg{height:34px}.skeleton.card{height:90px}@keyframes sh{to{background-position:-200% 0}}.error-state{background:#fff;border:1px solid var(--line);border-radius:22px;padding:55px;text-align:center;display:grid;justify-items:center;gap:9px}.error-state h3{margin:5px 0;font:800 18px Plus Jakarta Sans}.error-state p{color:#8d96a6;font-size:11px;max-width:390px}.modal-backdrop{position:fixed;inset:0;background:#090d187a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(620px,100%);background:#fff;border-radius:24px;box-shadow:0 30px 80px #00000038;overflow:hidden}.modal-head{display:flex;justify-content:space-between;padding:22px 22px 16px;border-bottom:1px solid var(--line)}.modal-head h3{font:800 20px Plus Jakarta Sans;margin:6px 0 0}.modal-form,.ai-modal{padding:20px;display:grid;gap:15px}.modal-form label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#586176}.modal-form input,.modal-form textarea,.modal-form select,.ai-prompt input{width:100%;border:1px solid #dde1e9;border-radius:12px;outline:none;padding:11px 12px;font-size:11px;color:#263047;background:#fff}.modal-form textarea{min-height:90px;resize:vertical}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus,.ai-prompt input:focus{border-color:#8390ff;box-shadow:0 0 0 3px #eff0ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.ai-prompt{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fafbfe}.ai-prompt>svg{color:#745dff;margin-left:4px}.ai-prompt input{border:0;background:transparent;box-shadow:none!important}.suggestions{display:grid;gap:9px}.suggestion{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:14px;padding:12px}.suggestion b,.suggestion small{display:block}.suggestion b{font-size:11px;margin:7px 0 3px}.suggestion small{font-size:9px;color:#8993a4}.suggestion>svg{color:#55ad87}.ai-foot{display:flex;justify-content:space-between;align-items:center;color:#8d96a5;font-size:9px}.ai-foot span{display:flex;gap:6px;align-items:center}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#0a1020}.auth-art{padding:80px 10%;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 20%,rgba(113,95,255,.25),transparent 23%),radial-gradient(circle at 30% 90%,rgba(20,185,203,.18),transparent 27%),linear-gradient(135deg,#0b1120,#10182f)}.auth-art:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-170px;top:-140px}.art-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:130px;height:130px;background:#7e65ff38;right:15%;top:25%}.orb-b{width:90px;height:90px;background:#1abed12b;left:8%;bottom:18%}.auth-art h1{font:800 62px/1.02 Plus Jakarta Sans;letter-spacing:-.05em;max-width:780px;position:relative;margin:20px 0}.auth-art h1 em{font-style:normal;color:#a99cff}.auth-art>p{max-width:520px;color:#a4afc7;font-size:14px;line-height:1.8;position:relative}.mini-proof{display:flex;align-items:center;gap:12px;color:#8590aa;font-size:10px;margin-top:25px}.avatar-stack{display:flex}.avatar-stack span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#222d4a;border:2px solid #0d152a;font-weight:800;font-size:8px;color:#cdd6ec;margin-left:-7px}.avatar-stack span:first-child{margin-left:0}.auth-card-wrap{background:#f5f7fb;display:grid;place-items:center;padding:40px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e5e8ef;border-radius:28px;padding:34px;box-shadow:0 28px 80px #0a10201f}.auth-card h2{font:800 26px Plus Jakarta Sans;letter-spacing:-.03em;margin:26px 0 6px}.muted{color:#8c96a7;font-size:11px;line-height:1.6;margin:0 0 20px}.auth-card label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#596276;margin-top:12px}.auth-card input{width:100%;padding:12px;border:1px solid #dde2ea;border-radius:12px;outline:0}.auth-card input:focus{border-color:#8c86ff;box-shadow:0 0 0 3px #f0efff}.auth-card .primary-btn{margin-top:20px}.auth-switch{text-align:center;color:#8b95a7;font-size:10px;margin-top:14px}.auth-switch button{background:none;color:#5d6cff;font-weight:800}.error-banner{padding:10px 11px;border-radius:11px;background:#fff0f2;border:1px solid #ffd6dc;color:#b64157;font-size:9px;margin-top:12px}.scrim{display:none}@media(max-width:1100px){.sidebar{transform:translate(-100%);transition:.22s}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;inset:0;background:#00000073;z-index:19}.mobile-close{display:grid}.main-canvas{margin-left:0;width:100%}.mobile-brand{display:flex}.topbar{padding:0 20px}.search-box{margin-left:auto;min-width:0;max-width:430px;flex:1}.content{padding:25px 20px 50px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-project-card{min-height:190px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero-panel{padding:25px;min-height:auto;display:block}.hero-copy h1{font-size:34px}.hero-visual{display:none}.hero-actions{flex-wrap:wrap}.metric-grid,.project-grid{grid-template-columns:1fr}.task-head{display:none}.task-row{grid-template-columns:1fr;gap:7px;padding:14px}.project-cell,.due-cell{font-size:9px}.topbar{height:64px}.search-box{display:none}.content{padding:20px 14px 40px}.section-head{align-items:center}.section-head h2{font-size:19px}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.auth-card-wrap{padding:20px}.auth-card{padding:26px}.hero-copy h1{font-size:31px}}