@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f6f8fc;--primary:#2563eb;--primary-dark:#1d4ed8;--muted:#68748a;--border:#e3e8f0;--surface:#fff;--danger:#dc2626}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f8fc}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{min-height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk;font-weight:700;font-size:1.2rem}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--primary)}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a,.nav-logout{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:600}.nav-links a:hover,.nav-links a.active{background:#eef4ff;color:var(--primary)}.nav-logout:hover{background:#fff1f2;color:var(--danger)}.page-container{width:min(1120px,90%);margin:0 auto;flex:1;padding:52px 0 72px}.footer{padding:24px 5vw;border-top:1px solid var(--border);background:#fff;display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}h1,h2,h3{font-family:Space Grotesk;color:#172033}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:0 0 12px}h2{font-size:1.55rem;margin:0 0 6px}h3{font-size:1.2rem;margin:0 0 8px}p{line-height:1.65}.muted{color:var(--muted);margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:700;color:var(--primary);display:inline-block;margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:10px;border:1px solid transparent;font-weight:700;cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.primary{background:var(--primary);color:#fff}.primary:hover:not(:disabled){background:var(--primary-dark)}.secondary{background:#fff;color:#172033;border-color:var(--border)}.danger{background:#fff;color:var(--danger);border-color:#fecaca}.full-width{width:100%}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading.compact{margin-top:20px;margin-bottom:22px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.task-card,.detail-card,.form-card,.state-card,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #1f2d4b0d}.task-card{padding:21px;min-height:215px;display:flex;flex-direction:column}.task-card p{color:var(--muted);font-size:.95rem;margin:0;flex:1}.task-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.task-id{color:#9aa5b5;font-size:.85rem;font-weight:600}.status{display:inline-flex;padding:5px 9px;border-radius:999px;text-transform:capitalize;font-size:.75rem;font-weight:700}.status-pending{background:#fff7ed;color:#c2410c}.status-in-progress{background:#eff6ff;color:#1d4ed8}.status-completed{background:#ecfdf5;color:#047857}.text-link,.back-link{color:var(--primary);font-weight:700}.state-card{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:30px;text-align:center}.error-state{border-color:#fecaca}.error-state p{color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid #dbe6ff;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:60px 25px;text-align:center}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ecfdf5;color:#047857;margin:0 auto 16px;font-weight:700}.empty-state p{color:var(--muted);margin:0 0 22px}.form-page{max-width:700px;margin:auto}.form-card{padding:28px}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-weight:700;font-size:.9rem}.field input,.field textarea,.field select{width:100%;border:1px solid #d8dfeb;background:#fff;color:#172033;border-radius:10px;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe}.field-error{color:var(--danger);font-size:.82rem}.alert{padding:12px 14px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:10px;margin-bottom:18px;font-size:.9rem}.form-footer{text-align:center;color:var(--muted);font-size:.9rem}.form-footer a{color:var(--primary);font-weight:700}.auth-layout{min-height:calc(100vh - 180px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1000px;margin:auto}.auth-intro p{max-width:520px;color:var(--muted);font-size:1.05rem}.auth-card{max-width:470px;width:100%;justify-self:end}.detail-layout{max-width:760px;margin:auto}.detail-card{padding:32px;margin-top:18px}.detail-description{color:var(--muted);font-size:1.05rem;min-height:80px}.detail-actions{display:flex;gap:10px;padding-top:22px;border-top:1px solid var(--border);margin-top:24px}@media(max-width:900px){.task-grid{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr;gap:30px;max-width:600px}.auth-card{justify-self:stretch;max-width:none}}@media(max-width:640px){.navbar{padding:12px 5%;flex-wrap:wrap}.nav-links{width:100%;overflow-x:auto}.nav-links a,.nav-logout{white-space:nowrap;padding:8px 10px}.page-container{width:92%;padding:36px 0 55px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .button{width:100%}.task-grid{grid-template-columns:1fr}.form-card,.detail-card{padding:21px}.auth-layout{min-height:auto;padding-top:20px}.footer{flex-direction:column;gap:6px}.detail-actions{flex-direction:column}.detail-actions .button{width:100%}}