@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,sans-serif;color:#20283f;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #635bff;--primary-dark: #5148e6;--muted: #8490a4;--border: #e9edf4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dfe4ee;background:#fff;color:#37415a;border-radius:10px;padding:10px 16px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}button:hover{background:#f5f5ff;border-color:#c8c3ff}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b9b3ff;outline-offset:3px}.primary{background:var(--primary);border-color:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark);color:#fff}.full{width:100%}h1,h2,h3,h4{font-family:Manrope,sans-serif;overflow-wrap:anywhere}h1{margin:8px 0 12px;font-size:30px;letter-spacing:-1px}h2{font-size:19px;margin:0}h3{margin:0;font-size:16px}p{line-height:1.6}.muted{color:#778398}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#8b86d0}small{font-size:12px}fieldset{padding:0;margin:0;border:0;min-width:0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin-bottom:19px}input,textarea,select{width:100%;border:1px solid #e0e5ef;background:#fff;color:#29334d;padding:11px 13px;border-radius:9px;font-weight:400;min-width:0}input::placeholder,textarea::placeholder{color:#a2aabc}textarea{resize:vertical;line-height:1.6}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:3px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:23px;letter-spacing:-3px;padding-right:3px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:radial-gradient(ellipse at 20% 80%,#5144a655,transparent 55%),radial-gradient(ellipse at 90% 20%,#5f55df44,transparent 55%),#11162c;color:#fff;padding:55px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-brand h1{font-size:clamp(32px,3.5vw,52px);line-height:1.2;letter-spacing:-2px}.auth-brand p:not(.eyebrow){color:#afb5cf;max-width:390px}.auth-brand small{color:#8c94b3}.auth-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.auth-pills span{border:1px solid #ffffff22;padding:8px 14px;border-radius:30px;font-size:13px}.auth-form-wrap{display:grid;place-items:center;padding:40px 25px;background:#fff}.auth-form{width:100%;max-width:390px}.auth-form h2{font-size:29px;letter-spacing:-1px}.auth-form>.muted{margin-bottom:30px;font-size:14px}.auth-switch{text-align:center;margin-top:25px;font-size:13px;color:#7c879b}.text-button{background:transparent;border:0;color:var(--primary);padding:3px}.text-button:hover{background:transparent;text-decoration:underline}.startup-error{position:fixed;top:10px;right:10px;z-index:5;display:flex;gap:15px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#111729;color:#d7dcef;padding:32px 20px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .brand{padding-left:12px;color:#fff}.sidebar-tagline{font-size:11px;color:#697691;padding-left:12px;margin:15px 0 35px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;color:#8f9bb7;margin-bottom:6px;padding:12px 14px;font-size:13px}.nav-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:#20283e;color:#fff}.nav-item.active{background:#29264b;color:#b6b0ff}.nav-dot{width:7px;height:7px;border-radius:2px;background:#6c6b91;flex-shrink:0}.active .nav-dot{background:#a49bff}.sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:25px 14px 12px;font-size:10px;letter-spacing:1.5px;color:#67758f}.sidebar-add{border:0;background:transparent;color:#a2adc5;padding:0 5px;font-size:21px}.project-nav{overflow-y:auto}.sidebar-empty{font-size:12px;padding:0 14px;color:#7784a0}.sidebar-bottom{margin-top:auto;padding-top:25px}.user-profile{display:flex;gap:10px;align-items:center;padding-top:20px;border-top:1px solid #ffffff0c}.user-profile>div{min-width:0}.user-profile strong{display:block;font-size:12px}.user-profile small{display:block;color:#73819f;font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.logout-button{background:transparent;border-color:#2b3348;color:#9da8bf;width:100%;margin-top:17px;font-size:12px}.logout-button:hover{background:#20283e;color:#fff}.main-content{margin-left:250px;width:calc(100% - 250px);padding:0 40px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;height:76px;border-bottom:1px solid var(--border);font-size:12px;margin-bottom:34px}.topbar .muted{margin-left:8px}.today{color:#8b95a9}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-header>div:first-child{min-width:0}.page-header .muted{font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.page-header button{flex-shrink:0}.header-actions{display:flex;gap:10px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 6px #16254a02}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0 35px}.stat{padding:23px}.stat>p{font-size:12px;color:#7b879c;margin:0 0 13px}.stat>strong{display:block;font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px;margin-bottom:12px}.stat:nth-child(3)>strong{color:#22a783}.stat:nth-child(4)>strong{color:var(--primary)}.stat small{font-size:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-heading>span{font-size:12px}.section-heading p{font-size:12px;margin:5px 0 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{text-align:left;padding:23px;min-width:0;font-weight:400}.project-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #30296c0a}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.project-icon{width:43px;height:43px;border-radius:12px;background:#eeecff;color:#756be7;display:grid;place-items:center;font-weight:800;font-size:15px}.role{background:#f4f6fa;border-radius:6px;padding:5px 8px;color:#8490a2;font-size:10px}.project-card h3{font-size:15px}.project-description{color:#8c96a8;font-size:12px;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#9aa3b4;margin:22px 0 10px}.progress-label strong{color:#7870d9}progress{display:block;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#eeedf8;accent-color:var(--primary)}progress::-webkit-progress-bar{background:#eeedf8}progress::-webkit-progress-value{background:var(--primary);border-radius:10px}progress::-moz-progress-bar{background:var(--primary)}.project-card-footer{display:flex;justify-content:space-between;font-size:10px;color:#8c96aa;border-top:1px solid #f0f2f7;margin-top:20px;padding-top:17px}.empty-state{text-align:center;padding:65px 20px}.empty-state p{font-size:14px}.empty-state button{margin-top:15px}.empty-symbol{color:var(--primary);font-size:40px;margin-bottom:20px}.project-summary{display:flex;align-items:center;gap:35px;padding:22px 25px;margin-bottom:30px}.project-summary>div:first-child{min-width:175px}.project-summary strong{font-size:13px}.project-summary p{font-size:11px;margin:5px 0 0}.project-summary>progress{flex:1}.avatar-stack{display:flex;align-items:center;flex-shrink:0}.avatar-stack .avatar+.avatar{margin-left:-9px;border:2px solid white}.avatar-stack>.muted{font-size:11px;margin-left:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#eae7ff;color:#7165d0;font-size:11px;font-weight:700;flex-shrink:0}.avatar.small{width:27px;height:27px;font-size:9px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.filters{display:flex;gap:10px}.filters input{width:220px;font-size:12px}.filters select{width:160px;font-size:12px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-bottom:30px}.column{background:#edf0f6;border-radius:13px;padding:15px;min-height:240px}.column>h3{display:flex;align-items:center;gap:8px;font-size:12px;margin:3px 0 18px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9ca6ba}.in_progress .status-dot{background:#8b7cf4}.done .status-dot{background:#35b998}.count{background:#e2e6ef;color:#8390a6;border-radius:6px;padding:2px 6px;font-size:10px;margin-left:auto}.task-card{display:block;width:100%;text-align:left;margin-bottom:12px;padding:16px;border:1px solid #e5e8f0;background:#fff;border-radius:11px;box-shadow:0 2px 4px #23315c04;font-weight:400}.task-card:hover{background:#fff;border-color:#c9c3ff}.task-card h4{font-size:13px;margin:12px 0 8px;line-height:1.5}.task-card>p{color:#8c96a9;font-size:11px;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.badge{padding:4px 7px;border-radius:5px;font-size:9px;font-weight:700;text-transform:capitalize}.badge.high{color:#d47772;background:#fff0ee}.badge.medium{color:#bd9346;background:#fff7e6}.badge.low{color:#519d89;background:#eaf9f3}.task-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f3f7;padding-top:12px;margin-top:12px;font-size:9px;gap:8px}.overdue{color:#d66a65}.empty-column{text-align:center;font-size:12px;color:#9ca6b8;padding:35px 10px;border:1px dashed #d9deea;border-radius:9px}.team-panel{padding:25px}.member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}.member{display:flex;gap:10px;align-items:center;padding:10px 0;min-width:0}.member-info{flex:1;min-width:0}.member-info strong{display:block;font-size:12px}.member-info small{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.member .text-button{font-size:10px}.invite-form{display:flex;gap:12px;align-items:flex-end;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.invite-form label{margin:0;flex:1;max-width:400px}.invite-form button{flex-shrink:0}.modal{width:min(620px,calc(100vw - 30px));border:0;border-radius:18px;padding:28px;max-height:90vh;overflow-y:auto;color:#26304b;box-shadow:0 25px 90px #0f172a44}.modal::backdrop{background:#11172988;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.icon-button{padding:0;width:30px;height:30px;border:0;font-size:24px;color:#98a0b2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.actions .danger{margin-right:auto}.danger{background:#fff2f1;border-color:#ffdfdc;color:#cc6862}.danger:hover{background:#ffe5e2}.danger-text{color:#cb7771}.comments-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.comments-section h3{margin-bottom:20px}.comments-section h3 .count{margin-left:8px}.comment-list{max-height:260px;overflow-y:auto;margin-bottom:20px}.comment-list>.muted{font-size:12px}.comment{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.comment>div:last-child{min-width:0}.comment strong{font-size:12px}.comment small{font-size:9px}.comment p{font-size:12px;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comments-section form>button{font-size:12px}.error{background:#fff0ee;border:1px solid #f9d8d3;border-radius:9px;padding:12px;margin-bottom:20px;color:#b4544e;font-size:12px;line-height:1.6}.error-row{display:flex;gap:15px;align-items:center}.error-row>span{flex:1}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--primary)}.loading-block{text-align:center;padding:80px 20px;color:var(--muted)}@media(min-width:1600px){.main-content{padding-left:65px;padding-right:65px}}@media(max-width:1200px){.sidebar{width:220px;padding-inline:15px}.main-content{margin-left:220px;width:calc(100% - 220px);padding-inline:25px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:12px}.stat{padding:18px}.stat small{display:none}.project-summary{gap:20px;flex-wrap:wrap}.project-summary>progress{min-width:100px}.board{gap:12px}.column{padding:10px}.member-list{grid-template-columns:1fr}}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:30px;gap:35px}.auth-brand h1{font-size:35px}.auth-brand>small,.auth-pills{display:none}.auth-form-wrap{padding:40px 25px}.sidebar{width:185px}.main-content{margin-left:185px;width:calc(100% - 185px);padding-inline:20px}.sidebar .brand{font-size:21px;padding-left:5px}.sidebar-tagline{font-size:9px;padding-left:5px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.filters input,.filters select{width:50%}.board{grid-template-columns:1fr}.column{min-height:130px;padding:15px}.project-grid{grid-template-columns:1fr}}@media(max-width:600px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px}.sidebar .brand{font-size:20px}.brand-mark{width:31px;height:31px;font-size:20px}.sidebar-tagline,.sidebar-label,.user-profile{display:none}.sidebar>.nav-item{margin-top:18px}.project-nav{display:flex;overflow-x:auto;gap:6px}.project-nav .nav-item{width:auto;flex-shrink:0;max-width:190px}.sidebar-bottom{padding-top:0}.logout-button{margin-top:6px;padding:7px;font-size:10px;width:auto}.main-content{margin-left:0;width:100%;padding:0 16px 35px}.topbar{height:60px;margin-bottom:25px}.today{font-size:10px}h1{font-size:25px}.page-header{gap:18px}.header-actions{width:100%}.header-actions button{flex:1}.stats{margin-top:20px}.stat>strong{font-size:27px}.project-summary{padding:20px}.project-summary>progress{flex-basis:100%;order:3}.avatar-stack{flex-wrap:wrap}.team-panel{padding:18px}.member{flex-wrap:wrap}.invite-form{flex-direction:column;align-items:stretch}.invite-form label{max-width:none}.modal{padding:21px}.form-grid{grid-template-columns:1fr}}