:root{--ink:#20233a;--muted:#777b91;--line:#e9eaf1;--paper:#f7f8fc;--purple:#6d5dfc;--purple-dark:#5545e8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:800 20px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--purple);color:#fff;display:grid;place-items:center;font:800 17px Manrope}.nav-right{display:flex;align-items:center;gap:18px}.welcome,.muted{color:var(--muted)}.container{max-width:1120px;margin:0 auto;padding:42px 26px 70px;min-height:calc(100vh - 130px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.7px}h1{font-size:clamp(28px,4vw,38px);margin:8px 0}h2{font-size:23px;margin-bottom:5px}h3{font-size:18px;margin:12px 0 7px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--purple)}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading{margin-bottom:32px}.page-heading p,.section-heading p{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 17px;font:700 13px "DM Sans";text-decoration:none;cursor:pointer;transition:.18s}.btn-primary{background:var(--purple);color:white;box-shadow:0 5px 14px #6d5dfc30}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.btn-ghost{background:#f1f0ff;color:var(--purple)}.btn-small{padding:9px 13px}.btn-full{width:100%;margin-top:5px}.btn-danger-outline{background:#fff;color:#d34c62;border:1px solid #f0cbd2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:43px}.stat-card,.project-card,.auth-card,.create-panel,.empty-state{background:#fff;border:1px solid var(--line);border-radius:16px}.stat-card{padding:20px 22px}.stat-label,.stat-note{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font:800 30px Manrope;margin:8px 0 3px}.stat-note{font-size:11px}.section-heading{margin-bottom:17px}.count-pill{border:1px solid var(--line);border-radius:30px;padding:7px 12px;color:var(--muted);font-size:11px;background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{padding:21px;text-decoration:none;color:var(--ink);transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #20233a0b}.project-top{display:flex;align-items:center;justify-content:space-between}.project-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.project-dot.large{width:13px;height:13px;vertical-align:middle}.tiny{font-size:11px}.clamp{min-height:38px;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-track{height:6px;background:#f0f0f6;border-radius:20px;overflow:hidden;margin-top:20px}.progress-track span{display:block;height:100%;border-radius:20px}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.create-panel{margin-top:28px;padding:25px;display:grid;grid-template-columns: .8fr 1.5fr;gap:30px;align-items:start}.create-panel h2{margin-top:8px}.project-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end}.project-form button{grid-column:1/-1;justify-self:start}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#55596e}input,textarea,select{font:400 13px "DM Sans";color:var(--ink);background:#fff;border:1px solid #dfe1eb;border-radius:9px;padding:11px 12px;outline:none;width:100%;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d5dfc18}input[type=color]{height:40px;padding:4px;width:56px}small{font-weight:400;color:var(--muted)}.auth-wrap{min-height:65vh;display:grid;place-items:center}.auth-card{width:min(100%,430px);padding:35px;box-shadow:0 15px 45px #20233a08}.auth-card h1{font-size:28px;margin-top:10px}.auth-card>p{font-size:13px}.stack{display:flex;flex-direction:column;gap:16px;margin-top:25px}.auth-foot{text-align:center;margin:22px 0 0!important}.auth-foot a,.breadcrumbs a{color:var(--purple);font-weight:700;text-decoration:none}.alert{padding:12px 15px;border-radius:9px;margin-bottom:15px;font-size:13px}.success{background:#eaf8f0;color:#24764a}.error{background:#fff0f1;color:#a93245}.empty-state{text-align:center;padding:48px 20px;margin-bottom:20px}.empty-state h3{margin-top:8px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:0}.empty-icon{font-size:28px;color:var(--purple)}.breadcrumbs{margin:-12px 0 24px;font-size:13px}.project-title{align-items:flex-start}.task-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.task-row{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-title{font-weight:700}.task-title.is-done{text-decoration:line-through;color:#9b9daf}.task-details{font-size:12px;margin:5px 0}.task-meta{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:10px;margin-top:9px}.priority{border-radius:20px;padding:4px 8px;background:#f1f1f7;text-transform:capitalize}.priority.high{background:#fff0ed;color:#c35b42}.priority.medium{background:#fff6df;color:#9a741d}.priority.low{background:#eaf6f0;color:#3d8865}.task-actions{display:flex;align-items:center;gap:9px}.task-actions select{width:125px;padding:8px;font-size:11px}.icon-btn{border:0;background:#fff1f2;color:#c24b5b;border-radius:8px;width:30px;height:30px;font-size:20px;cursor:pointer}.task-create{grid-template-columns:.7fr 1.6fr}.task-create .stack{margin-top:0}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.empty-state.compact{padding:25px}.error-page{text-align:center;padding:100px 20px}.error-page .btn{margin-top:15px}.footer{text-align:center;color:#9a9caf;font-size:11px;padding:22px}.footer span{padding:0 6px}@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.create-panel,.task-create{grid-template-columns:1fr}.project-form{grid-template-columns:1fr 1fr}.project-form label:nth-child(2){grid-column:1/-1}}@media(max-width:560px){.container{padding:28px 17px 50px}.topbar{padding:0 17px}.welcome{display:none}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:25px}.project-grid{grid-template-columns:1fr}.project-form{grid-template-columns:1fr}.project-form label:nth-child(2){grid-column:auto}.task-row{align-items:flex-start;flex-direction:column}.task-actions{width:100%;justify-content:flex-end}.form-row{grid-template-columns:1fr}.auth-card{padding:26px 21px}.section-heading{align-items:flex-start}}