@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#eeeee9;--surface:#fff;--row-hover:#f7f7f4;--foreground:#202020;--muted:#5f5f5f;--line:#c8c8c2;--control:#868682;--selected:#deded6;--primary:#242424;--primary-hover:#414141;--accent:#d3634f;--accent-text:#a83f30;--accent-surface:#fbe9e3;--danger:#b42318;--focus:#2457c5;--backdrop:#2020204d;--radius:6px;--radius-card:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--dur-state:.14s;--dur-entrance:.42s;--ease-state:ease-out;--ease-entrance:cubic-bezier(.2, .8, .2, 1);--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:21px;--text-xl:30px;--text-display:clamp(52px, 9.4vw, 92px);--overlay-shadow:0 16px 48px #00000026;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{line-height:var(--leading-normal);-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{margin-inline-end:var(--space-1)}button{cursor:pointer;background:0 0;border:0}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-search-decoration{-webkit-appearance:none}a,button{touch-action:manipulation}button:disabled{cursor:not-allowed}.button:disabled{background:var(--selected);color:var(--muted);border-color:#0000}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-underline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}ol,ul{list-style:none}table{text-indent:0;border-color:inherit;border-collapse:collapse}summary{display:list-item}svg{vertical-align:middle;display:block}[hidden]:not([hidden=until-found]){display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--selected);color:var(--foreground)}*{scrollbar-color:var(--control) var(--background);scrollbar-width:thin}input,textarea{caret-color:var(--foreground)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input,select,textarea{background:var(--surface);border:1px solid var(--control);border-radius:var(--radius);padding:var(--space-2) var(--space-3);min-width:0;min-height:40px;transition:border-color var(--dur-state) var(--ease-state)}input:hover,textarea:hover{border-color:var(--foreground)}select{appearance:none;padding-right:var(--space-7);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235f5f5f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}select:hover{border-color:var(--foreground)}textarea{resize:vertical}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding-block:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);padding:var(--space-2) var(--space-3);min-height:40px;font-size:var(--text-sm);transition:background var(--dur-state) var(--ease-state), border-color var(--dur-state) var(--ease-state);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.button svg,.icon-button svg{flex-shrink:0}.primary{background:var(--primary);color:var(--surface)}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{background:var(--surface);border-color:var(--control)}.secondary:hover:not(:disabled){background:var(--selected)}.danger{background:var(--danger);color:var(--surface)}.text-button{align-items:center;gap:var(--space-2);text-underline-offset:3px;font-size:var(--text-xs);padding:var(--space-2) 0;text-decoration:underline;display:inline-flex}.icon-button{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:var(--selected)}.app-shell{max-width:1600px;margin:auto}.app-header{height:56px;margin:0 var(--space-8);align-items:center;gap:var(--space-5);border-bottom:1px solid var(--line);display:flex}.brand{text-decoration:none}.brand-word{font-size:var(--text-lg);letter-spacing:-.04em;font-weight:600}.save-indicator{font-size:var(--text-xs);color:var(--muted);border-left:1px solid var(--line);padding-left:var(--space-5)}.save-warning{color:var(--accent-text)}.dashboard{padding:var(--space-5) var(--space-8) var(--space-6)}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.heading-actions{align-items:center;gap:var(--space-3);min-width:0;display:flex}.count-badge{min-width:18px;height:18px;padding:0 var(--space-1);background:var(--accent);color:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:11px;display:inline-grid}.heading-line{align-items:baseline;gap:var(--space-4);display:flex}h1{font-size:var(--text-lg);letter-spacing:-.03em;font-weight:500}.active-count{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.demo-banner{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--muted);margin:calc(-1 * var(--space-2)) 0 var(--space-3);display:flex}.demo-banner .text-button{padding:var(--space-1) 0;color:var(--foreground);flex-shrink:0}.due-label{color:var(--accent-text);background:var(--accent-surface);padding:1px var(--space-2);font-variant-numeric:tabular-nums;border-radius:999px}.subscription-toolbar{gap:var(--space-3);border-top:1px solid var(--line);padding:var(--space-3) 0;align-items:center;display:flex}.filter-tabs,.view-toggle{align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius);background:var(--selected);flex-shrink:0;display:flex}.filter-tabs button,.view-toggle button{border-radius:calc(var(--radius) - 2px);transition:background var(--dur-state) var(--ease-state), color var(--dur-state) var(--ease-state);color:var(--muted)}.filter-tabs button:hover,.view-toggle button:hover{color:var(--foreground)}.filter-tabs button{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);min-height:34px;font-weight:500}.filter-tabs button.selected,.view-toggle button.selected{background:var(--surface);color:var(--foreground)}.filter-button.selected{background:var(--selected)}.search-box{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--control);border-radius:var(--radius);min-width:120px;padding:0 var(--space-3);flex:1;display:flex}.search-box>svg{color:var(--muted);flex-shrink:0}.search-box input{width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);background:0 0;border:0}.search-box:focus-within{outline:2px solid var(--focus);outline-offset:3px}.search-box input:focus-visible{outline:none}.search-box button{padding:var(--space-2) 0;display:flex}.subscription-toolbar>select{font-size:var(--text-xs);max-width:190px}.view-toggle button{place-items:center;width:34px;height:34px;display:grid}.filter-panel{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.filter-panel label{gap:var(--space-2);font-size:var(--text-xs);flex-direction:column;flex:1;max-width:280px;display:flex}.applied-filters{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.applied-filters>span{color:var(--muted);margin-right:var(--space-2)}.applied-filters button{align-items:center;gap:var(--space-2);background:var(--selected);padding:var(--space-2) var(--space-2);border-radius:var(--radius);overflow-wrap:anywhere;max-width:100%;display:inline-flex}.applied-filters .clear-filters{background:0 0;text-decoration:underline}.subscription-table{table-layout:fixed;border-collapse:collapse;background:var(--surface);border-top:1px solid var(--line);width:100%}.subscription-table th{text-align:left;font-weight:400;font-size:var(--text-xs);color:var(--muted);border-bottom:1px solid var(--line);height:40px;padding:0 var(--space-4)}.subscription-table th:first-child{width:29%}.subscription-table th.payment-column{width:20%}.subscription-table th.annual-column{width:17%}.subscription-table th:last-child{width:85px}.subscription-table th button{padding:var(--space-2) 0;text-align:inherit}.subscription-table .payment-column,.subscription-table .annual-column{text-align:right}.subscription-table td{height:52px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.subscription-table tbody tr{cursor:pointer;transition:background var(--dur-state) var(--ease-state)}.subscription-table tbody tr:hover,.subscription-table tbody tr:focus-within{background:var(--row-hover)}.row-service{align-items:center;gap:var(--space-3);min-width:0;display:flex}.row-name{font-weight:500}.service-mark{width:32px;height:32px;color:var(--foreground);flex-shrink:0;place-items:center;display:grid}.service-mark-art{width:var(--mark-size,22px);height:var(--mark-size,22px);place-items:center;display:grid}.numeric{font-variant-numeric:tabular-nums}.numeric .muted{font-size:var(--text-xs);white-space:nowrap}.renewal-label{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.renewal-label>span{white-space:nowrap}.renewal-track{background:var(--line);height:3px;margin-top:var(--space-2)}.renewal-track>span{background:var(--control);height:100%;display:block}.renewal-track.renewal-soon>span{background:var(--accent)}.row-manage{white-space:nowrap;font-size:var(--text-xs);color:var(--muted);padding:var(--space-2) 0;transition:color var(--dur-state) var(--ease-state)}.subscription-table tbody tr:hover .row-manage,.row-manage:focus-visible{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.mobile-payment{display:none}.subscription-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.empty-state{padding:var(--space-8) var(--space-5);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-state>svg{margin:0 auto var(--space-4);color:var(--muted)}.empty-state h2{font-size:var(--text-lg);font-weight:500}.empty-state p{font-size:var(--text-sm);color:var(--muted);margin:var(--space-2) 0 var(--space-5)}.empty-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.loading-screen{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;min-height:70vh;display:flex}.loading-screen p{color:var(--muted)}.storage-banner{align-items:center;gap:var(--space-3);background:var(--accent-surface);color:var(--accent-text);font-size:var(--text-sm);padding:var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius);display:flex}.storage-banner>svg{flex-shrink:0}.storage-banner>.text-button{flex-shrink:0;margin-left:auto}.dialog{width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-6);background:var(--surface);color:var(--foreground);border-radius:var(--radius);box-shadow:var(--overlay-shadow);border:0;margin:auto;overflow:auto}.dialog::backdrop{background:var(--backdrop)}.dialog-wide{width:640px}.dialog-side{width:480px;max-width:100%;height:100dvh;max-height:100dvh;padding:var(--space-6);border-radius:0;flex-direction:column;margin:0 0 0 auto;display:flex}.dialog-side>.delete-section{margin-top:auto}.dialog-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.dialog-title{flex:1;min-width:0}.dialog-heading h2{font-size:var(--text-lg);letter-spacing:-.025em;overflow-wrap:anywhere;font-weight:500}.dialog-title p{color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-1)}.dialog-heading .service-mark{width:36px;height:36px}.dialog-heading .icon-button{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0}.dialog-intro{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.form-stack{gap:var(--space-5);flex-direction:column;display:flex}.form-stack label{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;min-width:0;display:flex}.form-row{gap:var(--space-4);display:flex}.form-row>*{flex:1;min-width:0}.optional{font-size:var(--text-xs);color:var(--muted);display:contents}.form-stack input,.form-stack select,.form-stack textarea{width:100%}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.form-error{font-size:var(--text-sm);color:var(--danger)}.detail-stats{gap:var(--space-4);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.detail-stats span{font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-2);display:block}.detail-stats strong{font-size:var(--text-lg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:500}.detail-stats small{font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-1)}.detail-notes{padding-top:var(--space-5);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere}.cancel-section{margin-top:var(--space-6)}.cancel-section h3{font-size:var(--text-base);font-weight:500}.cancel-section>p,.backup-section>p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--muted);margin:var(--space-3) 0 var(--space-5)}.full-width{width:100%}.fine-print,.cancel-section .fine-print{font-size:var(--text-xs);color:var(--muted);line-height:var(--leading-relaxed);margin:var(--space-2) 0}.checkbox-label{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);cursor:pointer;margin:var(--space-6) 0 var(--space-4);display:flex}.checkbox-label input{accent-color:var(--foreground);width:16px;height:16px;min-height:0;margin-top:var(--space-1);flex-shrink:0}.note-box{padding:var(--space-3);background:var(--background);border-radius:var(--radius);font-size:var(--text-xs);color:var(--muted);line-height:var(--leading-relaxed)}.delete-section{border-top:1px solid var(--line);padding-top:var(--space-5);margin-top:var(--space-6)}.delete-section p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.danger-text{color:var(--danger)}.backup-section{border-top:1px solid var(--line);padding-top:var(--space-5)}.backup-section h3{font-size:var(--text-base);font-weight:500}.backup-actions{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.toast{z-index:100;align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100vw - 32px);padding:var(--space-4) var(--space-5);background:var(--primary);color:var(--surface);border-radius:var(--radius);box-shadow:var(--overlay-shadow);font-size:var(--text-sm);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast>svg,.toast-close{flex-shrink:0}.toast button{text-decoration:underline}.toast-close{padding:var(--space-1);display:flex}.dialog-side[open]{animation:panel-in var(--dur-state) var(--ease-state)}@keyframes panel-in{0%{translate:12px}to{translate:0}}@media (min-width:1400px){.app-shell{max-width:1440px}}@media (max-width:1100px){.app-header{margin:0 var(--space-6)}.dashboard{padding:var(--space-6) var(--space-6)}.subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-toolbar{flex-wrap:wrap}.subscription-table th:first-child{width:27%}.subscription-table th.payment-column{width:20%}.subscription-table th.annual-column{width:17%}.subscription-table td,.subscription-table th{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (max-width:768px){.app-header{margin:0 var(--space-5);gap:var(--space-4);height:60px}.dashboard{padding:var(--space-5)}.save-indicator{padding-left:var(--space-4)}.subscription-table .annual-column{display:none}.subscription-table th:first-child{width:34%}.subscription-table th.payment-column{width:24%}.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-toolbar{gap:var(--space-3)}.subscription-toolbar>.search-box{min-width:180px}.subscription-toolbar>.view-toggle{margin-left:auto}}@media (max-width:540px){.app-header{margin:0 var(--space-4);gap:var(--space-3)}.settings-button{padding:var(--space-2)}.settings-button>span{display:none}.dashboard{padding:var(--space-5) var(--space-4)}.page-heading{align-items:center;gap:var(--space-3);flex-wrap:wrap}.heading-actions{width:100%}.heading-actions>*{flex:1;min-width:0}.heading-line{display:block}.active-count{margin-top:var(--space-1);display:block}.demo-banner{margin:0 0 var(--space-4);flex-wrap:wrap;align-items:flex-start;gap:0}.demo-banner .text-button{padding-bottom:0}.subscription-toolbar{grid-template-columns:1fr auto auto;display:grid}.filter-tabs{grid-area:1/1/auto/3}.view-toggle{grid-area:1/3}.search-box{grid-area:2/1/auto/-1}.filter-button{grid-column:1;justify-self:start}.subscription-toolbar>select{grid-column:2/4;width:100%;max-width:none}.filter-panel{flex-direction:column}.filter-panel label{max-width:none}.subscription-table .payment-column{display:none}.subscription-table th:first-child{width:43%}.subscription-table th:last-child{width:68px}.subscription-table th,.subscription-table td{padding:var(--space-3) var(--space-2)}.row-service{gap:0}.row-service .service-mark{display:none}.mobile-payment{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1);display:block}.renewal-label .due-label{padding:1px var(--space-1)}.row-manage{min-height:44px}.subscription-table td{height:66px}.subscription-grid{grid-template-columns:1fr}.storage-banner{flex-wrap:wrap}.storage-banner>span{flex:1}.storage-banner>.text-button{margin-left:var(--space-6)}.dialog{padding:var(--space-6) var(--space-5)}.dialog-side{width:100%}.form-stack input,.form-stack select,.form-stack textarea{font-size:16px}.dialog-actions{flex-wrap:wrap}}@media (max-width:360px){.subscription-table th:first-child{width:40%}.subscription-table th:last-child{width:68px}.renewal-label{flex-wrap:wrap;gap:2px}.form-row{flex-direction:column}.backup-actions{grid-template-columns:1fr}}@media (pointer:coarse){.button,.icon-button,.text-button,.row-manage{min-height:44px}.icon-button{min-width:44px}.filter-tabs button,.view-toggle button{min-height:38px}.view-toggle button{min-width:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.planned-filter{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2);border-radius:var(--radius);font-size:var(--text-sm);color:var(--muted);transition:background var(--dur-state) var(--ease-state), color var(--dur-state) var(--ease-state);flex-shrink:0;display:flex}.planned-filter:hover,.planned-filter.selected{background:var(--selected);color:var(--foreground)}.planned-filter>span{font-variant-numeric:tabular-nums}.row-cancellation{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--muted);display:block}.row-cancellation-soon{color:var(--accent-text)}.cancel-section.planned-cancellation{margin-top:var(--space-4)}.planned-cancellation>h3{color:var(--accent-text)}@media (max-width:900px){.subscription-toolbar{flex-wrap:wrap}.subscription-toolbar .search-box{flex-basis:240px}}@media (max-width:540px){.planned-filter{grid-area:2/1/auto/-1;justify-self:start;min-height:44px}.subscription-toolbar:has(.planned-filter) .search-box{grid-row:3}.subscription-toolbar:has(.planned-filter) .filter-button{grid-row:4}.subscription-toolbar:has(.planned-filter)>select{grid-row:4}}.planned-cancellation>button+button{margin-top:var(--space-2)}:root{--background:#f5f3eb;--surface:#fffdf7;--line:#d2cfc3;--row-hover:#f0eee4;--selected:#e6e7da;--foreground:#292d24;--muted:#606256;--primary:#292d24;--accent:#c86646;--accent-text:#9b432b;--accent-surface:#f5e0d2;--radius:10px;--radius-card:18px}.app-header{gap:20px;height:80px}.brand-word{letter-spacing:-.055em;font-size:27px;font-weight:700}.brand-word:after{content:".";color:#b6583b}.dashboard{padding-top:28px}.page-heading{margin-bottom:20px}.heading-line h1{letter-spacing:-.045em;font-size:32px;font-weight:500}.heading-dot{color:#bd6044}.active-count{background:#e8e8dc;border:1px solid #d7d8c8;border-radius:999px;padding:4px 9px;font-size:11px}.button{border-radius:999px;padding:10px 16px}.button.primary{color:#292d24;background:#deecad;border:1px solid #bbc98e}.button.primary:hover{background:#d2e595}.button.secondary{background:#fffdf7;border-color:#d2cfc3}.demo-banner{background:#eceee1;border-radius:10px;margin:0 0 10px;padding:9px 14px;font-size:11px}.subscription-toolbar{padding:18px 0}.filter-tabs,.filter-tabs button{border-radius:999px}.search-box{background:#fffdf7;border-radius:999px}.subscription-grid{gap:20px}.heading-actions .button{font-size:12px}.settings-button{margin-left:auto}@media (max-width:768px){.heading-line h1{font-size:26px}.app-header{height:68px}.subscription-grid{gap:16px}}@media (max-width:540px){.heading-line{gap:8px}.heading-line h1{font-size:25px}.app-header{gap:8px}.app-header .button{padding:8px 12px}.brand-word{font-size:23px}.demo-banner{gap:8px;padding:12px}.demo-banner p{font-size:11px}}.shortcut-hint{border:1px solid var(--line);background:var(--background);min-width:22px;height:22px;color:var(--muted);font:500 11px/1 var(--font-geist-mono), monospace;border-radius:6px;place-items:center;padding:0 6px;display:grid}@media (pointer:coarse){.shortcut-hint{display:none}}::selection{color:var(--foreground);background:#deecad}@media (max-width:540px){.heading-actions{grid-template-columns:1fr 1fr;display:grid}.heading-actions>.primary{grid-area:1/1/auto/-1}.heading-actions .button{justify-content:center}.active-count{width:auto;display:inline-block}}
