@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#263043;background:#f8f9fc;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #8b7cf3;outline-offset:3px}button{border:0}input,select,textarea{border:1px solid #dfe3ec;border-radius:8px;padding:11px 12px;background:#fff;color:#263043}textarea{min-height:95px;resize:vertical}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:31px;letter-spacing:-1px;font-weight:800}.app{display:flex;min-height:100vh}aside{width:248px;flex-shrink:0;background:#151d2c;color:#c1c7d4;padding:32px 20px;display:flex;flex-direction:column;min-height:100vh}.logo{color:#fff;font-size:25px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.logo>span:first-child{background:#7160e8;border-radius:10px;font-style:italic;font-size:25px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;letter-spacing:-4px;padding-right:4px}.logo-accent{color:#c9c0ff}.logo-dot{color:#9c8cff;margin-left:-10px}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #30394b;background:#1c2637;border-radius:10px;padding:12px 10px;margin:32px 0}.workspace-icon{background:#3a455b;padding:9px 12px;border-radius:8px;color:#fff;font-weight:700}.workspace strong{font-size:12px;color:#e5e8f2}.workspace small{display:block;font-size:10px;margin-top:4px;color:#8f9aaf}.nav-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8290a6;display:block;margin:5px 12px 13px}.nav{display:flex;align-items:center;gap:12px;background:transparent;width:100%;text-align:left;color:#aab4c6;padding:13px 12px;border-radius:8px;margin-bottom:5px;font-size:12px}.nav>span{font-size:19px;width:20px}.nav.active{background:#6d5ce3;color:#fff;box-shadow:0 6px 16px #0a102655}.nav b{margin-left:auto;padding:2px 6px;background:#fff2;border-radius:4px;font-size:10px}.nav:hover:not(.active),.project-nav button:hover{background:#263146}.project-nav{border-top:1px solid #2a3345;margin-top:24px;padding-top:22px}.project-nav button{background:transparent;color:#aab4c6;font-size:12px;display:flex;align-items:center;gap:10px;padding:12px;width:100%;text-align:left;border-radius:7px}.project-nav i{height:7px;width:7px;border-radius:50%;flex-shrink:0}.side-bottom{margin-top:auto;padding-top:40px}.demo-note{background:#202a3c;border:1px solid #303c53;padding:13px;border-radius:8px;font-size:11px;color:#d9dfeb}.demo-note>.dot{background:#92ddb9;margin-right:5px}.demo-note p{font-size:10px;color:#9facbf;line-height:1.6;margin-top:8px}.profile{display:flex;width:100%;align-items:center;gap:10px;color:#fff;background:none;text-align:left;margin-top:22px}.profile strong{font-size:11px}.profile small{display:block;margin-top:4px;font-size:10px;color:#94a1b8}main{min-width:0;flex:1}header{height:78px;border-bottom:1px solid #e7eaf0;background:#fff;padding:0 38px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:12px;color:#9198a7}.breadcrumb span{padding:0 14px;color:#c5cad3}.breadcrumb strong{font-weight:500;color:#505a70}.header-right{display:flex;gap:20px;align-items:center}.status-pill{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#7160cf;background:#f0edfc;border:1px solid #e4defb;border-radius:5px;padding:6px 9px}.content{padding:35px 38px 20px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8b829f;display:block;margin-bottom:9px}.heading p{color:#8b93a3;font-size:12px;margin-top:10px}.primary{background:#7160e8;color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 3px 7px #7160e822;white-space:nowrap}.primary:hover{background:#6050d5;transform:translateY(-1px)}.secondary{border:1px solid #e1e4ec;background:#fff;color:#697188;padding:11px 16px;border-radius:8px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:#fff;border:1px solid #e4e7f0;border-radius:11px;padding:20px;display:flex;justify-content:space-between}.stat div>span{display:block;font-size:11px;color:#7b8597}.stat b{display:block;font-family:Manrope,sans-serif;font-size:27px;margin:10px 0 7px;letter-spacing:-1px}.stat small{color:#a2a9b7;font-size:10px}.stat-icon{display:flex;justify-content:center;align-items:center;height:34px;width:34px;border-radius:8px;background:#f0edff;color:#8573eb;font-size:19px}.stat:nth-child(2) .stat-icon{background:#fff3e6;color:#dcac59}.stat:nth-child(3) .stat-icon{background:#eaf8f1;color:#53ae89}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e8ef}.view-toggle{background:#edf0f6;border-radius:8px;padding:4px;display:flex;gap:3px}.view-toggle button{padding:8px 13px;border-radius:6px;color:#8b93a4;background:none;font-size:11px}.view-toggle .selected{background:#fff;color:#7160d6;box-shadow:0 1px 4px #22314c11}.filters{display:flex;align-items:center;gap:12px}.filters input{font-size:11px;width:175px;padding:10px 12px}.filters select{font-size:11px;padding:9px 10px}.avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;font-weight:700;background:#eee8fb;color:#8d70c1;border:2px solid #fff}.color1{background:#e4f0f8;color:#648fb1}.color2{background:#f7e7dc;color:#bb9170}.color3{background:#e4f1e8;color:#749582}.avatar-stack{display:flex;margin-left:4px}.avatar-stack .avatar+.avatar{margin-left:-9px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.column{background:#f0f2f7;border-radius:11px;padding:13px 11px;min-height:415px;border:1px solid #e9ecf2}.column-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;margin:0 3px 17px}.dot{width:6px;height:6px;border-radius:50%;background:#929bae;display:inline-block}.progress .dot{background:#d6a255}.review .dot{background:#9885df}.done .dot{background:#5db68d}.column-title b{color:#959faf;font-size:10px;background:#e3e7ef;border-radius:5px;padding:2px 6px}.column-title button{margin-left:auto;color:#8e96a7;background:none;font-size:18px}.cards{display:flex;flex-direction:column;gap:12px}.task-card{background:#fff;border:1px solid #e6e9f1;box-shadow:0 2px 3px #1a294d04;border-radius:9px;padding:15px;cursor:pointer}.task-card:hover{border-color:#b8adeb;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;color:#a3a9b6}.priority{font-size:9px;text-transform:capitalize;font-weight:500;padding:4px 7px;border-radius:4px;display:inline-block}.high{background:#fff0ee;color:#d88176}.medium{background:#fff7e8;color:#c09c57}.low{background:#eaf7f0;color:#65a282}.task-card h3{font-size:12px;line-height:1.6;margin:12px 0 8px;font-weight:700}.task-card p{font-size:10px;color:#949cad;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.card-bottom{border-top:1px solid #f0f2f7;margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#929bac}.card-bottom .avatar{width:26px;height:26px;font-size:8px}.unassigned{padding:6px}.add-task{width:100%;margin-top:14px;background:none;color:#9299a9;padding:9px;font-size:11px;text-align:left}.board-footer{display:flex;justify-content:space-between;font-size:10px;color:#9da5b4;margin-top:20px;gap:10px}.demo-footer{margin-top:40px;color:#a4acbb;font-size:10px;display:flex;align-items:center;justify-content:space-between}.demo-footer button{font-size:10px;background:none;color:#8578b5}.table-wrap{background:#fff;border:1px solid #e2e6ef;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:#8d95a6;background:#fafbfe;padding:16px 24px;font-weight:500}td{padding:20px 24px;border-top:1px solid #edf0f6;font-size:12px;color:#7d8697}td strong{color:#3d4760;font-weight:500}tr:hover td{background:#fbfaff}.member-name{display:flex;align-items:center;gap:12px}.role-pill{text-transform:capitalize;background:#efecfc;color:#8677c5;border-radius:5px;padding:5px 10px;font-size:10px}.table-note{font-size:11px;color:#959cad;padding:20px 24px;border-top:1px solid #edf0f6;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:#fff;border:1px solid #e4e7f0;border-radius:12px;text-align:left;padding:26px}.project-card:hover{border-color:#a69ce2}.project-symbol{background:#f0edff;border-radius:10px;padding:13px;display:inline-block;font-size:25px;color:#8a78df;margin-bottom:24px}.project-card small{display:block;font-size:9px;letter-spacing:1px;color:#9fa6b5}.project-card h2{font-size:19px;margin-top:10px}.project-card p{font-size:12px;color:#939dad;line-height:1.8;margin-top:10px;min-height:43px}.progress-track{height:5px;border-radius:4px;background:#f0edf8;margin:25px 0}.progress-track span{height:100%;display:block;background:#a595e9;border-radius:4px}.project-card footer{display:flex;justify-content:space-between;font-size:10px;color:#98a1b0}.project-card footer span{color:#8271c9}.activity-list{background:#fff;border:1px solid #e4e7f0;border-radius:12px;padding:0 25px}.activity{display:flex;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid #edf0f6}.activity:last-child{border:0}.activity strong{font-size:12px;font-weight:500}.activity p{font-size:10px;color:#9aa4b4;margin-top:7px}.activity-check{margin-left:auto;color:#74b393;background:#edf7f1;padding:6px;border-radius:50%}.empty{padding:40px;color:#929cad;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#151d2c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;padding:28px;max-width:530px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 90px #12172c40}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal h2{font-size:24px}.close{background:#f4f5f9;border-radius:8px;font-size:22px;width:33px;height:33px;color:#8390a5}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#747f93;margin-bottom:18px}label input,label select,label textarea{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.modal-actions{border-top:1px solid #ecedf4;padding-top:20px;display:flex;justify-content:flex-end;gap:10px}.danger{color:#cc7272;background:none;font-size:11px;margin-right:auto}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#26364b;color:#fff;padding:14px 25px;border-radius:10px;box-shadow:0 5px 25px #24304622;z-index:20;font-size:12px}.error{padding:12px 16px;background:#fff0ee;border:1px solid #f6d4d0;color:#b86565;border-radius:8px;margin-bottom:20px;font-size:12px}.error button{float:right;background:none;color:inherit}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-art{background:#151d2c;padding:55px 65px;color:#fff;display:flex;flex-direction:column}.login-art h1{font-size:48px;line-height:1.25;margin-top:100px;letter-spacing:-2px}.login-art>p{font-size:15px;color:#97a4bc;line-height:1.8;margin-top:22px;max-width:360px}.art-grid{margin-top:70px;display:flex;flex-direction:column;gap:28px;color:#c9c3e2}.art-grid span{color:#8a79e0;margin-right:20px}.login-form{width:360px;max-width:90%;margin:auto;padding:50px 0}.login-form>small{font-size:10px;letter-spacing:2px;color:#8f80c4}.login-form h2{font-size:30px;letter-spacing:-1px;margin:15px 0}.login-form>p{color:#969faf;margin-bottom:32px}.login-form>.primary,.login-form>.secondary{width:100%;margin-top:5px}.text-btn{display:block;width:100%;font-size:11px;color:#8d7cc0;background:none;padding:20px 0}.muted{font-size:12px;line-height:1.8;color:#9da4b2;margin-bottom:22px}@media(min-width:1600px){.column{min-height:550px}.task-card{padding:22px}.task-card h3{font-size:14px}.task-card p{font-size:12px}.content{padding:48px}}@media(max-width:1150px){aside{width:210px;padding:26px 14px}.content{padding:28px 24px}header{padding:0 24px}.board{gap:10px}.task-card{padding:12px}.filters input{width:145px}.stats{gap:10px}.stat{padding:15px}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.board{grid-template-columns:repeat(2,1fr)}.column{min-height:290px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1}.login-art{padding:40px}.login-art h1{font-size:35px}.login-form{width:300px}}@media(max-width:640px){.app{display:block}aside{width:100%;min-height:0;padding:18px;display:block}.logo{font-size:22px}.workspace,.nav-label,.project-nav,.side-bottom{display:none}aside .nav{display:inline-flex;width:auto;margin:16px 4px 0 0;padding:9px;font-size:0}aside .nav>span{font-size:22px}.nav b{display:none}header{height:60px;padding:0 20px}.breadcrumb{font-size:10px}.header-right{gap:8px}.content{padding:25px 18px}h1{font-size:27px}.heading{align-items:flex-start;gap:12px}.heading .primary{padding:10px;font-size:10px;margin-top:22px}.heading p{line-height:1.7}.stat{padding:14px}.stat small{font-size:9px}.board{grid-template-columns:1fr}.column{min-height:160px}.task-card{padding:18px}.task-card p{min-height:0;font-size:12px}.task-card h3{font-size:14px}.filters{gap:7px}.filters input{min-width:0;width:120px}.filters select{max-width:125px}.avatar-stack{display:none}.board-footer{flex-direction:column;line-height:1.6}.project-grid{grid-template-columns:1fr}.login{display:block}.login-art{padding:26px}.login-art h1{font-size:32px;margin-top:40px}.login-art>p,.art-grid{display:none}.login-form{padding:40px 0}.modal{padding:23px}.demo-footer{gap:10px}.form-grid{gap:0 10px}}.heading>div:first-child{margin-right:auto}.ai-button{border:1px solid #d4cafa;background:#f1edff;color:#7760cf;border-radius:8px;font-size:12px;font-weight:600;padding:11px 15px;white-space:nowrap}.ai-button:hover{background:#e8e0ff}.ai-modal{max-width:700px}.ai-context{display:flex;gap:13px;padding:16px;background:#f5f2ff;border:1px solid #e7e0fb;border-radius:10px;margin-bottom:24px}.ai-context>span{font-size:24px;color:#8d73d5}.ai-context strong{font-size:12px}.ai-context p{color:#9588ad;font-size:11px;line-height:1.6;margin-top:6px}.ai-prompt-options{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.ai-prompt-options button{text-align:left;border:1px solid #e7e2f4;background:#faf8ff;color:#9584b4;padding:10px 12px;border-radius:7px;font-size:11px;line-height:1.5}.ai-hint{color:#939aac;font-size:11px;line-height:1.8;margin:15px 0}.plan-summary{border-left:3px solid #9b88dc;background:#faf8ff;padding:15px 18px;margin-bottom:18px}.plan-summary small{font-size:9px;letter-spacing:1px;color:#a58fc6}.plan-summary p{font-size:12px;line-height:1.8;color:#79708e;margin-top:6px}.suggestions{display:flex;flex-direction:column;gap:14px}.suggestion{border:1px solid #e5e1f0;border-radius:10px;padding:18px;background:#fff}.suggestion.unchecked{opacity:.55;background:#f8f8fa}.suggestion-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.check-label{flex-direction:row;align-items:center;gap:8px;margin:0}.check-label input{width:16px;height:16px;accent-color:#8871d6}.suggestion textarea{min-height:65px}.suggestion .form-grid label{margin-bottom:0}@media(max-width:1050px){.heading{flex-wrap:wrap}.heading>div:first-child{flex-basis:100%}.heading .primary,.ai-button{margin-top:0}.heading{justify-content:flex-start}}@media(max-width:640px){.ai-button{font-size:10px;padding:10px}.heading .primary{margin-top:0}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#7865c7;font-size:18px;background:#f8f9fc}