@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2330;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex;background:#f7f8fa}.sidebar{width:250px;flex-shrink:0;background:#fff;border-right:1px solid #e9ebef;display:flex;flex-direction:column;padding:24px 14px 16px}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px;font-size:20px;font-weight:700;letter-spacing:-.5px}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#5b55e8;font-weight:700}.workspace{border:1px solid #e8e9ee;border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.workspace-icon{width:31px;height:31px;border-radius:7px;background:#ecebff;color:#5b55e8;display:grid;place-items:center;font-weight:700}.workspace>div:nth-child(2){flex:1;min-width:0}.workspace strong,.workspace span{display:block}.workspace strong{font-size:12px}.workspace span{color:#9298a5;font-size:10px;margin-top:2px}.workspace>.icon{color:#a2a6b0}.nav{flex:1}.nav-label{color:#9ca2ad;font-size:10px;font-weight:700;letter-spacing:.9px;padding:0 11px 8px}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;height:39px;padding:0 11px;border-radius:8px;color:#68707e;text-align:left;font-size:13px;font-weight:500;margin-bottom:2px}.nav-item:hover{background:#f6f6fa;color:#343a47}.nav-item.active{background:#efefff;color:#514bd4;font-weight:600}.icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;line-height:1}.projects-label{margin-top:25px}.project-nav{width:100%;height:36px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#69707c;font-size:12px;text-align:left;padding:0 11px;border-radius:7px}.project-nav:hover{background:#f7f7f9}.project-nav small{margin-left:auto;color:#a3a7b0}.project-dot{width:8px;height:8px;border-radius:50%}.project-dot.purple{background:#8b70df}.project-dot.blue{background:#4d94e8}.project-dot.green{background:#45af82}.sidebar-bottom{border-top:1px solid #eceef1;padding-top:13px}.profile{margin-top:7px;display:flex;align-items:center;gap:9px;padding:9px 10px}.profile>div:nth-child(2){flex:1}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{color:#9a9faa;font-size:10px;margin-top:2px}.main{flex:1;min-width:0}.header{height:70px;background:#fff;border-bottom:1px solid #e9ebef;padding:0 35px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{color:#9ca1ac;font-size:12px}.breadcrumbs span{margin:0 9px;color:#c2c5cb}.breadcrumbs strong{color:#343946;font-weight:600}.header-actions{display:flex;align-items:center;gap:12px}.search{width:235px;height:36px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e5e7eb;border-radius:8px;color:#9ca2ae;background:#fafbfc}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#343946;font-size:12px}.search input::placeholder{color:#a7abb4}kbd{border:1px solid #e0e2e6;background:#fff;border-radius:4px;padding:2px 4px;color:#9ba0a9;font-size:9px}.icon-button{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;color:#747b87}.new-task{height:36px;padding:0 14px;border:0;border-radius:8px;color:#fff;background:#5b55e8;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #28239626}.new-task:hover{background:#4f49d4}.content{max-width:1360px;margin:0 auto;padding:35px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.page-heading h1{margin:0;font-size:24px;letter-spacing:-.7px;color:#242936}.page-heading p{margin:7px 0 0;font-size:12px;color:#8b919d}.secondary-button{height:35px;border:1px solid #dedfe5;background:#fff;border-radius:7px;color:#545b68;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e9ebef;border-radius:10px;padding:18px;min-height:122px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#858b97;font-size:11px}.stat-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#6761db;background:#f0efff}.stat-card>strong{display:block;font-size:27px;line-height:1;margin-top:17px;color:#252a35}.stat-card>small{display:block;margin-top:7px;font-size:10px;color:#6eaa84}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e9ebef;border-radius:10px;overflow:hidden}.panel-header{min-height:69px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff0f3}.panel-header h2{margin:0;color:#2c313c;font-size:13px}.panel-header p{margin:4px 0 0;color:#999ea8;font-size:10px}.text-button{background:transparent;border:0;color:#5b55e8;font-size:11px}.task-row{display:flex;align-items:center;gap:11px;min-height:67px;padding:11px 19px;border-bottom:1px solid #f0f1f3}.task-row:last-child{border-bottom:0}.task-checkbox{flex-shrink:0;width:18px;height:18px;border:1.5px solid #cdd1d8;border-radius:5px;background:#fff;display:grid;place-items:center;color:#fff;padding:0}.task-checkbox:hover{border-color:#6b64e5}.task-checkbox.done{background:#5b55e8;border-color:#5b55e8}.task-info{min-width:0;flex:1;cursor:pointer}.task-info strong{display:block;font-size:12px;color:#3b414c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-completed{text-decoration:line-through;color:#9ba0a9!important}.task-meta{display:flex;gap:7px;margin-top:4px;color:#a0a5af;font-size:9px}.priority{padding:4px 7px;border-radius:5px;font-size:9px;font-weight:600}.priority.low{color:#737984;background:#f1f2f4}.priority.medium{color:#9b721e;background:#fff5d9}.priority.high{color:#c46a30;background:#fff0e8}.priority.urgent{color:#c64c59;background:#ffecef}.avatar{width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#ebeaff;color:#5c56ca;font-size:8px;font-weight:700}.avatar-large{width:38px;height:38px}.progress-panel{padding-bottom:18px}.progress-number{padding:22px 20px 10px;font-size:37px;font-weight:700;letter-spacing:-1.5px;color:#292e39}.progress-number span{font-size:17px;margin-left:2px;color:#777d88}.progress-bar{height:7px;background:#eeeef5;margin:0 20px;border-radius:99px;overflow:hidden}.progress-bar>div{height:100%;background:#6b64e5;border-radius:inherit}.progress-labels{display:flex;justify-content:space-between;padding:7px 20px 0;color:#9da2ac;font-size:9px}.week-chart{height:105px;margin:20px 20px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-bottom:1px solid #eff0f3}.chart-day{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.chart-bar{width:100%;max-width:24px;background:#dcdafb;border-radius:4px 4px 0 0}.chart-day:nth-child(5) .chart-bar,.chart-day:nth-child(6) .chart-bar{background:#6b64e5}.chart-day span{font-size:9px;color:#a4a8b0;transform:translateY(16px)}.activity-panel{margin-bottom:30px}.activity{display:flex;align-items:center;gap:10px;padding:13px 19px;border-bottom:1px solid #f0f1f3}.activity:last-child{border-bottom:0}.activity p{margin:0;color:#7c828e;font-size:11px}.activity p strong{color:#404650;font-weight:600}.activity span{display:block;margin-top:4px;color:#aaafb7;font-size:9px}.task-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.filter-tabs{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #e4e6ea;background:#fff;border-radius:8px}.filter-tabs button{border:0;background:transparent;color:#838995;padding:6px 12px;border-radius:6px;font-size:10px}.filter-tabs button.selected{color:#514bd4;background:#efefff;font-weight:600}.filter-button{height:33px;border:1px solid #e0e2e6;background:#fff;border-radius:7px;color:#727985;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:10px}.full-task-list{display:flex;flex-direction:column}.full-task-row{min-height:100px;display:flex;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #eff0f3}.full-task-row:last-child{border-bottom:0}.full-task-info{min-width:0;flex:1;cursor:pointer}.full-task-info strong{font-size:13px;color:#353b46}.full-task-info p{margin:5px 0;color:#969ca6;font-size:10px}.full-task-meta{display:flex;gap:12px;color:#a3a8b1;font-size:9px}.status{font-size:9px;font-weight:600;padding:5px 8px;border-radius:5px;white-space:nowrap}.status.todo{background:#f0f1f4;color:#757b85}.status.in-progress{background:#eeedff;color:#5a54d4}.status.completed{background:#e8f7ee;color:#3c9664}.delete-button{border:0;background:transparent;color:#b4b8bf;font-size:18px;width:25px}.delete-button:hover{color:#cf5863}.empty{padding:70px 30px;text-align:center}.empty-icon{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#efefff;color:#5b55e8;font-size:20px}.empty h3{margin:0;color:#383e49;font-size:15px}.empty p{margin:6px 0 20px;color:#999ea8;font-size:11px}.modal-overlay{position:fixed;inset:0;background:#16192273;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{width:min(580px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:13px;box-shadow:0 20px 60px #14182333}.modal-header{padding:20px 22px;border-bottom:1px solid #eceef1;display:flex;justify-content:space-between}.modal-header h2{margin:0;font-size:17px;color:#282e39}.modal-header p{margin:5px 0 0;font-size:10px;color:#969ca6}.close-button{border:0;background:transparent;color:#9297a1;width:32px;height:32px}.modal form{padding:20px 22px}.modal label{display:block;color:#59606c;font-size:10px;font-weight:600;margin-bottom:15px}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:7px;border:1px solid #dfe2e7;border-radius:7px;outline:none;padding:9px 10px;color:#353b46;background:#fff;font-size:11px;resize:vertical}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#716be5;box-shadow:0 0 0 3px #716be514}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eceef1;padding-top:17px;margin-top:5px}.cancel-button{height:36px;padding:0 14px;border:1px solid #dfe1e5;background:#fff;border-radius:7px;color:#6f7580;font-size:11px}.toast{position:fixed;right:25px;bottom:25px;z-index:200;background:#292d37;color:#fff;border-radius:8px;padding:11px 16px;font-size:11px;box-shadow:0 8px 25px #0000002e}@media(max-width:1050px){.sidebar{width:215px}.content{padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:65px;padding:20px 8px}.brand{justify-content:center;padding:0 0 25px}.brand span,.workspace>div:not(.workspace-icon),.workspace>.icon,.nav-item span,.nav-label,.project-nav span:not(.project-dot),.project-nav small,.profile>div:nth-child(2),.profile>.icon{display:none}.workspace{justify-content:center;padding:7px}.nav-item,.project-nav{justify-content:center;padding:0}.header{padding:0 15px}.breadcrumbs{display:none}.search{width:160px}.content{padding:20px 15px}.page-heading h1{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr}.full-task-row{flex-wrap:wrap}.full-task-info{width:calc(100% - 40px);flex:auto}.task-status{margin-left:34px}}@media(max-width:520px){.header{height:auto;padding:12px;gap:8px;flex-wrap:wrap}.header-actions{width:100%}.search{flex:1;width:auto}.stats-grid{grid-template-columns:1fr}.page-heading{gap:15px;flex-direction:column}.form-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto}.filter-tabs button{white-space:nowrap}.task-toolbar{gap:8px}.full-task-row .priority{display:none}}