:root{--ground:#f4f2ee;--ground-raised:#fff;--ground-sunken:#eae7e2;--text-primary:#2c2e30;--text-secondary:#6b6966;--text-tertiary:#9e9b97;--border:#d9d6d1;--border-subtle:#e8e5e0;--accent:#3d7a5f;--accent-soft:#3d7a5f18;--accent-text:#2e5d48;--nav:#5b6e8a;--nav-soft:#5b6e8a14;--warning:#c4863b;--warning-soft:#c4863b14;--warning-text:#9a6a2e;--critical:#b5524e;--critical-soft:#b5524e12;--critical-text:#8e3f3c;--done:#3d7a5f;--done-soft:#3d7a5f12;--sidebar-bg:#2c3136;--sidebar-text:#b0ada8;--sidebar-active:#f4f2ee;--sidebar-hover:#3a3f44;--photo-bg:#e2dfd9}@media (prefers-color-scheme:dark){:root{--ground:#1c2024;--ground-raised:#262a2e;--ground-sunken:#16191c;--text-primary:#e8e6e2;--text-secondary:#9e9b97;--text-tertiary:#6b6966;--border:#3a3e42;--border-subtle:#2e3236;--accent:#5da882;--accent-soft:#5da88220;--accent-text:#7cc4a0;--nav-soft:#5b6e8a20;--warning:#d9a054;--warning-soft:#d9a05418;--warning-text:#e0b06a;--critical:#d0706c;--critical-soft:#d0706c18;--critical-text:#e0847f;--done:#5da882;--done-soft:#5da88218;--sidebar-bg:#14171a;--sidebar-text:#7a7773;--sidebar-active:#e8e6e2;--sidebar-hover:#1e2226;--photo-bg:#2e3236}}:root[data-theme=dark]{--ground:#1c2024;--ground-raised:#262a2e;--ground-sunken:#16191c;--text-primary:#e8e6e2;--text-secondary:#9e9b97;--text-tertiary:#6b6966;--border:#3a3e42;--border-subtle:#2e3236;--accent:#5da882;--accent-soft:#5da88220;--accent-text:#7cc4a0;--nav-soft:#5b6e8a20;--warning:#d9a054;--warning-soft:#d9a05418;--warning-text:#e0b06a;--critical:#d0706c;--critical-soft:#d0706c18;--critical-text:#e0847f;--done:#5da882;--done-soft:#5da88218;--sidebar-bg:#14171a;--sidebar-text:#7a7773;--sidebar-active:#e8e6e2;--sidebar-hover:#1e2226;--photo-bg:#2e3236}:root[data-theme=light]{--ground:#f4f2ee;--ground-raised:#fff;--ground-sunken:#eae7e2;--text-primary:#2c2e30;--text-secondary:#6b6966;--text-tertiary:#9e9b97;--border:#d9d6d1;--border-subtle:#e8e5e0;--accent:#3d7a5f;--accent-soft:#3d7a5f18;--accent-text:#2e5d48;--nav-soft:#5b6e8a14;--warning:#c4863b;--warning-soft:#c4863b14;--warning-text:#9a6a2e;--critical:#b5524e;--critical-soft:#b5524e12;--critical-text:#8e3f3c;--done:#3d7a5f;--done-soft:#3d7a5f12;--sidebar-bg:#2c3136;--sidebar-text:#b0ada8;--sidebar-active:#f4f2ee;--sidebar-hover:#3a3f44;--photo-bg:#e2dfd9}:root[data-color-theme=ocean]{--accent:#3b6b96;--accent-soft:#3b6b9618;--accent-text:#2c5274;--nav:#4a7baa;--nav-soft:#4a7baa14;--warning:#b8923e;--warning-soft:#b8923e14;--warning-text:#957530;--critical:#a8524e;--critical-soft:#a8524e12;--critical-text:#8a403d;--done:#3b6b96;--done-soft:#3b6b9612;--sidebar-bg:#1e2a38;--sidebar-hover:#283848}@media (prefers-color-scheme:dark){:root[data-color-theme=ocean]{--accent:#5a9bcb;--accent-soft:#5a9bcb20;--accent-text:#7ab4de;--warning:#d4a84e;--warning-soft:#d4a84e18;--warning-text:#e0bc6a;--critical:#c8706c;--critical-soft:#c8706c18;--critical-text:#da8a86;--done:#5a9bcb;--done-soft:#5a9bcb18;--sidebar-bg:#121c26;--sidebar-hover:#1a2836}}:root[data-theme=dark][data-color-theme=ocean]{--accent:#5a9bcb;--accent-soft:#5a9bcb20;--accent-text:#7ab4de;--warning:#d4a84e;--warning-soft:#d4a84e18;--warning-text:#e0bc6a;--critical:#c8706c;--critical-soft:#c8706c18;--critical-text:#da8a86;--done:#5a9bcb;--done-soft:#5a9bcb18;--sidebar-bg:#121c26;--sidebar-hover:#1a2836}:root[data-theme=light][data-color-theme=ocean]{--accent:#3b6b96;--accent-soft:#3b6b9618;--accent-text:#2c5274;--warning:#b8923e;--warning-soft:#b8923e14;--warning-text:#957530;--critical:#a8524e;--critical-soft:#a8524e12;--critical-text:#8a403d;--done:#3b6b96;--done-soft:#3b6b9612;--sidebar-bg:#1e2a38;--sidebar-hover:#283848}:root[data-color-theme=ember]{--accent:#b5654a;--accent-soft:#b5654a18;--accent-text:#8e4e39;--nav:#c07850;--nav-soft:#c0785014;--warning:#c09040;--warning-soft:#c0904014;--warning-text:#9a7332;--critical:#a84040;--critical-soft:#a8404012;--critical-text:#8a3232;--done:#6a8f5b;--done-soft:#6a8f5b12;--sidebar-bg:#352a24;--sidebar-hover:#463830}@media (prefers-color-scheme:dark){:root[data-color-theme=ember]{--accent:#d4845e;--accent-soft:#d4845e20;--accent-text:#e49e7a;--warning:#d8a858;--warning-soft:#d8a85818;--warning-text:#e4bc72;--critical:#cc5c5c;--critical-soft:#cc5c5c18;--critical-text:#e07878;--done:#82aa72;--done-soft:#82aa7218;--sidebar-bg:#221a16;--sidebar-hover:#302420}}:root[data-theme=dark][data-color-theme=ember]{--accent:#d4845e;--accent-soft:#d4845e20;--accent-text:#e49e7a;--warning:#d8a858;--warning-soft:#d8a85818;--warning-text:#e4bc72;--critical:#cc5c5c;--critical-soft:#cc5c5c18;--critical-text:#e07878;--done:#82aa72;--done-soft:#82aa7218;--sidebar-bg:#221a16;--sidebar-hover:#302420}:root[data-theme=light][data-color-theme=ember]{--accent:#b5654a;--accent-soft:#b5654a18;--accent-text:#8e4e39;--warning:#c09040;--warning-soft:#c0904014;--warning-text:#9a7332;--critical:#a84040;--critical-soft:#a8404012;--critical-text:#8a3232;--done:#6a8f5b;--done-soft:#6a8f5b12;--sidebar-bg:#352a24;--sidebar-hover:#463830}:root[data-color-theme=plum]{--accent:#7b5ea7;--accent-soft:#7b5ea718;--accent-text:#5e4782;--nav:#8a6db5;--nav-soft:#8a6db514;--warning:#b8893e;--warning-soft:#b8893e14;--warning-text:#956e30;--critical:#b05050;--critical-soft:#b0505012;--critical-text:#8e3e3e;--done:#5e8a6d;--done-soft:#5e8a6d12;--sidebar-bg:#28232e;--sidebar-hover:#362f3e}@media (prefers-color-scheme:dark){:root[data-color-theme=plum]{--accent:#a082cc;--accent-soft:#a082cc20;--accent-text:#b89ade;--warning:#d4a258;--warning-soft:#d4a25818;--warning-text:#e0b872;--critical:#d06c6c;--critical-soft:#d06c6c18;--critical-text:#e08888;--done:#78a888;--done-soft:#78a88818;--sidebar-bg:#1a1620;--sidebar-hover:#261f2e}}:root[data-theme=dark][data-color-theme=plum]{--accent:#a082cc;--accent-soft:#a082cc20;--accent-text:#b89ade;--warning:#d4a258;--warning-soft:#d4a25818;--warning-text:#e0b872;--critical:#d06c6c;--critical-soft:#d06c6c18;--critical-text:#e08888;--done:#78a888;--done-soft:#78a88818;--sidebar-bg:#1a1620;--sidebar-hover:#261f2e}:root[data-theme=light][data-color-theme=plum]{--accent:#7b5ea7;--accent-soft:#7b5ea718;--accent-text:#5e4782;--warning:#b8893e;--warning-soft:#b8893e14;--warning-text:#956e30;--critical:#b05050;--critical-soft:#b0505012;--critical-text:#8e3e3e;--done:#5e8a6d;--done-soft:#5e8a6d12;--sidebar-bg:#28232e;--sidebar-hover:#362f3e}:root[data-color-theme=slate]{--accent:#5a6a78;--accent-soft:#5a6a7818;--accent-text:#455562;--nav:#6a7a88;--nav-soft:#6a7a8814;--warning:#a08850;--warning-soft:#a0885014;--warning-text:#806d3e;--critical:#987070;--critical-soft:#98707012;--critical-text:#7a5858;--done:#5a7a6a;--done-soft:#5a7a6a12;--sidebar-bg:#22272b;--sidebar-hover:#303840}@media (prefers-color-scheme:dark){:root[data-color-theme=slate]{--accent:#7a8e9e;--accent-soft:#7a8e9e20;--accent-text:#96aab8;--warning:#bca268;--warning-soft:#bca26818;--warning-text:#d0b880;--critical:#b08888;--critical-soft:#b0888818;--critical-text:#c8a0a0;--done:#7a9e8e;--done-soft:#7a9e8e18;--sidebar-bg:#16191c;--sidebar-hover:#1e2428}}:root[data-theme=dark][data-color-theme=slate]{--accent:#7a8e9e;--accent-soft:#7a8e9e20;--accent-text:#96aab8;--warning:#bca268;--warning-soft:#bca26818;--warning-text:#d0b880;--critical:#b08888;--critical-soft:#b0888818;--critical-text:#c8a0a0;--done:#7a9e8e;--done-soft:#7a9e8e18;--sidebar-bg:#16191c;--sidebar-hover:#1e2428}:root[data-theme=light][data-color-theme=slate]{--accent:#5a6a78;--accent-soft:#5a6a7818;--accent-text:#455562;--warning:#a08850;--warning-soft:#a0885014;--warning-text:#806d3e;--critical:#987070;--critical-soft:#98707012;--critical-text:#7a5858;--done:#5a7a6a;--done-soft:#5a7a6a12;--sidebar-bg:#22272b;--sidebar-hover:#303840}:root{--font-display:Palatino Linotype,Palatino,"Book Antiqua",Georgia,serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-data:"SF Mono","Cascadia Code","Fira Code",ui-monospace,monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:20px;--text-2xl:22px;--text-3xl:28px;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.06em;--tracking-widest:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-s:4px;--radius-m:6px;--radius-l:8px;--radius-full:9999px;--shadow-card:0 1px 3px #0000000f;--shadow-overlay:0 8px 32px #0000001f,0 2px 8px #00000014}@media (prefers-color-scheme:dark){:root{--shadow-card:0 1px 3px #0003;--shadow-overlay:0 8px 32px #0006,0 2px 8px #0000004d}}:root[data-theme=dark]{--shadow-card:0 1px 3px #0003;--shadow-overlay:0 8px 32px #0006,0 2px 8px #0000004d}:root[data-theme=light]{--shadow-card:0 1px 3px #0000000f;--shadow-overlay:0 8px 32px #0000001f,0 2px 8px #00000014}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--ground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{text-wrap:balance}.label{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.section-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:600}.mono{font-family:var(--font-data);font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-s);cursor:pointer;border:1px solid var(--border);background:var(--ground-raised);color:var(--text-primary);padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;transition:border-color .15s,opacity .15s;display:inline-flex}.btn:hover{border-color:var(--text-tertiary)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn svg{width:14px;height:14px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--critical);color:#fff;border-color:var(--critical)}.btn-danger:hover{opacity:.9}.btn-lg{font-size:var(--text-base);padding:10px 20px}.btn-block{justify-content:center;width:100%}@media (width<=640px){.btn{padding:10px 16px;font-size:14px}}.card{background:var(--ground-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-m);padding:var(--space-5);box-shadow:var(--shadow-card)}.card-section-title{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);font-weight:600}.stat-card{background:var(--ground-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-m);padding:var(--space-4) 18px;box-shadow:var(--shadow-card)}.stat-label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.stat-value-good{color:var(--accent-text)}.stat-value-warn{color:var(--warning-text)}.stat-value-crit{color:var(--critical-text)}.stat-detail{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}@media (width<=640px){.card{padding:var(--space-4)}.stat-card{padding:var(--space-3) var(--space-4)}.stat-value{font-size:var(--text-2xl)}}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:13px;font-weight:500}.form-input,.form-label{color:var(--text-primary)}.form-input{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--ground-raised);font-size:var(--text-base);outline:none;padding:8px 12px;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-tertiary)}.form-input-error{border-color:var(--critical)}.form-error{color:var(--critical-text)}.form-error,.form-hint{font-size:var(--text-sm)}.form-hint{color:var(--text-tertiary)}.search-box{align-items:center;gap:var(--space-2);background:var(--ground-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-m);padding:7px 12px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box svg{width:15px;height:15px;color:var(--text-tertiary);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-box input::placeholder{color:var(--text-tertiary)}@media (width<=640px){.form-input{padding:10px 12px;font-size:16px}}.badge{font-size:var(--text-xs);letter-spacing:.02em;border-radius:3px;align-items:center;padding:2px 7px;font-weight:500;display:inline-flex}.badge-recurring{background:var(--nav-soft);color:var(--nav)}.badge-onetime{background:var(--ground-sunken);color:var(--text-secondary)}.badge-overdue{background:var(--critical-soft);color:var(--critical-text)}.badge-due-soon{background:var(--warning-soft);color:var(--warning-text)}.badge-active{background:var(--accent-soft);color:var(--accent-text)}.warranty-status{font-size:var(--text-sm);align-items:center;gap:5px;display:inline-flex}.warranty-active{color:var(--accent-text)}.warranty-expiring{color:var(--warning-text)}.warranty-expired{color:var(--text-tertiary)}.warranty-pip{border-radius:50%;width:6px;height:6px}.warranty-active .warranty-pip{background:var(--accent)}.warranty-expiring .warranty-pip{background:var(--warning)}.warranty-expired .warranty-pip{background:var(--text-tertiary)}.sidebar{background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;width:200px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{padding:var(--space-5) var(--space-4) var(--space-6);align-items:center;gap:var(--space-3);color:var(--sidebar-active);border-bottom:1px solid #ffffff0f;display:flex}.brand-logo{flex-shrink:0}.sidebar-brand h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--sidebar-active);letter-spacing:var(--tracking-tight);font-weight:700;line-height:1}.sidebar-brand span{font-family:var(--font-body);font-size:var(--text-xs);color:var(--sidebar-text);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-top:var(--space-1);display:block}.sidebar-nav{padding:var(--space-3) var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-s);color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-active)}.nav-item.active{color:var(--sidebar-active);background:#ffffff14}.nav-item svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item.active svg,.nav-item:hover svg{opacity:1}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-section-label{letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--sidebar-text);opacity:.5;padding:var(--space-4) var(--space-3) var(--space-2);font-size:10px}.sidebar-footer{padding:var(--space-3) var(--space-2) var(--space-4);border-top:1px solid #ffffff0f}@media (width<=960px){.sidebar{width:56px}.brand-text,.nav-item-label,.nav-section-label{display:none}.sidebar-brand{padding:var(--space-4) var(--space-2) var(--space-5);justify-content:center}.nav-item{justify-content:center;padding:10px}.sidebar-nav{padding:var(--space-3) var(--space-1)}}@media (width<=640px){.sidebar{z-index:100;border-top:1px solid #ffffff1a;flex-direction:row;width:100%;height:auto;position:fixed;top:auto;bottom:0;overflow:visible}.nav-section-label,.sidebar-brand,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;flex:1;justify-content:space-around;gap:0;padding:0}.nav-item{border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:8px 4px 6px;font-size:10px}.nav-item-label{font-size:10px;line-height:1;display:block}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--sidebar-active);background:0 0}.nav-item.active svg{opacity:1}.nav-item:hover{background:0 0}}