@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--color-bg:#f3f6f4;--color-bg-accent:#d7ebe3;--color-bg-warm:#efe8dc;--color-surface:#f7faf8;--color-surface-solid:#fff;--color-surface-raised:#fff;--color-text:#13201d;--color-text-muted:#5b6f68;--color-text-inverse:#f4faf7;--color-border:#13201d1a;--color-border-strong:#13201d2e;--color-accent:#1f7a66;--color-accent-hover:#186555;--color-accent-soft:#1f7a661f;--color-success:#2f7d4a;--color-success-soft:#2f7d4a1f;--color-warning:#9a6b16;--color-warning-soft:#9a6b1624;--color-danger:#b42318;--color-danger-soft:#b423181f;--color-focus:#1f7a66;--color-overlay:#13201d66;--font-display:"Outfit", sans-serif;--font-sans:"Source Sans 3", sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.04em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--shadow-xs:0 1px 2px #13201d0a;--shadow-sm:0 2px 10px #13201d0d;--shadow-md:0 10px 28px #13201d12;--shadow-lg:0 16px 40px #13201d17;--shadow-focus:0 0 0 3px color-mix(in srgb, var(--color-focus) 24%, transparent);--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.14s;--duration-normal:.22s;--ink:var(--color-text);--muted:var(--color-text-muted);--accent:var(--color-accent);--surface:var(--color-surface);--line:var(--color-border);--lift:var(--shadow-lg);--display:var(--font-display);--sans:var(--font-sans);--mono:var(--font-mono);--code:var(--color-accent-soft)}[data-theme=dark]{--color-bg:#101816;--color-bg-accent:#17332d;--color-bg-warm:#241f18;--color-surface:#15201d;--color-surface-solid:#182421;--color-surface-raised:#1c2a26;--color-text:#e7f1ed;--color-text-muted:#97aaa3;--color-text-inverse:#0f1b18;--color-border:#e7f1ed1c;--color-border-strong:#e7f1ed33;--color-accent:#3dba9c;--color-accent-hover:#54c9ad;--color-accent-soft:#3dba9c29;--color-success:#5dcb82;--color-success-soft:#5dcb8229;--color-warning:#e0b45a;--color-warning-soft:#e0b45a29;--color-danger:#f07167;--color-danger-soft:#f0716729;--color-focus:#3dba9c;--color-overlay:#0000008c;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 10px #00000052;--shadow-md:0 10px 28px #00000061;--shadow-lg:0 16px 40px #0000006b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#101816;--color-bg-accent:#17332d;--color-bg-warm:#241f18;--color-surface:#15201d;--color-surface-solid:#182421;--color-surface-raised:#1c2a26;--color-text:#e7f1ed;--color-text-muted:#97aaa3;--color-text-inverse:#0f1b18;--color-border:#e7f1ed1c;--color-border-strong:#e7f1ed33;--color-accent:#3dba9c;--color-accent-hover:#54c9ad;--color-accent-soft:#3dba9c29;--color-success:#5dcb82;--color-success-soft:#5dcb8229;--color-warning:#e0b45a;--color-warning-soft:#e0b45a29;--color-danger:#f07167;--color-danger-soft:#f0716729;--color-focus:#3dba9c;--color-overlay:#0000008c;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 10px #00000052;--shadow-md:0 10px 28px #00000061;--shadow-lg:0 16px 40px #0000006b}}:root{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--color-text-muted);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100svh;color:var(--color-text-muted);background:radial-gradient(ellipse 70% 45% at 0% 0%, color-mix(in srgb, var(--color-bg-accent) 55%, transparent) 0%, transparent 60%), var(--color-bg);transition:background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);margin:0}#root{min-height:100svh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:var(--leading-tight);margin:0}p{margin:0}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;line-height:1;display:inline-flex}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button:focus-visible{box-shadow:var(--shadow-focus)}.ui-button--sm{min-height:2rem;padding:0 var(--space-3);font-size:var(--text-sm)}.ui-button--md{min-height:2.5rem;padding:0 var(--space-4);font-size:var(--text-md)}.ui-button--lg{min-height:2.875rem;padding:0 var(--space-5);font-size:var(--text-lg)}.ui-button--primary{background:var(--color-accent);color:var(--color-text-inverse)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-button--secondary{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.ui-button--secondary:hover:not(:disabled){background:var(--color-accent-soft)}.ui-button--ghost{color:var(--color-text);background:0 0}.ui-button--ghost:hover:not(:disabled){background:var(--color-accent-soft)}.ui-button--danger{background:var(--color-danger);color:#fff}.ui-button--danger:hover:not(:disabled){filter:brightness(.95)}.ui-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5)}.ui-card__header{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.ui-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.ui-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.ui-card__body{color:var(--color-text-muted)}.ui-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.ui-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.ui-input{width:100%;min-height:2.5rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.ui-input::placeholder{color:color-mix(in srgb, var(--color-text-muted) 80%, transparent)}.ui-input:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border-strong))}.ui-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.ui-input:disabled{opacity:.6;cursor:not-allowed}.ui-textarea,.ui-select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-solid);width:100%;color:var(--color-text);font:inherit;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.ui-textarea{min-height:5.5rem;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}.ui-select{min-height:2.5rem;padding:0 var(--space-3)}.ui-textarea:hover:not(:disabled):not(:focus),.ui-select:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border-strong))}.ui-textarea:focus,.ui-select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.ui-file{width:100%;padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);color:var(--color-text);font:inherit;cursor:pointer}.ui-file::file-selector-button{margin-right:var(--space-3);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-accent-soft);color:var(--color-accent);font:inherit;font-weight:var(--weight-medium);cursor:pointer;border:0}.ui-input--error{border-color:var(--color-danger)}.ui-input--error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 25%, transparent)}.ui-field__hint,.ui-field__error{font-size:var(--text-sm);line-height:var(--leading-snug)}.ui-field__hint{color:var(--color-text-muted)}.ui-field__error{color:var(--color-danger)}.ui-badge{align-items:center;gap:var(--space-1);min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;line-height:1;display:inline-flex}.ui-badge--neutral{background:color-mix(in srgb, var(--color-text-muted) 14%, transparent);color:var(--color-text)}.ui-badge--accent{background:var(--color-accent-soft);color:var(--color-accent)}.ui-badge--success{background:var(--color-success-soft);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.ui-empty{gap:var(--space-2);text-align:center;padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 50%, transparent);place-items:center;display:grid}.ui-empty__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.ui-empty__description{max-width:32ch;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);margin:0}.ui-empty__action{margin-top:var(--space-3)}.app-shell{--sidebar-width:14.5rem;--topnav-height:4rem;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100svh;display:grid;position:relative}.app-shell__frame{flex-direction:column;min-width:0;min-height:100svh;display:flex}.app-shell__backdrop{display:none}.sidebar{gap:var(--space-5);padding:var(--space-5) var(--space-3) var(--space-6);background:var(--color-surface-solid);border-right:1px solid var(--color-border);z-index:30;flex-direction:column;display:flex}.sidebar__brand{align-items:center;gap:.65rem;padding:.25rem .55rem;display:flex}.sidebar__mark{background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px}.sidebar__name{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:1.05rem;font-weight:600}.sidebar__nav{flex:1}.sidebar__list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.sidebar__link{border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:.62rem .8rem;text-decoration:none;display:block}.sidebar__link:hover{background:var(--color-accent-soft);color:var(--color-text)}.sidebar__link.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-semibold)}.topnav{height:var(--topnav-height);align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:color-mix(in srgb, var(--color-surface-solid) 88%, transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto 1fr auto;display:grid}.topnav__menu{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;place-items:center;width:2.5rem;height:2.5rem;display:none}.topnav__menu-icon,.topnav__menu-icon:before,.topnav__menu-icon:after{background:var(--ink);border-radius:999px;width:1.05rem;height:2px;display:block}.topnav__menu-icon{position:relative}.topnav__menu-icon:before,.topnav__menu-icon:after{content:"";position:absolute;left:0}.topnav__menu-icon:before{top:-5px}.topnav__menu-icon:after{top:5px}.topnav__title-wrap{min-width:0}.topnav__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.topnav__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:.05rem 0 0;font-size:1.15rem;font-weight:600;line-height:1.2}.topnav__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.topnav__user{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:var(--text-sm);color:var(--color-text-muted);display:none;overflow:hidden}@media (width>=900px){.topnav__user{display:inline-block}}.main-content{min-height:0;padding:clamp(var(--space-5), 2.8vw, var(--space-8));flex:1}.page{max-width:72rem}.main-content__placeholder{min-height:calc(100svh - var(--topnav-height) - 3.5rem);border:1px dashed color-mix(in srgb, var(--color-text-muted) 35%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 55%, transparent);color:var(--color-text-muted);place-items:center;display:grid}.main-content__placeholder p{margin:0;font-size:.95rem}@media (width<=899px){.app-shell{grid-template-columns:1fr}.topnav__menu{display:grid}.sidebar{width:min(var(--sidebar-width), 86vw);box-shadow:none;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.is-open{box-shadow:var(--shadow-lg);transform:translate(0)}.app-shell__backdrop{background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);z-index:20;border:0;margin:0;padding:0;display:block;position:fixed;inset:0}.app-shell__backdrop.is-visible{opacity:1;pointer-events:auto}body.shell-menu-open{overflow:hidden}}.page--bills{gap:var(--space-5);max-width:68rem;display:grid}.bills-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.bills-header__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.bills-header__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.bills-summary{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=800px){.bills-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}.bills-summary__card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.bills-summary__label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.bills-summary__value{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.bills-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);margin:0}.bills-layout{gap:var(--space-4);display:grid}@media (width>=960px){.bills-layout{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.bill-form{gap:var(--space-4);display:grid}.bill-form__row{gap:var(--space-3);display:grid}@media (width>=520px){.bill-form__row{grid-template-columns:1fr 1fr}}.bill-form__error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.bill-form__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.bills-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.bills-filter{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;padding:.4rem .8rem}.bills-filter.is-active{background:var(--color-accent-soft);border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));color:var(--color-accent)}.bills-loading{color:var(--color-text-muted);margin:0}.bill-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.bill-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, transparent);display:grid}@media (width>=700px){.bill-item{grid-template-columns:1fr auto;align-items:start}}.bill-item.is-paid{opacity:.75}.bill-item__top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bill-item__title{font-weight:var(--weight-medium);color:var(--color-text);margin:0}.bill-item__amount{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.bill-item__meta,.bill-item__notes{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.bill-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.page--calendar{gap:var(--space-5);max-width:68rem;display:grid}.calendar-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.calendar-header__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.calendar-header__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.calendar-notify{gap:var(--space-3);display:grid}.calendar-notify__status,.calendar-notify__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.calendar-notify__status strong{color:var(--color-text);text-transform:capitalize}.calendar-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);margin:0}.calendar-layout,.calendar-panels{gap:var(--space-4);display:grid}@media (width>=960px){.calendar-layout,.calendar-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}.reminder-form{gap:var(--space-4);display:grid}.reminder-form__error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.reminder-form__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.reminder-calendar__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.reminder-calendar__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.reminder-calendar__nav{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;font-size:1.25rem;line-height:1}.reminder-calendar__weekdays,.reminder-calendar__grid{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.reminder-calendar__weekdays{margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.reminder-calendar__cell{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 60%, transparent);min-height:3.4rem;color:var(--color-text);font:inherit;cursor:pointer;padding:var(--space-2) var(--space-1);align-content:center;justify-items:center;gap:.2rem;display:grid}.reminder-calendar__cell.is-empty{cursor:default;background:0 0;border-color:#0000}.reminder-calendar__cell.is-today{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}.reminder-calendar__cell.is-selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.reminder-calendar__cell.has-reminders .reminder-calendar__day{font-weight:var(--weight-semibold)}.reminder-calendar__day{font-size:var(--text-sm)}.reminder-calendar__count{border-radius:var(--radius-full);background:var(--color-accent);min-width:1.15rem;height:1.15rem;color:var(--color-text-inverse);padding:0 .3rem;font-size:.7rem;line-height:1.15rem}.calendar-loading{color:var(--color-text-muted);margin:0}.reminder-empty{gap:var(--space-2);text-align:center;padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);place-items:center;display:grid}.reminder-empty__title{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.reminder-empty__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.reminder-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.reminder-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, transparent);display:grid}@media (width>=700px){.reminder-item{grid-template-columns:1fr auto;align-items:start}}.reminder-item.is-done{opacity:.7}.reminder-item.is-done .reminder-item__title{text-decoration:line-through}.reminder-item__top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reminder-item__title{font-weight:var(--weight-medium);color:var(--color-text);margin:0}.reminder-item__when,.reminder-item__notes{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.reminder-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-debt{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-xs);animation:admin-debt-rise .55s var(--ease-out) both;display:grid}.admin-debt--loading{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-border));min-height:11rem;box-shadow:none}.admin-debt--clear{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border));background:color-mix(in srgb, var(--color-success-soft) 40%, var(--color-surface-raised))}.admin-debt--light,.admin-debt--moderate{border-color:color-mix(in srgb, var(--color-warning) 24%, var(--color-border));background:color-mix(in srgb, var(--color-warning-soft) 35%, var(--color-surface-raised))}.admin-debt--heavy,.admin-debt--critical{border-color:color-mix(in srgb, var(--color-danger) 26%, var(--color-border));background:color-mix(in srgb, var(--color-danger-soft) 35%, var(--color-surface-raised))}.admin-debt__hero{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.admin-debt__meter{flex-shrink:0;width:7.25rem;height:7.25rem;position:relative}.admin-debt__ring{width:100%;height:100%;transform:rotate(-90deg)}.admin-debt__ring-track,.admin-debt__ring-value{fill:none;stroke-width:8px}.admin-debt__ring-track{stroke:color-mix(in srgb, var(--color-border-strong) 55%, transparent)}.admin-debt__ring-value{stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out)}.admin-debt--clear .admin-debt__ring-value{stroke:var(--color-success)}.admin-debt--light .admin-debt__ring-value,.admin-debt--moderate .admin-debt__ring-value{stroke:var(--color-warning)}.admin-debt--heavy .admin-debt__ring-value,.admin-debt--critical .admin-debt__ring-value{stroke:var(--color-danger)}.admin-debt__meter-copy{text-align:center;place-content:center;gap:.1rem;display:grid;position:absolute;inset:0}.admin-debt__score{font-family:var(--font-display);font-size:1.85rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:1}.admin-debt__score-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.admin-debt__intro{flex:1;min-width:12rem}.admin-debt__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin:0}.admin-debt__title-row{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.admin-debt__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.admin-debt__summary{margin:var(--space-2) 0 0;max-width:42ch;color:var(--color-text-muted);line-height:var(--leading-normal);font-size:var(--text-sm)}.admin-debt__links{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.admin-debt__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);text-decoration:none}.admin-debt__link:hover{text-decoration:underline}.admin-debt__link--muted{color:var(--color-text-muted)}.admin-debt__factors{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.admin-debt__factor{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:inherit;transition:border-color var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.admin-debt__factor:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.admin-debt__factor-copy{gap:.15rem;min-width:0;display:grid}.admin-debt__factor-label{font-weight:var(--weight-medium);color:var(--color-text)}.admin-debt__factor-detail{font-size:var(--text-sm);color:var(--color-text-muted)}.admin-debt__factor-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.admin-debt__factor-pts{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-align:right;min-width:2.25rem}.admin-debt__empty{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@keyframes admin-debt-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page--dashboard{gap:var(--space-6);max-width:72rem;display:grid}.dash-welcome{justify-content:space-between;align-items:flex-start;gap:var(--space-4);animation:dash-rise .55s var(--ease-out) both;flex-wrap:wrap;display:flex}.dash-welcome__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin:0}.dash-welcome__title{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.35rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:var(--leading-tight)}.dash-welcome__subtitle{margin:var(--space-2) 0 0;max-width:40ch;color:var(--color-text-muted);line-height:var(--leading-normal)}.dash-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);margin:0}.dash-attention{gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 28%, var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-warning-soft) 55%, var(--color-surface-raised));animation:dash-rise .55s var(--ease-out) 40ms both;display:grid}.dash-attention__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dash-attention__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin:0}.dash-attention__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dash-attention__item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);color:inherit;border:1px solid var(--color-border);text-decoration:none;display:flex}.dash-attention__item:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.dash-attention__copy{gap:.15rem;min-width:0;display:grid}.dash-attention__item-title{font-weight:var(--weight-medium);color:var(--color-text)}.dash-attention__item-detail{font-size:var(--text-sm);color:var(--color-text-muted)}.dash-summary{gap:var(--space-3);animation:dash-rise .55s var(--ease-out) 60ms both;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=900px){.dash-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}.dash-summary__card{gap:var(--space-2);padding:var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-xs);color:inherit;min-height:7.5rem;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);text-decoration:none;display:grid}.dash-summary__card.is-loading{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-border));box-shadow:none}.dash-summary__card:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dash-summary__label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.dash-summary__value{font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.35rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0;line-height:1}.dash-summary__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.dash-actions{animation:dash-rise .55s var(--ease-out) .12s both}.dash-actions__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=700px){.dash-actions__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dash-actions__grid .ui-button{width:100%;text-decoration:none}.dash-panels{gap:var(--space-4);animation:dash-rise .55s var(--ease-out) .18s both;display:grid}@media (width>=900px){.dash-panels{grid-template-columns:1.35fr 1fr;align-items:start}}.dash-loading{color:var(--color-text-muted);margin:0}.dash-activity,.dash-reminder-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.dash-activity__item,.dash-reminder-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.dash-activity__item:last-child,.dash-reminder-item:last-child{border-bottom:0;padding-bottom:0}.dash-activity__title,.dash-reminder-item__title{font-weight:var(--weight-medium);color:var(--color-text);margin:0}.dash-activity__detail,.dash-reminder-item__when{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.dash-activity__meta{gap:var(--space-2);justify-items:end;display:grid}.dash-activity__time{font-size:var(--text-xs);color:var(--color-text-muted)}.dash-reminder-item__link{color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none}.dash-reminder-item__link:hover{text-decoration:underline}@keyframes dash-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page--documents{gap:var(--space-5);max-width:68rem;display:grid}.docs-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.docs-header__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.docs-header__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.docs-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);margin:0}.docs-layout{gap:var(--space-4);display:grid}@media (width>=960px){.docs-layout{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.docs-main{gap:var(--space-4);display:grid}.docs-filters{gap:var(--space-3);margin-bottom:var(--space-4);display:grid}@media (width>=640px){.docs-filters{grid-template-columns:1.4fr 1fr;align-items:start}}.doc-form{gap:var(--space-4);display:grid}.doc-form__row{gap:var(--space-3);display:grid}@media (width>=520px){.doc-form__row{grid-template-columns:1fr 1fr}}.doc-form__error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.doc-form__actions{justify-content:flex-end;display:flex}.docs-loading{color:var(--color-text-muted);margin:0}.doc-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.doc-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, transparent);display:grid}@media (width>=700px){.doc-item{grid-template-columns:1fr auto;align-items:start}}.doc-item__top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.doc-item__title{font-weight:var(--weight-medium);color:var(--color-text);margin:0}.doc-item__description{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.doc-item__meta{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.doc-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.page--expiry{gap:var(--space-6);max-width:72rem;display:grid}.expiry-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-4);animation:expiry-rise .55s var(--ease-out) both;flex-wrap:wrap;display:flex}.expiry-hero__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin:0}.expiry-hero__title{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.35rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:var(--leading-tight)}.expiry-hero__subtitle{margin:var(--space-2) 0 0;max-width:44ch;color:var(--color-text-muted);line-height:var(--leading-normal)}.expiry-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);margin:0}.expiry-zones{gap:var(--space-3);animation:expiry-rise .55s var(--ease-out) 40ms both;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=900px){.expiry-zones{grid-template-columns:repeat(4,minmax(0,1fr))}}.expiry-zone{gap:var(--space-2);padding:var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-xs);text-align:left;cursor:pointer;color:inherit;font:inherit;min-height:7.25rem;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:grid}.expiry-zone.is-loading{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-border));box-shadow:none;cursor:default}.expiry-zone:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.expiry-zone.is-active{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));box-shadow:var(--shadow-sm)}.expiry-zone--expired.is-active{border-color:color-mix(in srgb, var(--color-danger) 40%, var(--color-border));background:color-mix(in srgb, var(--color-danger-soft) 40%, var(--color-surface-raised))}.expiry-zone--critical.is-active,.expiry-zone--soon.is-active{border-color:color-mix(in srgb, var(--color-warning) 40%, var(--color-border));background:color-mix(in srgb, var(--color-warning-soft) 40%, var(--color-surface-raised))}.expiry-zone--watching.is-active{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 45%, var(--color-surface-raised))}.expiry-zone__label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.expiry-zone__value{font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.35rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0;line-height:1}.expiry-zone__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.expiry-filters{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.expiry-filter{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:.4rem .75rem;display:inline-flex}.expiry-filter:hover{border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border));color:var(--color-text)}.expiry-filter.is-active{background:var(--color-accent-soft);border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border));color:var(--color-accent);font-weight:var(--weight-medium)}.expiry-filter__count{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text) 8%, transparent);min-width:1.25rem;height:1.25rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 .35rem;display:inline-flex}.expiry-loading{color:var(--color-text-muted);margin:0}.expiry-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.expiry-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.expiry-item--expired{border-color:color-mix(in srgb, var(--color-danger) 28%, var(--color-border));background:color-mix(in srgb, var(--color-danger-soft) 35%, var(--color-surface))}.expiry-item--critical,.expiry-item--soon{border-color:color-mix(in srgb, var(--color-warning) 24%, var(--color-border));background:color-mix(in srgb, var(--color-warning-soft) 30%, var(--color-surface))}.expiry-item__title{font-weight:var(--weight-medium);color:var(--color-text);margin:0}.expiry-item__meta{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.expiry-item__aside{gap:var(--space-2);justify-items:end;display:grid}.expiry-item__days{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}@keyframes expiry-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-loading{min-height:100svh;color:var(--color-text-muted);font-size:var(--text-md);place-items:center;display:grid}.auth-screen{justify-content:center;align-items:center;gap:var(--space-6);min-height:100svh;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.auth-screen__brand{align-items:center;gap:var(--space-3);display:flex}.auth-screen__mark{border-radius:var(--radius-full);background:var(--color-accent);width:.75rem;height:.75rem;box-shadow:0 0 0 4px var(--color-accent-soft)}.auth-screen__name{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.2rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.auth-card{width:min(100%,26rem);box-shadow:var(--shadow-md)}.auth-form{gap:var(--space-4);display:grid}.auth-form .ui-button,.auth-oauth .ui-button{width:100%}.auth-oauth{gap:var(--space-3);display:grid}.auth-google-btn{gap:var(--space-3)}.auth-google-btn__icon{display:inline-flex}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-sm);grid-template-columns:1fr auto 1fr;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);height:1px}.auth-form__error,.auth-form__message{font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.auth-form__error{color:var(--color-danger)}.auth-setup-warning{width:min(100%,26rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft)}.auth-setup-warning code{font-family:var(--font-mono);font-size:.9em}.auth-form__message{color:var(--color-success)}.auth-screen__footer{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-screen__footer a{color:var(--color-accent);font-weight:var(--weight-medium);text-decoration:none}.auth-screen__footer a:hover{text-decoration:underline}.page--settings{gap:var(--space-5);max-width:68rem;display:grid}.settings-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-header__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.settings-header__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.settings-grid{gap:var(--space-4);display:grid}@media (width>=960px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.settings-form{gap:var(--space-4);display:grid}.settings-form__row{gap:var(--space-3);display:grid}@media (width>=560px){.settings-form__row{grid-template-columns:1fr 1fr}}.settings-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.settings-muted{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.settings-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.settings-success{color:var(--color-success);font-size:var(--text-sm);margin:0}.settings-theme{gap:var(--space-3);display:grid}.settings-theme__option{gap:var(--space-1);text-align:left;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, transparent);color:inherit;cursor:pointer;display:grid}.settings-theme__option.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.settings-theme__label{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-text)}.settings-theme__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.settings-toggle{gap:var(--space-3);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;display:grid}.settings-toggle input{accent-color:var(--color-accent);margin-top:.25rem}.settings-toggle strong{color:var(--color-text);font-weight:var(--weight-medium);display:block}.settings-toggle__hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);display:block}.settings-notify-block{gap:var(--space-3);justify-items:start;display:grid}.settings-account-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.settings-account-label,.settings-section-label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.settings-section-label{font-weight:var(--weight-medium);color:var(--color-text)}.settings-account-value{margin:var(--space-1) 0 0;color:var(--color-text);font-weight:var(--weight-medium);word-break:break-all}.settings-danger{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);justify-items:start;display:grid}.page--tasks{gap:var(--space-5);max-width:68rem;display:grid}.tasks-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.tasks-header__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.tasks-header__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.tasks-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);margin:0}.tasks-layout{gap:var(--space-4);display:grid}@media (width>=960px){.tasks-layout{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.task-form{gap:var(--space-4);display:grid}.task-form__row{gap:var(--space-3);display:grid}@media (width>=520px){.task-form__row{grid-template-columns:1fr 1fr}}.task-form__error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.task-form__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.tasks-loading{color:var(--color-text-muted);margin:0}.task-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.task-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, transparent);grid-template-columns:auto 1fr;display:grid}@media (width>=700px){.task-item{grid-template-columns:auto 1fr auto;align-items:start}}.task-item.is-done{opacity:.72}.task-item.is-done .task-item__title{text-decoration:line-through}.task-item__check{place-items:start;padding-top:.2rem;display:grid}.task-item__check input{width:1.1rem;height:1.1rem;accent-color:var(--color-accent);cursor:pointer}.task-item__body{gap:var(--space-1);min-width:0;display:grid}.task-item__top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.task-item__title{font-weight:var(--weight-medium);color:var(--color-text);margin:0}.task-item__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.task-item__due{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.task-item__actions{gap:var(--space-2);flex-wrap:wrap;grid-column:2;display:flex}@media (width>=700px){.task-item__actions{grid-column:auto;justify-content:flex-end}}