:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f2;--bg-2:#e9ede9;--surface:#fff;--surface-2:#fbfcfa;--ink:#1f2421;--muted:#727a74;--line:#dfe4df;--accent:#0b8a61;--accent-dark:#08734f;--accent-soft:#e4f4ed;--green:#0b8a61;--green-soft:#e4f4ed;--danger:#b64036;--danger-soft:#fbe7e3;--shadow:0 1px 4px #19271e14;--overlay:#1f24216b;--radius:8px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141816;--bg-2:#1b211e;--surface:#1c221f;--surface-2:#242b27;--ink:#eef3ef;--muted:#8b958e;--line:#2e3832;--accent:#3dba8a;--accent-dark:#2d9a70;--accent-soft:#1b322a;--green:#5ec49a;--green-soft:#1b322a;--danger:#f07a70;--danger-soft:#3a1e1c;--shadow:0 12px 28px #00000052;--overlay:#0000008c}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overflow-x:hidden}body{background:var(--bg);min-width:320px;color:var(--ink);letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.app{min-height:100vh;padding-bottom:48px}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search actions";align-items:center;gap:16px;padding:14px 22px;display:grid;position:sticky;top:0}.brand{grid-area:brand}.search{grid-area:search}.top-actions{grid-area:actions}.brand{grid-area:brand;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);border-radius:8px;width:34px;height:34px;position:relative}.brand-mark:before{content:"";box-shadow:inset 3px 0 0 var(--accent-dark);background:#fff;border-radius:3px;position:absolute;inset:7px 8px 7px 6px}.brand-mark:after{content:"";opacity:.7;border-top:1.5px solid #1f2421;border-bottom:1.5px solid #1f2421;height:6px;position:absolute;top:14px;left:13px;right:11px}.brand strong{font-size:18px;font-weight:750;line-height:1.1;display:block}.brand small{color:var(--muted);font-size:12px}.search{border:1px solid var(--line);background:var(--surface);max-width:460px;height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none}.top-actions{grid-area:actions;align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:7px;place-items:center;display:grid}.primary-btn,.ghost-btn,.danger-btn,.custom-add{border-radius:7px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 14px;font-weight:700;display:inline-flex}.primary-btn{color:#fff;background:var(--accent);border:0}.primary-btn:hover{background:var(--accent-dark)}.ghost-btn,.custom-add{border:1px solid var(--line);background:var(--surface)}.danger-btn{color:var(--danger);background:var(--danger-soft);border:1px solid #0000}.text-btn{color:var(--accent);background:0 0;border:0;height:auto;padding:0;font-weight:650}.shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;width:min(1280px,100% - 32px);margin:22px auto 0;display:grid}.sidebar{gap:12px;display:grid;position:sticky;top:86px}.side-card,.year-bars,.stats article,.ticket,.empty,.due-row,.service-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.side-card{border-radius:var(--radius);padding:16px}.side-card.highlight{background:linear-gradient(180deg, var(--accent-soft), var(--surface))}.side-card p,.stats article p{color:var(--muted);margin:0;font-size:13px;font-weight:650}.side-card b,.stats article b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;display:block}.side-card small{color:var(--muted);font-size:12px}.side-nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:4px;padding:8px;display:grid}.side-nav button{height:38px;color:var(--ink);background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.side-nav button.on{background:var(--accent-soft);color:var(--accent-dark);font-weight:700}.side-nav em{color:var(--muted);font-variant-numeric:tabular-nums;font-style:normal}.year-bars{border-radius:var(--radius);padding:14px}.year-bars h3,.catalog-section h3,.section-head h2,.settings-body h3{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:750}.bars{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;display:grid}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:72px;display:flex}.bar-col span{background:var(--accent);border-radius:4px 4px 2px 2px;width:100%;min-height:0}.bar-col small{color:var(--muted);font-size:10px}.main{gap:22px;min-width:0;display:grid}.main>*{min-width:0}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mobile-cats{display:none}.stats article{border-radius:var(--radius);align-items:center;gap:12px;padding:16px;display:flex}.stats article svg{color:var(--accent)}.stats article b{font-size:24px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-head h2{color:var(--ink);margin:0;font-size:16px}.section-head small{color:var(--muted)}.timeline{grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;padding-bottom:4px;display:grid;overflow-x:auto}.day{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-items:center;gap:2px;min-width:0;padding:8px 4px 6px;display:grid}.day small{color:var(--muted);font-size:11px}.day strong{font-variant-numeric:tabular-nums}.day.today{border-color:var(--accent);background:var(--accent-soft)}.day.has{box-shadow:var(--shadow)}.dots{gap:3px;min-height:7px;display:flex}.dots i{border-radius:50%;width:7px;height:7px;display:block}.featured-rail{gap:8px;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.featured-rail.wrap{flex-wrap:wrap;overflow:visible}.featured-item{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:48px;padding:0 12px 0 6px;display:flex}.featured-item:hover{border-color:var(--accent)}.due-list{gap:8px;display:grid}.due-row{text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.due-row span{gap:2px;display:grid}.due-row small,.ticket small,.service-main small{color:var(--muted)}.due-row b{font-variant-numeric:tabular-nums}.list-tools{gap:8px;display:flex}.list-tools select,.editor-form input,.editor-form select,.editor-form textarea,.settings-body input{border:1px solid var(--line);background:var(--surface);border-radius:10px;height:42px;padding:0 10px}.editor-form textarea{resize:vertical;height:auto;padding:10px}.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ticket{border-radius:18px;grid-template-columns:6px 1fr;display:grid;overflow:hidden}.ticket.due{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.ticket.muted{opacity:.72}.ticket-body{padding:14px 14px 12px}.ticket-body header,.service-main,.editor-brand{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.ticket-name,.service-main span{gap:2px;min-width:0;display:grid}.ticket-name strong,.service-main strong,.due-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-price{text-align:right;font-variant-numeric:tabular-nums;justify-items:end;gap:2px;display:grid}.ticket-price>span{justify-content:flex-end;align-items:baseline;gap:2px;display:flex}.ticket-price b{letter-spacing:-.03em;font-size:20px}.ticket-fx{font-size:12px;font-weight:650}.ticket-perforation{border-top:1px dashed var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.ticket-perforation em,.save-hint{color:var(--accent);align-items:center;gap:4px;margin-left:8px;font-style:normal;font-weight:700;display:inline-flex}.save-hint{margin:8px 0 0;font-size:12px}.ticket-actions{gap:4px;display:flex}.ticket-actions button,.swatch{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;width:30px;height:30px}.mark{letter-spacing:-.04em;border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.empty{text-align:center;border-radius:20px;padding:36px 22px}.empty h3{margin:0 0 8px;font-size:22px}.empty p{max-width:420px;color:var(--muted);margin:0 auto 18px;line-height:1.6}.empty-actions,.editor-actions,.settings-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.empty-mini{color:var(--muted)}.empty-mini.block{text-align:center;padding:28px}.overlay{z-index:40;background:var(--overlay);justify-items:end;display:grid;position:fixed;inset:0}.panel{background:var(--bg);width:min(100%,520px);height:100%;box-shadow:var(--shadow);overflow:auto}.panel.wide{width:min(100%,860px)}.panel-head,.panel-search,.editor-form,.panel-body,.settings-body{padding:18px 20px}.panel-head{z-index:1;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:sticky;top:0}.eyebrow{color:var(--accent);margin:0 0 4px;font-size:12px;font-weight:800}.panel-head h2{margin:0;font-size:22px}.panel-head .hint{max-width:36em;margin-top:6px}.panel-search{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:0 20px;padding:0 12px;display:flex}.panel-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.chip-row{gap:8px;padding:14px 20px 6px;display:flex;overflow-x:auto}.chip-row.sticky-chips{z-index:1;background:var(--bg);position:sticky;top:77px}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;height:34px;padding:0 12px}.chip.on{background:var(--accent);color:#fff;border-color:#0000}.catalog-section{margin-bottom:22px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.service-card{border-radius:16px;overflow:hidden}.service-card.subscribed{opacity:.78}.service-main{text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;width:100%;padding:12px}.service-main em{color:var(--green);background:var(--green-soft);border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800}.plan-picks{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:0 12px 12px;display:grid}.plan-pick{border:1px solid var(--line);background:var(--surface-2);text-align:left;border-radius:12px;gap:4px;padding:10px;display:grid}.plan-pick.rec,.plan-pick:hover{border-color:var(--accent);background:var(--accent-soft)}.plan-pick span{color:var(--muted);font-size:12px}.custom-add{width:calc(100% - 40px);margin:0 20px 28px}.editor-form,.settings-body{gap:16px;padding-top:8px;display:grid}.editor-form label,.settings-body label{gap:6px;display:grid}.editor-form label>span,.field-caption,.settings-body label>span{color:var(--muted);font-size:13px;font-weight:650}.field-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.editor-form fieldset{border:0;margin:0;padding:0}.editor-form legend{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:650}.color-row{flex-wrap:wrap;gap:8px;display:flex}.swatch.on{outline:2px solid var(--ink);outline-offset:2px}.editor-actions{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 0%, transparent), var(--bg) 28%);border-top:1px solid var(--line);justify-content:flex-end;margin:8px -20px 0;padding:12px 20px 20px;position:sticky;bottom:0}.editor-actions .danger-btn{margin-right:auto}.segmented{background:var(--bg-2);border-radius:12px;grid-template-columns:1fr 1fr 1fr;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:9px;height:38px;font-weight:650}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #19271e14}.hint,.footnote{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.hint a{color:var(--accent);font-weight:650;text-decoration:none}.form-success{color:var(--green);margin:0;font-size:13px}.form-error{color:var(--danger);margin:0;font-size:13px}.fx-hint{color:var(--muted);margin:-8px 0 0;font-size:13px}.fx-hint span{margin-left:6px}.field-row.price-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.field-row.price-row .currency-field{grid-column:1/-1}.currency-field,.currency-select{min-width:0}.currency-select-btn{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:6px;width:100%;height:42px;padding:0 8px 0 10px;display:flex}.currency-select-btn .currency-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:13px;font-weight:500;overflow:hidden}.currency-select-btn svg{color:var(--muted);flex:none;margin-left:auto}.currency-flag{flex:none;font-size:16px;line-height:1}.currency-code{letter-spacing:.02em;font-weight:750}.currency-menu{z-index:60;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.currency-search{border:1px solid var(--line);height:36px;color:var(--muted);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;margin:8px;padding:0 10px;display:flex}.currency-search input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:0}.currency-menu ul{flex:1;min-height:0;margin:0;padding:0 6px 8px;list-style:none;overflow:auto}.currency-option{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:38px;padding:0 8px;display:flex}.currency-option .currency-name{min-width:0;color:var(--muted);flex:1;font-size:13px}.currency-option svg{color:var(--accent)}.currency-option.active{background:var(--bg-2)}.currency-option.on{background:var(--accent-soft)}.currency-empty{color:var(--muted);padding:16px 10px;font-size:13px}.settings-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.settings-heading h3{margin:0}.fx-refresh{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.fx-refresh .spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;color:#fff;background:#1f2421eb;border-radius:10px;align-items:center;gap:12px;min-width:min(92vw,360px);padding:12px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.toast button{color:#8bd9b8;background:0 0;border:0;margin-left:auto;font-weight:800}@media (width<=920px){.shell{grid-template-columns:1fr;width:min(100% - 20px,1280px)}.sidebar{display:none}.mobile-cats{gap:8px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.stats{grid-template-columns:1fr 1fr}.day:nth-child(n+8){display:none}.timeline{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=720px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions""search search";gap:10px;padding:12px 14px}.search{max-width:none}.brand small{display:none}.top-actions .primary-btn{padding:0 12px}.overlay{align-items:end}.panel,.panel.wide{border-radius:20px 20px 0 0;width:100%;height:min(96vh,100%)}.ticket-body header{grid-template-columns:auto 1fr auto}.field-row.price-row{grid-template-columns:1fr 1fr}.field-row.price-row .currency-field{grid-column:1/-1}.fx-grid{grid-template-columns:1fr}}