:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--color-primary:#5b4de3;--color-primary-dark:#4437bd;--color-text:#172033;--color-muted:#687086;--color-border:#dde1ec;--color-surface:#fff;--color-danger:#b42318;--color-danger-soft:#fef3f2;--color-success:#067647;--color-success-soft:#ecfdf3;--shadow-card:0 20px 50px #1f26471a;--radius-lg:1.25rem;--radius-md:.75rem;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:#f4f6fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.025em;line-height:1.15}h1{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.25rem)}h2{margin-bottom:.65rem;font-size:clamp(1.45rem,3vw,2rem)}:focus-visible{outline-offset:3px;outline:3px solid #5b4de34d}.button{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:2.75rem;padding:.7rem 1rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover:not(:disabled){background:#f0f1f7}.button--danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#fecdca}.button--danger:hover:not(:disabled){background:#fee4e2;border-color:#fda29b}.button--full{width:100%}.eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;font-size:.78rem;font-weight:800}.muted{color:var(--color-muted);line-height:1.65}.auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);min-height:100vh;display:grid}.auth-layout__brand,.auth-layout__content{justify-content:center;padding:clamp(2rem,6vw,6rem);display:flex}.auth-layout__brand{color:#fff;background:radial-gradient(circle at 15% 20%,#ffffff29,#0000 28rem),linear-gradient(145deg,#342b8f,#6456ec);flex-direction:column}.auth-layout__brand .eyebrow{color:#dcd8ff}.auth-layout__brand p:last-child{color:#e6e3ff;max-width:35rem;margin-bottom:0;font-size:1.05rem;line-height:1.7}.auth-layout__content{background:var(--color-surface);align-items:center}.auth-card{width:min(100%,28rem)}.auth-card .button{margin-top:1rem}.auth-view>.muted{margin-bottom:1.75rem}.form-stack{gap:1.15rem;display:grid}.form-field{gap:.45rem;display:grid}.form-label{font-size:.9rem;font-weight:750}.form-label span{color:var(--color-danger)}.form-control{border-radius:var(--radius-md);width:100%;min-height:3rem;color:var(--color-text);background:#fff;border:1px solid #cfd4e2;padding:.75rem .85rem;transition:border-color .16s,box-shadow .16s}.form-control::placeholder{color:#9299aa}.form-control:hover:not(:disabled){border-color:#aeb5c8}.form-control:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 4px #5b4de31f}.form-control:disabled{cursor:not-allowed;background:#f1f2f6}.form-control--invalid{border-color:#f04438}.form-control--invalid:focus{border-color:#d92d20;box-shadow:0 0 0 4px #d92d201a}.form-help,.form-error{margin:0;font-size:.82rem;line-height:1.45}.form-help{color:var(--color-muted)}.form-error{color:var(--color-danger)}.auth-switch{color:var(--color-muted);text-align:center;margin:1.5rem 0 0}.auth-switch a{color:var(--color-primary);text-underline-offset:.2rem;font-weight:750;text-decoration-thickness:1px}.app-shell{min-height:100vh}.app-header{z-index:10;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.app-header__brand{color:var(--color-primary);letter-spacing:-.03em;font-size:1.2rem;font-weight:900;text-decoration:none}.app-header__account{align-items:center;gap:1rem;display:flex}.app-header__user{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-weight:700;overflow:hidden}.app-content{width:min(100% - 2rem,75rem);margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0}.page-stack{gap:1.5rem;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.page-heading h1{font-size:clamp(1.9rem,4vw,2.75rem)}.panel,.empty-state{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.panel{padding:clamp(1.25rem,3vw,2rem)}.empty-state{text-align:center;padding:clamp(2rem,8vw,5rem) 1.5rem}.empty-state p{color:var(--color-muted);margin-bottom:0}.empty-state .button{margin-top:1.5rem}.task-filters{box-shadow:none;grid-template-columns:minmax(14rem,2fr) repeat(5,minmax(8rem,1fr));align-items:end;gap:1rem;display:grid}.task-filters__search{gap:.45rem;display:grid}.task-filters__actions{grid-column:1/-1;gap:.75rem;display:flex}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;transition:opacity .16s;display:grid}.task-grid[aria-busy=true]{opacity:.55}.task-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-content:start;gap:1rem;min-width:0;padding:1.25rem;display:grid;box-shadow:0 8px 24px #1f26470f}.task-card__badges,.tag-list,.task-card__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge,.tag{border-radius:999px;align-items:center;font-size:.76rem;font-weight:750;line-height:1;display:inline-flex}.badge{background:#f0f1f5;padding:.4rem .6rem}.badge--status-pending{color:#854a0e;background:#fff7d6}.badge--status-in_progress{color:#175cd3;background:#eff8ff}.badge--status-completed{color:var(--color-success);background:var(--color-success-soft)}.badge--priority-low{color:#475467;background:#f2f4f7}.badge--priority-medium{color:#6941c6;background:#f4f3ff}.badge--priority-high{color:#b54708;background:#fffaeb}.badge--priority-urgent{color:var(--color-danger);background:var(--color-danger-soft)}.tag{color:#344054;background:#f2f4f7;padding:.38rem .55rem}.task-card__title{overflow-wrap:anywhere;margin-bottom:.55rem;font-size:1.2rem}.task-card__description{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;line-height:1.55;display:-webkit-box;overflow:hidden}.task-card__due{color:var(--color-muted);margin:0;font-size:.88rem}.task-card__due span{font-weight:750}.task-card__due--overdue{color:var(--color-danger)}.task-card__actions{border-top:1px solid #eef0f5;justify-content:flex-end;align-self:end;padding-top:.25rem}.task-card__actions .button{min-height:2.4rem;padding:.6rem .75rem;font-size:.86rem}.pagination{color:var(--color-muted);justify-content:center;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.loading-panel{min-height:14rem;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.task-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.task-editor__wide,.task-editor__actions{grid-column:1/-1}.form-control--textarea{resize:vertical;min-height:9rem;line-height:1.55}.task-editor__actions{border-top:1px solid #eef0f5;justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.alert{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:.85rem 1rem;line-height:1.45}.alert--error{color:var(--color-danger);background:var(--color-danger-soft);border-color:#fecdca}.alert--success{color:var(--color-success);background:var(--color-success-soft);border-color:#abefc6}.alert--info{color:#3538cd;background:#eef4ff;border-color:#c7d7fe}.spinner{align-items:center;gap:.6rem;display:inline-flex}.spinner__circle{border:2px solid;border-right-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.auth-layout{grid-template-columns:1fr}.auth-layout__brand{min-height:18rem}.auth-layout__content{align-items:flex-start}.page-heading{flex-direction:column;align-items:stretch}.page-heading>.button{align-self:flex-start}.app-header__user{display:none}.task-filters,.task-grid,.task-editor{grid-template-columns:1fr}.task-editor__actions{flex-direction:column}.task-editor__actions .button{width:100%}.task-filters__actions .button{flex:1}.pagination{justify-content:space-between;gap:.5rem}.pagination .button{min-width:0;padding-inline:.75rem}}@media (width>=761px) and (width<=1100px){.task-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
