:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f8fc}*{box-sizing:border-box}body{margin:0}.auth-shell,.dashboard-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dbeafe 0,transparent 36%),#f6f8fc}.auth-card,.dashboard-card{width:min(100%,440px);padding:40px;border:1px solid #e3e8f2;border-radius:16px;background:#fff;box-shadow:0 18px 45px #18274b17}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:.75rem;font-weight:800;letter-spacing:.12em}h1{margin:0;font-size:2rem;letter-spacing:-.04em}.subtitle,.dashboard-card>p:not(.eyebrow){color:#607087}form{display:grid;gap:8px;margin-top:28px}label{margin-top:8px;font-size:.9rem;font-weight:650}input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}input:focus{outline:3px solid #bfdbfe;border-color:#2563eb}textarea:focus,select:focus{outline:3px solid #bfdbfe;border-color:#2563eb}button{margin-top:16px;border:0;border-radius:8px;padding:12px 16px;background:#2563eb;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{cursor:wait;opacity:.65}.field-error,.form-error{margin:0;color:#b42318;font-size:.82rem}.form-error{margin-top:8px}.switch-auth{margin:24px 0 0;text-align:center;color:#607087}a{color:#1d4ed8;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.board-shell{min-height:100vh;padding:40px clamp(20px,5vw,72px);background:#f6f8fc}.board-header{display:flex;justify-content:space-between;gap:24px;align-items:start;max-width:1440px;margin:0 auto 28px}.board-subtitle{margin:8px 0 0;color:#607087}.secondary-button{margin:0;background:#fff;color:#1d4ed8;border:1px solid #bfdbfe}.secondary-button:hover{background:#eff6ff}.task-composer{max-width:1440px;margin:0 auto 32px;padding:22px;border:1px solid #e3e8f2;border-radius:14px;background:#fff;box-shadow:0 8px 25px #18274b0d}.task-composer h2,.column-header h2{margin:0;font-size:1rem}.task-form{display:grid;grid-template-columns:1.4fr 1.5fr .85fr .85fr 1fr auto;align-items:end;gap:10px;margin-top:14px}.task-form label{margin:0;font-size:.8rem}.task-form label span{color:#7b8799;font-weight:400}.task-form input,.task-form select{min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}.task-form button{margin:0;padding:10px 16px;white-space:nowrap}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1440px;margin:0 auto}.board-column{min-height:360px;padding:14px;border-radius:14px;background:#edf2f9}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.column-header span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;color:#475569;background:#dbe3ef;font-size:.78rem;font-weight:700}.task-list{display:grid;gap:12px}.task-card{padding:15px;border:1px solid #e3e8f2;border-radius:10px;background:#fff;box-shadow:0 2px 7px #18274b0f}.task-card-heading{display:flex;gap:8px;align-items:start;justify-content:space-between}.task-card h3{margin:0;font-size:.95rem;line-height:1.35}.task-card p{margin:8px 0 0;color:#607087;font-size:.86rem;line-height:1.45}.delete-button{width:25px;height:25px;margin:-4px -4px 0 0;padding:0;border-radius:50%;background:transparent;color:#94a3b8;font-size:1.3rem;line-height:1}.delete-button:hover{color:#b42318;background:#fef2f2}.task-actions{display:flex;align-items:center;gap:4px}.edit-button{margin:0;padding:3px 7px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:.74rem}.edit-button:hover{background:#dbeafe}.task-card.cdk-drag-preview{box-shadow:0 12px 25px #18274b2e}.task-card.cdk-drag-placeholder{opacity:.3}.task-list.cdk-drop-list-dragging{outline:2px dashed #93c5fd;outline-offset:5px;border-radius:8px}.task-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;color:#7b8799;font-size:.75rem}.priority{padding:3px 7px;border-radius:999px;font-weight:700;text-transform:capitalize}.priority-low{color:#16794c;background:#dcfce7}.priority-medium{color:#a15c00;background:#fef3c7}.priority-high{color:#b42318;background:#fee2e2}.empty-column,.board-message{color:#7b8799;font-size:.9rem}.empty-column{padding:18px 6px;text-align:center}.board-message{max-width:1440px;margin:45px auto;text-align:center}@media(max-width:980px){.task-form{grid-template-columns:repeat(2,minmax(0,1fr))}.board{grid-template-columns:1fr}}@media(max-width:560px){.board-shell{padding:24px 16px}.board-header{flex-direction:column}.task-form{grid-template-columns:1fr}.task-form button{width:100%}.task-meta{align-items:start;flex-direction:column}}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0f172a73}.edit-modal{width:min(100%,520px);padding:24px;border-radius:14px;background:#fff;box-shadow:0 25px 60px #0f172a47}.edit-modal header{display:flex;align-items:center;justify-content:space-between}.edit-modal h2{margin:0}.edit-form{gap:8px;margin-top:20px}.edit-form label{margin-top:6px}.edit-form input,.edit-form select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:10px}.modal-actions button{margin-top:0}.nav-toggle{position:fixed;z-index:8;top:16px;left:16px;width:44px;height:44px;margin:0;padding:0;border-radius:10px;box-shadow:0 3px 12px #18274b2b;font-size:1.35rem}.drawer-backdrop{position:fixed;z-index:20;inset:0;background:#0f172a66;animation:fade-in .2s ease-out}.navigation-drawer{width:min(82vw,300px);min-height:100%;padding:36px 18px;background:#fff;box-shadow:10px 0 30px #0f172a2e;animation:slide-in .24s ease-out}.navigation-drawer .eyebrow{margin:0 12px 24px}.navigation-drawer a{display:block;margin:4px 0;padding:12px;border-radius:8px;color:#334155}.navigation-drawer a:hover,.navigation-drawer a.active{background:#dbeafe;color:#1d4ed8;text-decoration:none}.notes-shell{min-height:100vh;padding:40px clamp(20px,5vw,72px);background:#f6f8fc}.notes-header,.note-composer,.notes-grid{max-width:1100px;margin-right:auto;margin-left:auto}.notes-header{margin-bottom:28px}.note-composer{padding:22px;border:1px solid #e3e8f2;border-radius:14px;background:#fff;box-shadow:0 8px 25px #18274b0d}.note-composer h2{margin:0;font-size:1rem}.note-form{margin-top:16px}.note-form label{margin-top:6px}.note-form textarea,.edit-form textarea{width:100%;min-height:130px;padding:11px;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.note-form button{justify-self:start}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:28px}.note-card{min-height:180px;padding:18px;border:1px solid #e3e8f2;border-radius:12px;background:#fff;box-shadow:0 4px 12px #18274b0d}.note-card-header{display:flex;align-items:start;justify-content:space-between;gap:8px}.note-card h2{margin:0;font-size:1rem}.note-card p{margin:12px 0;color:#475569;white-space:pre-wrap;line-height:1.5}.note-card time{display:block;margin-top:18px;color:#7b8799;font-size:.75rem}.notes-empty{grid-column:1 / -1;padding:40px;border:1px dashed #cbd5e1;border-radius:12px;color:#7b8799;text-align:center}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:560px){.notes-shell{padding:76px 16px 24px}.nav-toggle{top:12px;left:12px}}