@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#e9edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1019;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif}h1{letter-spacing:-1.15px;margin-bottom:9px;font-size:30px;line-height:1.3}h2{letter-spacing:-.3px;font-size:16px}h3{font-size:15px}p{line-height:1.55}.muted{color:#7b879b}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:8;background:#0c111b;border-right:1px solid #202938;flex-direction:column;flex:0 0 246px;width:246px;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:29px 23px 32px;display:flex}.brand-icon{color:#fff;background:#7658df;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 22px #785bef35}.brand strong{letter-spacing:-1.3px;font:800 22px Plus Jakarta Sans}.brand-period{color:#9b80fc}.brand small,.user-card small{letter-spacing:1.9px;color:#6f7c91;margin-top:3px;font-size:9px;font-weight:700;display:block}.side-group-label{color:#6e798c;letter-spacing:1.6px;margin:12px 0;padding:0 22px;font-size:10px;font-weight:800}.side-group-label.with-action{justify-content:space-between;align-items:center;margin-top:34px;display:flex}.side-nav,.project-nav{color:#8e9ab0;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:calc(100% - 22px);margin:2px 11px;padding:12px 13px;font-size:13px;font-weight:600;display:flex}.side-nav:hover,.project-nav:hover,.side-nav.selected,.project-nav.selected{color:#e6e1ff;background:#201b36}.side-nav.selected{border-left:2px solid #9e7dfa}.side-nav svg{flex-shrink:0}.nav-count{color:#8e78f4;margin-left:auto;font-size:11px}.side-projects{max-height:35vh;overflow:auto}.project-nav{padding:10px 13px;font-weight:500}.project-nav span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.project-dot,.priority-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.project-nav-count{color:#64728b;font-size:11px}.side-empty{color:#66758b;padding:8px 23px;font-size:12px}.side-bottom{border-top:1px solid #1b2533;margin-top:auto;padding-top:12px}.user-card{background:#141b29;border-radius:11px;align-items:center;gap:11px;margin:18px 13px;padding:13px;font-size:12px;display:flex}.user-card small{letter-spacing:0;font-size:10px}.user-card .online-dot{margin-left:auto}.avatar{background:#7259bc;border-radius:10px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.online-dot{background:#4dcfa1;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #4dcfa11d}.main-area{background:#0d121c;flex:1;min-width:0}.topbar{border-bottom:1px solid #202839;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 36px;display:flex}.topbar-left,.topbar-right,.breadcrumb,.page-actions,.board-stats,.toolbar-right{align-items:center;gap:16px;display:flex}.breadcrumb{color:#728097;gap:10px;font-size:12px}.breadcrumb b{color:#cbd3e1;font-weight:600}.topbar-right{gap:13px}.searchbox{color:#71829a;background:#151c29;border:1px solid #283244;border-radius:9px;align-items:center;gap:10px;width:245px;height:37px;padding:0 11px;display:flex}.searchbox input{color:#e6edf6;background:0 0;border:0;outline:0;width:100%;min-width:20px;font-size:12px}.searchbox span{white-space:nowrap;color:#657186;border:1px solid #374054;border-radius:4px;padding:3px 5px;font-size:10px}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#8c6cf1;box-shadow:0 4px 16px #7b56df24}.primary:hover{background:#9a80f5}.secondary{color:#c9d2e3;background:#191f2c;border-color:#30394a}.secondary:hover{background:#222b3a}.secondary.small{min-height:28px;padding:6px 11px}.icon-button{color:#7f8ba0;background:0 0;border:0;border-radius:7px;place-items:center;padding:6px;display:inline-grid}.icon-button:hover{color:#dcd9ff;background:#252d3c}.content{max-width:1700px;margin:auto;padding:34px 36px 75px}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.page-title p{color:#8290a6;margin:0;font-size:13px}.eyebrow{letter-spacing:2px;color:#9980f3;margin-bottom:10px;font-size:10px;font-weight:800}.wave{color:#a18bff}.title-count{color:#7967b9;vertical-align:middle;font-size:18px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.stat{background:#151c29;border:1px solid #263043;border-radius:13px;flex-direction:column;min-height:170px;padding:21px;display:flex}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:16px;display:grid}.stat-icon svg{width:20px}.stat-label{color:#a0adc0;font-size:12px}.stat strong{letter-spacing:-1px;margin:7px 0;font:800 29px Plus Jakarta Sans}.stat small{color:#6f8096;font-size:11px}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:20px;margin-top:21px;display:grid}.panel{background:#151c29;border:1px solid #273143;border-radius:13px;padding:23px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px;display:flex}.panel-head h2{margin-bottom:6px}.panel-head p{color:#78879e;margin:0;font-size:11px}.text-button{color:#b49aff;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.progress-row{text-align:left;color:#acb8ca;background:0 0;border:0;border-top:1px solid #263044;align-items:center;gap:13px;width:100%;padding:16px 0;display:flex}.progress-row:first-of-type{border-top:0}.progress-row:hover{background:#1b2433}.progress-icon,.project-card-icon{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.progress-content{flex:1;min-width:0}.progress-content strong,.progress-content>span{display:block}.progress-content strong{color:#e7ebf4;font-size:12px}.progress-content>span:not(.progress-track){color:#728095;margin:5px 0 9px;font-size:11px}.progress-track{background:#273044;border-radius:8px;width:100%;height:5px;display:block;overflow:hidden}.progress-track i{border-radius:8px;height:100%;transition:width .25s;display:block}.progress-percent{color:#c5d0e0;font-size:12px}.deadline-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-top:1px solid #293145;align-items:center;gap:12px;padding:13px 0;display:flex}.deadline-row>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.deadline-row strong{font-size:12px}.deadline-row small{color:#718099;font-size:10px}.date-box{background:#21283a;border:1px solid #333d50;border-radius:9px;place-items:center;width:39px;height:43px;padding:4px;display:grid}.date-box b{font-size:16px}.date-box small{text-transform:uppercase;font-size:9px}.mini-empty{color:#7f8aa0;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:205px;display:flex}.mini-empty svg{color:#4ccaa5}.mini-empty strong{color:#c9d6e5;font-size:13px}.mini-empty span{font-size:11px}.recent-panel{margin-top:20px}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.focus-card{text-align:left;color:#e6ecf5;background:#1b2433;border:1px solid #2c354a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.focus-card:hover{border-color:#8a70e7}.focus-card strong{font-size:13px;line-height:1.4}.focus-card small{color:#8694a9;font-size:11px}.focus-card .task-meta{margin-top:auto}.pill{text-transform:capitalize;border:1px solid;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.project-card{background:#151c29;border:1px solid #293347;border-radius:13px;flex-direction:column;min-height:298px;padding:22px;display:flex}.project-card-top{justify-content:space-between;margin-bottom:23px;display:flex}.project-actions{align-items:flex-start;display:flex}.project-index{letter-spacing:1.1px;color:#77869c;margin-bottom:10px;font-size:10px;font-weight:800}.project-card h3{letter-spacing:-.4px;margin:0 0 9px;font-size:17px}.project-card p{color:#8b98ad;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;font-size:12px;display:-webkit-box;overflow:hidden}.project-progress-caption{color:#8d9bb0;justify-content:space-between;margin-top:auto;margin-bottom:10px;font-size:11px;display:flex}.project-progress-caption strong{color:#dde4f0}.project-card-bottom{color:#8695a9;justify-content:space-between;align-items:center;margin-top:19px;font-size:11px;display:flex}.open-project{color:#b19afb;background:0 0;border:0;align-items:center;gap:7px;font-weight:700;display:flex}.add-project-card{color:#d2d5e8;background:#131a26;border:1px dashed #445064;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:298px;display:flex}.add-project-card:hover{border-color:#8b6cf1}.add-project-card>span{color:#a78bfa;background:#2a2548;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.add-project-card strong{font-size:14px}.add-project-card small{color:#7f8da1;font-size:11px}.back-link{color:#a48ff3;letter-spacing:1px;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:800;display:flex}.board-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.board-stats{color:#8896aa;font-size:11px}.board-stats span{align-items:center;gap:6px;display:flex}.toolbar-right{color:#8a99ae;gap:7px;font-size:12px}.toolbar-right select{color:#d1d9e7;background:#1a2231;border:1px solid #343e50;border-radius:7px;outline:none;padding:7px 9px}.kanban{grid-template-columns:repeat(5,minmax(210px,1fr));align-items:start;gap:14px;padding-bottom:15px;display:grid;overflow-x:auto}.board-column{background:#121a26;border:1px solid #253044;border-radius:12px;min-height:380px;padding:12px}.column-over{background:#1b2035;border-color:#987dee}.column-heading{align-items:center;gap:9px;padding:9px 6px 17px;display:flex}.column-heading strong{font-size:12px}.status-dot{border-radius:50%;width:8px;height:8px}.counter{color:#9daac0;background:#253045;border-radius:6px;padding:2px 7px;font-size:11px}.column-items{flex-direction:column;gap:10px;min-height:300px;display:flex}.column-empty{color:#56647a;text-align:center;border:1px dashed #354057;border-radius:9px;padding:23px 8px;font-size:11px}.task-tile{color:#e8edf6;touch-action:auto;background:#1c2535;border:1px solid #303b50;border-radius:10px;padding:14px}.task-tile:hover{border-color:#647397}.task-tile-top{align-items:flex-start;gap:6px;display:flex}.drag-handle{color:#6d7b93;cursor:grab;touch-action:none;background:0 0;border:0;padding:1px}.task-title{cursor:pointer;flex:1;font-size:12px;font-weight:700;line-height:1.5}.task-tile .priority-dot{width:7px;height:7px;margin-top:5px}.task-excerpt{color:#8897aa;-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;margin:8px 0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.task-project{margin:5px 0 0 24px;font-size:10px;display:block}.tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.tag{color:#abbad0;background:#2c3649;border-radius:5px;padding:4px 7px;font-size:9px}.task-footer{border-top:1px solid #303a4e;flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;padding-top:10px;display:flex}.task-meta{color:#8190a4;align-items:center;gap:4px;font-size:10px;display:inline-flex}.overdue{color:#ff8490}.priority-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px;display:grid}.priority-list{min-width:0}.priority-item{align-items:center;gap:13px;margin-bottom:10px;display:flex}.priority-number{color:#8190a6;width:25px;font-size:12px;font-weight:700}.priority-tile{flex:1;min-width:0}.priority-tile .task-tile{padding:12px 15px}.priority-movers{flex-direction:column;display:flex}.priority-help{background:linear-gradient(155deg,#211e39,#151c29 65%)}.priority-help h3{margin:17px 0 10px}.priority-help p{color:#93a0b3;font-size:12px}.priority-legend{border-top:1px solid #33334d;margin-top:25px;padding-top:13px}.priority-legend>div{text-transform:capitalize;color:#a0adbd;align-items:center;gap:10px;margin:12px 0;font-size:12px;display:flex}.calendar-panel{padding:0;overflow:hidden}.calendar-top{justify-content:space-between;align-items:center;padding:22px;display:flex}.calendar-top h2{margin:0;font-size:17px}.calendar-top>div{align-items:center;gap:8px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-weekday{text-align:center;color:#77889f;background:#192230;border-bottom:1px solid #2b3649;padding:12px;font-size:11px}.cal-day{border-bottom:1px solid #2a3547;border-right:1px solid #2a3547;min-width:0;min-height:126px;padding:10px}.cal-out{opacity:.3}.cal-number{color:#a8b4c8;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.cal-today .cal-number{color:#fff;background:#8c6cf1;border-radius:50%}.cal-task{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#e0e9f4;background:#283347;border:0;border-left:3px solid #8e75eb;border-radius:4px;width:100%;margin-top:5px;padding:5px 6px;font-size:10px;display:block;overflow:hidden}.cal-more{color:#92a1b7;font-size:10px}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.export-card{flex-direction:column;align-items:flex-start;display:flex}.export-card>svg{color:#a48bf4;margin-bottom:16px}.export-card p{color:#8e9db1;max-width:310px;font-size:12px}.export-card a{margin-top:10px}.archive-panel{margin:16px 0}.archive-row{border-top:1px solid #293548;align-items:center;gap:12px;padding:13px 0;font-size:12px;display:flex}.archive-row strong{flex:1}.archive-row small{color:#7889a0}.archive-toggle{color:#99a8bb;font-size:12px}.archive-toggle input{accent-color:#8c6cf1}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:225px;padding:15px;display:flex}.empty-icon{color:#ae95ff;background:#2a2745;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:16px;display:grid}.empty h3{margin:0 0 9px}.empty p{color:#8995aa;font-size:12px}.modal-overlay{z-index:20;background:#02050acb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#171f2e;border:1px solid #364157;border-radius:16px;width:100%;max-width:530px;max-height:92vh;overflow-y:auto;box-shadow:0 25px 90px #0008}.modal-wide{max-width:770px}.modal-head{border-bottom:1px solid #2e394c;justify-content:space-between;align-items:center;padding:23px 25px;display:flex}.modal-head h2{margin:0;font-size:18px}.editor{flex-direction:column;gap:19px;padding:24px;display:flex}.editor label{color:#b8c5d6;flex-direction:column;flex:1;gap:8px;min-width:0;font-size:11px;font-weight:700;display:flex}.editor input:not([type=checkbox]),.editor textarea,.editor select,.inline-add input{color:#e4ebf6;background:#101724;border:1px solid #38445a;border-radius:8px;outline:0;width:100%;padding:11px 12px;font-size:12px}.editor input:focus,.editor textarea:focus,.editor select:focus,.inline-add input:focus{border-color:#9377ed}.editor textarea{resize:vertical}.form-row{gap:14px;display:flex}.form-row.three>*{flex:1}.color-picker{flex-wrap:wrap;gap:10px;display:flex}.color-choice{color:#fff;border:2px solid #0000;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.color-choice.chosen{border-color:#fff}.editor-actions{border-top:1px solid #303b50;flex-wrap:wrap;align-items:center;gap:9px;padding-top:17px;display:flex}.grow{flex:1}.danger-text{color:#ff8590;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.editor-section{border-top:1px solid #303b50;padding-top:17px}.editor-section h3{align-items:center;gap:9px;margin-bottom:13px;font-size:13px;display:flex}.inline-add{gap:8px;margin-top:10px;display:flex}.inline-add input{flex:1}.editable-tag{align-items:center;gap:7px;display:flex}.editable-tag button{color:#9facbe;background:0 0;border:0;padding:0}.subtask-item{color:#bfcbd9;align-items:center;gap:9px;padding:8px 0;font-size:12px;display:flex}.subtask-item span{flex:1}.subtask-item input{accent-color:#896bef}.done-text{color:#6e7b91;text-decoration:line-through}.note{border:1px solid #303c51;border-radius:8px;margin-bottom:8px;padding:11px;font-size:12px;line-height:1.6}.note>div{color:#8393a7;justify-content:space-between;align-items:center;margin-top:9px;display:flex}.error-banner{color:#ffb0b8;background:#4c202b;border:1px solid #923b48;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 13px;font-size:12px;display:flex}.login-page,.loading{background:#0b1019;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading{color:#a995ef;gap:14px}.login-glow{filter:blur(110px);pointer-events:none;background:#4d358b33;border-radius:50%;width:600px;height:600px;position:fixed}.login-card{z-index:1;text-align:center;background:#151c2adf;border:1px solid #313b52;border-radius:20px;width:min(440px,100% - 35px);padding:42px;box-shadow:0 30px 85px #03050b70}.brand-icon.big{border-radius:16px;width:57px;height:57px;margin:0 auto 30px}.login-eyebrow{letter-spacing:2px;color:#aa93f4;font-size:10px;font-weight:800}.login-card h1{margin:14px 0;font-size:29px}.login-card h1 span{color:#aa93f4}.login-card>p{color:#8998ad;margin-bottom:33px;font-size:13px;line-height:1.7}.login-card form{text-align:left}.login-card form>label{color:#a6b5c9;letter-spacing:1.5px;font-size:10px;font-weight:800}.pin-field{color:#8797ac;background:#101723;border:1px solid #3a465d;border-radius:9px;align-items:center;gap:12px;margin:10px 0 15px;padding:0 14px;display:flex}.pin-field input{color:#fff;letter-spacing:2px;background:0 0;border:0;outline:0;width:100%;height:48px}.full{width:100%;padding:14px}.login-foot{color:#78869a;justify-content:center;align-items:center;gap:9px;margin-top:31px;font-size:10px;display:flex}.form-error{color:#ff8796;font-size:12px}.mobile-menu{display:none}@media (width<=1300px){.content{padding:27px}.topbar{padding:0 27px}.kanban{grid-template-columns:repeat(5,245px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-layout{grid-template-columns:1fr}.priority-help{display:none}.sidebar{transition:left .2s;position:fixed;left:-260px}.sidebar-open{left:0}.mobile-menu{display:inline-grid}}@media (width<=660px){.content{padding:22px 15px}.topbar{height:65px;padding:0 14px}.top-create{padding:9px;font-size:0}.top-create svg{width:20px}.searchbox{width:39px;padding:0 10px;overflow:hidden}.searchbox:focus-within{width:160px}.searchbox span{display:none}.page-title{flex-wrap:wrap;align-items:flex-start}.page-title h1{font-size:24px}.stat-grid{gap:10px}.stat{min-height:150px;padding:15px}.stat strong{font-size:24px}.project-grid,.export-grid,.focus-grid{grid-template-columns:1fr}.panel{padding:16px}.cal-day{min-height:74px;padding:4px}.cal-task{padding:3px;font-size:8px}.cal-number{font-size:10px}.form-row{flex-direction:column}.modal-overlay{padding:8px}.editor{padding:17px}.editor-actions{justify-content:flex-end}.login-card{padding:30px 22px}.breadcrumb{font-size:11px}}.board-column{flex-direction:column;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.column-items{flex:1}.board-column.column-over{border-color:var(--drop,#987dee);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--drop,#987dee) 72%,transparent);background:#171f31}.board-column.column-over .column-heading strong{color:#fff}.board-column.column-over .column-empty{border-color:var(--drop,#987dee);color:#d5def0;background:color-mix(in srgb,var(--drop,#987dee) 16%,transparent)}.task-tile.is-dragging{border:1px dashed color-mix(in srgb,var(--drop,#a78bfa) 75%,#8ea0bd);box-shadow:none;background:0 0}.task-tile.is-dragging>*{visibility:hidden}.task-tile.is-overlay{cursor:grabbing;background:#243044;transform:rotate(1.5deg)scale(1.035);box-shadow:0 22px 48px #00000073,0 0 0 1px #a78bfab3}body.board-dragging,body.board-dragging *{cursor:grabbing!important}.export-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.export-actions a{margin-top:0}.export-actions .secondary{cursor:pointer}.file-input{display:none}