*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f6fb;-webkit-font-smoothing:antialiased}button{touch-action:manipulation}.auth{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:20px;background:#f3f4f6}.auth__card{width:100%;max-width:420px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 25px #0000001a;min-height:260px;display:flex;flex-direction:column;justify-content:center}.auth__title{text-align:center;margin-bottom:20px}.auth__form{display:flex;flex-direction:column;gap:12px}.auth__input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;outline:none}.auth__input:focus{border-color:#22c55e}.auth__btn{width:100%;padding:12px;border:none;border-radius:10px;font-weight:700;cursor:pointer;background:#22c55e;color:#052e16}.auth__btn:hover{opacity:.9}.auth__error{color:red;text-align:center}.auth__forgot{margin-top:10px;text-align:right}.auth__forgot a{font-size:14px;color:#2563eb;text-decoration:none}.auth__forgot a:hover{text-decoration:underline}.auth__subtext{font-size:14px;color:#6b7280;text-align:center;margin-bottom:12px}.auth__card--forgot .auth__form{gap:16px}.auth__card--forgot{min-height:320px;display:flex;flex-direction:column;justify-content:center}.auth__subtext{text-align:center;font-size:14px;color:#6b7280;margin-bottom:14px}.auth-footer{margin-top:16px;text-align:center}.back-link{color:#2563eb;text-decoration:none;font-size:14px}.back-link:hover{text-decoration:underline}body{background:#f5f6fb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0}.dashboard{width:100%;min-height:100vh;display:flex;justify-content:center;background:#f5f6fb;padding:30px 0}.dashboard__container{width:100%;max-width:950px;margin:0 auto;padding:0 18px}.dashboard__heading{font-size:28px;margin-bottom:20px}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 18px #0000000f;margin-bottom:20px}.card__title{margin:0;font-size:20px}.card__sub{margin-top:6px;color:#666}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stats__card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 18px #0000000f;text-align:center}.stats__card h4{margin:0;color:#666;font-weight:600}.stats__card p{margin:10px 0 0;font-size:32px;font-weight:800}.input{width:100%;border:1px solid #ddd;padding:10px 12px;border-radius:12px;outline:none;font-size:14px}.input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.textarea{resize:none;min-height:80px}.btn{border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#6366f1;color:#fff}.btn--ghost{background:transparent;border:1px solid #ddd}.btn--danger{background:#ef4444;color:#fff}.section-title{margin:0 0 14px;font-size:18px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.count{margin-top:12px;color:#666;font-size:14px}.taskform__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.taskform__title{margin:0}.taskform__form{display:flex;flex-direction:column;gap:12px}.taskform__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label{display:block;font-size:13px;margin-bottom:6px;font-weight:600;color:#444}.taskitem{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 18px #0000000f;margin-bottom:16px}.taskitem--done{opacity:.65;text-decoration:line-through}.taskitem__top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.taskitem__title{margin:0;font-size:18px;font-weight:800}.taskitem__desc{margin:6px 0 0;color:#555}.taskitem__badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid #ddd}.badge--low{border-color:#22c55e}.badge--medium{border-color:#f59e0b}.badge--high{border-color:#ef4444}.badge--due{border-color:#6366f1}.badge--overdue{border-color:#ef4444;background:#ef44441f}.taskitem__actions{display:flex;gap:10px;margin-top:14px}.empty{text-align:center;color:#666;margin-top:20px}@media(max-width:700px){.stats,.filters{grid-template-columns:1fr}.taskitem__top{flex-direction:column}.taskform__row{grid-template-columns:1fr}.taskitem__actions{flex-direction:column}}.nav{position:sticky;top:0;z-index:100;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.08)}.nav__container{max-width:1100px;margin:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.nav__logo{color:#fff;font-weight:800;font-size:18px;text-decoration:none}.nav__right{display:flex;align-items:center;gap:12px}.nav__link{color:#cbd5e1;text-decoration:none;font-weight:600}.nav__link:hover{color:#fff}.nav__user{color:#94a3b8;font-size:14px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px}.nav__btn{padding:8px 14px;border-radius:10px;font-weight:700;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.nav__btn--in{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.nav__btn--up{background:#22c55e;color:#052e16}.nav__btn--out{background:#ef4444;color:#fff}.nav__btn:hover{opacity:.9}.nav__container--center,.nav__grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav__logo--center{justify-self:center}.nav__right--align{justify-self:end;display:flex;align-items:center;gap:12px}