:root{font-family:DM Sans,sans-serif;color:#202338;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:#f7f8fc}.sidebar{width:248px;background:#fff;border-right:1px solid #eceef4;display:flex;flex-direction:column;padding:25px 16px 16px;position:fixed;inset:0 auto 0 0;z-index:2}.brand{height:42px;display:flex;align-items:center;gap:10px;padding:0 7px;margin-bottom:25px}.brand-mark{height:34px;width:34px;border-radius:11px;background:#6658e8;color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #6658e833}.brand b{font:800 19px Manrope,sans-serif;letter-spacing:-.8px}.brand small{display:block;color:#9a9bad;font-size:8px;letter-spacing:1.7px;margin-top:-2px}.icon-btn,.tiny-icon,.top-icon{border:0;background:transparent;color:#9295a7;display:grid;place-items:center}.collapse{margin-left:auto}.workspace-switch{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #eceef4;background:#fff;border-radius:12px;text-align:left;margin-bottom:27px;color:#33364b}.workspace-switch>span:nth-child(2){flex:1}.workspace-logo{width:31px;height:31px;background:#f0efff;color:#6658e8;border-radius:9px;display:grid;place-items:center;font-weight:800}.workspace-switch b,.workspace-switch small,.profile b,.profile small{display:block}.workspace-switch b{font-size:12px}.workspace-switch small,.profile small{font-size:10px;color:#999bad;margin-top:3px}.nav-scroll{overflow:auto;flex:1}.nav-group{margin-bottom:25px}.nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:#a2a4b3;padding:0 10px;margin:0 0 9px;display:flex;justify-content:space-between;align-items:center}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#777b8f;padding:10px 11px;border-radius:9px;font-size:12px;text-align:left;margin:2px 0}.nav-item.selected{background:#f0efff;color:#6255df;font-weight:700}.nav-count{font-style:normal;margin-left:auto;background:#f1efff;color:#6759e8;border-radius:10px;padding:2px 7px;font-size:10px}.project-link{display:flex;align-items:center;gap:10px;border:0;background:none;color:#777b8f;font-size:12px;padding:9px 11px;width:100%;text-align:left;border-radius:8px}.active-project{color:#34364a;font-weight:600}.project-dot{width:8px;height:8px;border-radius:3px}.purple{background:#8a7cf2}.orange{background:#f4a16d}.green{background:#62bd9a}.sidebar-bottom{border-top:1px solid #f0f1f5;padding-top:15px}.upgrade{background:linear-gradient(135deg,#f3f1ff,#f8f5ff);padding:14px;border-radius:12px;margin-bottom:14px}.upgrade-icon{color:#7568e9;margin-bottom:8px}.upgrade b{font:700 12px Manrope}.upgrade p{font-size:10px;line-height:1.5;color:#85879a;margin:5px 0 10px}.upgrade button{border:0;background:none;padding:0;color:#6658e8;font-size:10px;font-weight:700}.upgrade button span{margin-left:4px}.profile{display:flex;align-items:center;gap:9px;padding:12px 4px 0;margin-top:8px;border-top:1px solid #f0f1f5}.profile>span:nth-child(2){flex:1}.profile b{font-size:11px}.avatar{height:27px;width:27px;border-radius:50%;display:inline-grid;place-items:center;font-size:9px;font-weight:700;flex-shrink:0;border:2px solid white}.avatar.violet{background:#e8e4ff;color:#6658d8}.avatar.peach{background:#ffe9dc;color:#bf7954}.avatar.blue{background:#dfeeff;color:#4d81b6}.avatar.green{background:#def3e8;color:#388967}.main{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{height:72px;background:#fff;border-bottom:1px solid #eceef4;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:1}.breadcrumbs{font-size:12px;color:#989bad}.breadcrumbs .slash{padding:0 11px;color:#d0d1db}.breadcrumbs b{color:#35384d}.top-actions{display:flex;align-items:center;gap:21px}.search{height:38px;width:min(355px,34vw);border:1px solid #eceef4;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#a1a3b1;background:#fafbfe}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:11px;color:#45485a}.search kbd{font-size:9px;color:#a2a4b2;border:1px solid #e7e8ef;border-radius:4px;padding:3px 5px}.top-icon{position:relative}.top-icon i{position:absolute;right:-2px;top:0;width:6px;height:6px;background:#f28c83;border-radius:50%;border:1px solid white}.content{max-width:1600px;padding:35px 38px 24px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#999caf;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#6f63e9}.welcome-row h1{font:800 27px Manrope,sans-serif;letter-spacing:-1.1px;margin:9px 0 4px;color:#25283d}.subtitle{font-size:12px;color:#9295a6;margin:0}.welcome-actions{display:flex;gap:9px}.outline-btn,.primary-btn{border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.outline-btn{background:#fff;border:1px solid #e8e9f0;color:#626579}.primary-btn{background:#6759e8;color:#fff;border:1px solid #6759e8;box-shadow:0 5px 12px #6759e82b}.project-summary{background:#fff;border:1px solid #eceef4;border-radius:13px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.summary-left{display:flex;align-items:center;gap:12px}.project-symbol{height:39px;width:39px;border-radius:11px;background:#f0efff;color:#6759e8;display:grid;place-items:center}.summary-left b{font-size:12px}.summary-left p{font-size:10px;color:#9698a8;margin:4px 0 0}.summary-stats{display:flex;align-items:center;gap:14px}.summary-stats>div:first-child small,.summary-stats>div:first-child b{display:block}.summary-stats small{font-size:9px;color:#a0a2b0}.summary-stats b{font-size:14px;margin-top:2px}.progress-track{height:6px;width:125px;background:#f0eff8;border-radius:8px;overflow:hidden}.progress-track span{display:block;height:100%;background:#7869eb;border-radius:8px}.member-stack{display:flex;padding-left:8px}.member-stack .avatar{margin-left:-8px}.more-members{height:27px;width:27px;border-radius:50%;background:#f2f1f8;border:2px solid white;display:grid;place-items:center;font-size:9px;color:#77798d;margin-left:-5px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eaf1;padding-bottom:12px}.view-tabs,.board-tools{display:flex;align-items:center;gap:5px}.view-tab{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#9295a6;font-size:11px;padding:9px 12px;border-radius:7px}.view-tab.active{color:#6558df;background:#f0efff;font-weight:700}.board-tools{gap:8px}.tool-btn{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e9eaf1;background:#fff;color:#74778b;border-radius:7px;font-size:10px}.tool-btn.square{padding:7px}.board-meta{display:flex;justify-content:space-between;color:#85889b;font-size:10px;padding:14px 0}.muted{padding:0 5px;color:#c1c2cd}.dependency-key{display:flex;align-items:center;gap:7px;color:#999bad}.dependency-key span{height:7px;width:7px;background:#8c7cf2;border-radius:50%}.kanban{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:14px;align-items:start;overflow-x:auto;padding-bottom:10px}.kanban-column{min-width:205px}.column-head{display:flex;align-items:center;gap:5px;margin-bottom:12px;padding:0 2px}.column-title{display:flex;align-items:center;gap:8px;flex:1}.column-title b{font-size:11px;color:#45485d}.column-count{font-size:9px;color:#999bad;background:#eeeff4;border-radius:5px;padding:3px 6px}.column-indicator{width:8px;height:8px;border-radius:50%}.column-indicator.slate{background:#a8adbd}.column-indicator.blue{background:#6e91e9}.column-indicator.amber{background:#e9b45f}.column-indicator.green{background:#60bd96}.tiny-icon{width:25px;height:25px;border-radius:6px}.tiny-icon:hover{background:#f0efff;color:#6558df}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{background:#fff;border:1px solid #eceef4;border-radius:10px;padding:12px 12px 9px;box-shadow:0 2px 6px #24264a05;transition:transform .16s,box-shadow .16s}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #24264a0c}.task-top{display:flex;justify-content:space-between;align-items:center}.priority{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.priority.high{color:#df7774}.priority.medium{color:#d49b4d}.priority.low{color:#56a989}.task-card h3{font:700 12px Manrope,sans-serif;line-height:1.4;color:#34374b;margin:8px 0 5px}.task-card>p{font-size:9px;line-height:1.55;color:#999bad;margin:0;min-height:29px}.task-tags{display:flex;gap:5px;flex-wrap:wrap;margin:11px 0 10px}.task-tags span{background:#f4f4fa;color:#818398;border-radius:4px;padding:4px 6px;font-size:8px}.task-tags .dependency-tag{display:flex;align-items:center;gap:3px;background:#f0efff;color:#7568df}.task-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #f1f1f5}.assignee{display:flex;align-items:center;gap:6px;font-size:9px;color:#777a8d}.assignee .avatar{height:22px;width:22px;font-size:8px}.due-date{display:flex;align-items:center;gap:4px;color:#999bad;font-size:9px}.card-actions{display:flex;align-items:center;gap:12px;padding-top:9px;margin-top:8px;border-top:1px solid #f4f4f7;color:#a1a3b0;font-size:8px}.card-actions span{display:flex;align-items:center;gap:4px}.card-actions select{margin-left:auto;border:0;background:transparent;color:#999bad;font-size:8px;max-width:78px;outline:0}.add-card{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #dedfea;background:transparent;border-radius:8px;color:#999bad;width:100%;padding:10px;margin-top:10px;font-size:10px}.add-card:hover{color:#6759e8;border-color:#a9a1f4;background:#f5f4ff}.bottom-note{display:flex;justify-content:space-between;color:#a0a2b0;font-size:10px;padding:18px 2px}.bottom-note span{display:flex;align-items:center;gap:6px}.bottom-note span:first-child{color:#8580c8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#20223866;display:grid;place-items:center;z-index:5;padding:20px}.task-modal{width:min(440px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 60px #20223833}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font:800 20px Manrope;margin:7px 0 0}.field-label{display:block;font-size:11px;font-weight:700;color:#55586d;margin:14px 0}.field-label input,.field-label select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #e7e8ef;border-radius:8px;outline:0;font-size:12px;color:#33364a;background:#fff}.field-label input:focus,.field-label select:focus{border-color:#8277ed;box-shadow:0 0 0 3px #8277ed20}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}@media(max-width:1100px){.sidebar{width:218px}.main{margin-left:218px;width:calc(100% - 218px)}.content{padding:28px 24px}.topbar{padding:0 24px}.kanban{grid-template-columns:repeat(4,220px)}}@media(max-width:760px){.sidebar{width:64px;padding:18px 9px}.brand{padding:0;justify-content:center}.brand>div:nth-child(2),.collapse,.workspace-switch>span:nth-child(2),.workspace-switch>svg,.nav-label,.nav-item span,.nav-count,.project-link,.sidebar-bottom .upgrade,.sidebar-bottom .nav-item,.profile>span:nth-child(2),.profile>svg{display:none}.workspace-switch{justify-content:center;padding:8px}.nav-item{justify-content:center;padding:12px 0}.profile{justify-content:center}.main{margin-left:64px;width:calc(100% - 64px)}.topbar{padding:0 15px;height:60px}.content{padding:24px 15px}.search{width:42vw}.search kbd,.breadcrumbs{display:none}.top-actions{gap:12px}.welcome-row{align-items:flex-start;gap:15px;flex-direction:column}.welcome-row h1{font-size:23px}.project-summary{align-items:flex-start;gap:18px;flex-direction:column}.summary-stats{width:100%}.board-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.board-tools{flex-wrap:wrap}.board-meta{font-size:9px}.kanban{grid-template-columns:repeat(4,230px)}.bottom-note{font-size:9px;gap:12px;flex-wrap:wrap}}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#77798d;font:600 14px Manrope,sans-serif;background:#f7f8fc}.data-error{display:flex;justify-content:space-between;align-items:center;background:#fff1f0;border:1px solid #ffd8d5;color:#b64d48;border-radius:9px;padding:11px 14px;margin-bottom:16px;font-size:11px}.data-error button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.empty-projects{background:#fff;border:1px dashed #d9d9e7;border-radius:10px;padding:18px;color:#85879a;font-size:12px;margin:10px 0 18px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{background:linear-gradient(145deg,#6558df,#8174ee 65%,#9b91f5);color:#fff;padding:34px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff25;border-radius:50%;right:-180px;bottom:-230px;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff08}.login-brand{display:flex;align-items:center;gap:10px;font:800 19px Manrope}.login-brand .brand-mark{background:#ffffff20;box-shadow:none}.login-message{margin:auto 0;max-width:480px;position:relative;z-index:1}.login-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#e8e5ff}.login-message h1{font:800 clamp(42px,5vw,68px)/1.08 Manrope;letter-spacing:-2.8px;margin:22px 0}.login-message h1 em{font-style:normal;color:#e2dfff}.login-message>p{font-size:14px;line-height:1.8;color:#eeecff;max-width:390px}.login-art-card{margin-top:48px;width:min(390px,100%);padding:18px;background:#ffffff16;border:1px solid #ffffff35;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 50px #3c319933}.mini-line{height:7px;width:42%;border-radius:8px;background:#ffffffa0;margin-bottom:15px}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-board span{height:74px;border-radius:8px;background:linear-gradient(180deg,#ffffffd9 0,#ffffffd9 8px,#fff5 8px,#fff5)}.mini-caption{font-size:10px;color:#f0eeff;margin-top:13px}.login-footer{font-size:10px;color:#e4e0ff;position:relative;z-index:1}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 8vw;position:relative}.login-form{width:min(390px,100%)}.login-form h2{font:800 28px Manrope;letter-spacing:-1px;margin:10px 0 7px;color:#282b40}.login-form>p{font-size:12px;color:#9295a6;margin:0 0 30px}.login-input{display:flex;align-items:center;gap:9px;margin-top:7px;border:1px solid #e7e8ef;border-radius:8px;padding:0 12px;color:#a0a2b0}.login-input:focus-within{border-color:#8277ed;box-shadow:0 0 0 3px #8277ed20}.login-input input{border:0;outline:0;flex:1;min-width:0;padding:12px 0;font-size:12px}.login-submit{width:100%;justify-content:center;margin-top:25px;padding:12px}.login-submit:disabled{opacity:.7;cursor:wait}.login-error{background:#fff1f0;color:#b64d48;border-radius:7px;padding:10px;font-size:11px}.login-hint{font-size:10px;color:#a0a2b0;text-align:center;margin-top:15px}.login-panel-footer{position:absolute;bottom:24px;font-size:9px;color:#a0a2b0}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-art{min-height:300px;padding:24px}.login-message{margin:45px 0 20px}.login-message h1{font-size:42px;margin:14px 0}.login-message>p{font-size:12px}.login-art-card{display:none}.login-panel{padding:45px 25px;min-height:470px}.login-panel-footer{position:static;margin-top:35px}}
