:root{--ss-teal-50:#e9f5f6;--ss-teal-100:#b9e0e3;--ss-teal-400:#59acb1;--ss-teal-600:#37747c;--ss-teal-700:#2d5f66;--ss-teal-900:#1f4a50;--ss-color-primary:var(--ss-teal-600);--ss-color-primary-hover:var(--ss-teal-700);--ss-color-accent:var(--ss-teal-400);--ss-color-tint:var(--ss-teal-50);--ss-text:#1a2b2e;--ss-text-secondary:#5a6d71;--ss-text-muted:#66767a;--ss-text-on-primary:#fff;--ss-bg:#f6fbfb;--ss-surface:#fff;--ss-surface-subtle:#fafcfc;--ss-border:#e3ebed;--ss-border-strong:#d5e0e2;--ss-success-bg:#e6f4ec;--ss-success-text:#1f6b45;--ss-warning-bg:#fdf3dc;--ss-warning-text:#7a5a0b;--ss-danger-bg:#fcebeb;--ss-danger-text:#8a2c2c;--ss-danger-solid:#b42318;--ss-danger-border:#f3cdcd;--ss-info-bg:#eef2f5;--ss-info-text:#475467;--ss-font-sans:var(--ss-font-inter,"Inter"),system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--ss-font-display:var(--ss-font-dm-serif,"DM Serif Display"),Georgia,serif;--ss-sand-50:#faf5f1;--ss-sand-100:#f5ebe4;--ss-sand-200:#ecdfd5;--ss-sand-500:#c98a5e;--ss-sand-700:#7a4f37;--ss-sand-800:#6b4a36;--ss-text-xs:12px;--ss-text-sm:13px;--ss-text-base:14px;--ss-text-md:16px;--ss-text-lg:20px;--ss-text-xl:24px;--ss-text-2xl:30px;--ss-space-1:4px;--ss-space-2:8px;--ss-space-3:12px;--ss-space-4:16px;--ss-space-5:20px;--ss-space-6:24px;--ss-space-8:32px;--ss-space-12:48px;--ss-radius-sm:6px;--ss-radius-md:10px;--ss-radius-lg:14px;--ss-radius-full:999px;--ss-shadow-sm:0 1px 3px rgba(0,0,0,.05);--ss-shadow-md:0 4px 12px rgba(0,0,0,.08);--ss-shadow-lg:0 8px 24px rgba(0,0,0,.12);--ss-dur-fast:150ms;--ss-dur-base:250ms;--ss-topbar-height:52px;--ss-tabbar-height:56px;--ss-shell-offset:0px;--ss-shell-top-offset:0px;--ss-z-shell:800;--ss-z-tabbar:900;--ss-z-fab:1200;--ss-z-cookie:9999;--ss-z-loader:99999;--ss-z-dialog:100000;--ss-z-dialog-popover:100010;--ss-z-toast:1000000}@media (max-width:1023px){:root:has([data-ss-shell]){--ss-shell-offset:calc(var(--ss-tabbar-height) + env(safe-area-inset-bottom, 0px));--ss-shell-top-offset:calc(var(--ss-topbar-height) + env(safe-area-inset-top, 0px))}}:root{font-family:var(--ss-font-sans);line-height:1.5;font-weight:400;background-color:var(--ss-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;overflow-x:hidden;overflow-x:clip;box-sizing:border-box;color:#000;background:var(--ss-bg)}body{font-family:var(--ss-font-sans)}html[data-ss-signed-in] [data-ss-public-layout]{visibility:hidden}h1{font-size:var(--ss-text-2xl);line-height:1.1}a{font-weight:500;color:var(--ss-color-primary);text-decoration:inherit}a:hover{color:var(--ss-color-primary-hover);cursor:pointer}:root{--btn-radius:8px;--btn-pad-y:8px;--btn-pad-x:12px;--btn-font-size:0.95rem;--btn-font-weight:600;--btn-border:var(--ss-border-strong);--btn-bg:var(--ss-surface);--btn-fg:var(--ss-text);--btn-brand-teal:var(--ss-color-primary);--btn-hover-border:#cfcfcf;--btn-hover-bg:var(--ss-surface);--btn-hover-shadow:0 2px 10px rgba(2,32,45,.06);--btn-active-shadow:0 1px 6px rgba(2,32,45,.05);--btn-focus-ring:0 0 0 2px rgba(89,172,177,.22),0 2px 10px rgba(2,32,45,.06)}.btn-danger,.btn-primary,.btn-secondary,.button-cancel,.button-danger,.button-primary,.pager-btn,.ss-btn,button:where(:not([data-ss-ui])){border-radius:var(--btn-radius);border:1px solid var(--btn-border);padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);font-family:inherit;background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;box-shadow:none;line-height:1.2;min-width:130px}.btn-danger:hover,.btn-primary:hover,.btn-secondary:hover,.button-cancel:hover,.button-danger:hover,.button-primary:hover,.pager-btn:hover,.ss-btn:hover,button:where(:not([data-ss-ui])):hover{border-color:var(--btn-hover-border);background-color:var(--btn-hover-bg);box-shadow:var(--btn-hover-shadow)}.btn-danger:active,.btn-primary:active,.btn-secondary:active,.button-cancel:active,.button-danger:active,.button-primary:active,.pager-btn:active,.ss-btn:active,button:where(:not([data-ss-ui])):active{transform:translateY(1px);box-shadow:var(--btn-active-shadow)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,.button-cancel:disabled,.button-danger:disabled,.button-primary:disabled,.pager-btn:disabled,.ss-btn:disabled,button:where(:not([data-ss-ui])):disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-danger:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.button-cancel:focus-visible,.button-danger:focus-visible,.button-primary:focus-visible,.pager-btn:focus-visible,.ss-btn:focus-visible,button:where(:not([data-ss-ui])):focus-visible{outline:none;box-shadow:var(--btn-focus-ring)}.button-small{padding:6px 10px;font-size:.9rem}.btn-primary,.button-primary{background-color:var(--ss-color-primary);color:var(--ss-text-on-primary);border-color:var(--ss-color-primary)}.btn-primary:hover,.button-primary:hover{background-color:var(--ss-color-primary-hover);border-color:var(--ss-color-primary-hover);color:var(--ss-text-on-primary);box-shadow:0 8px 18px rgba(55,116,124,.22)}.btn-primary:active,.button-primary:active{box-shadow:0 4px 12px rgba(55,116,124,.18)}.btn-secondary,.button-cancel{background-color:#fff;color:var(--btn-brand-teal);border-color:#ddd}.ss-btn--teal-text{color:var(--btn-brand-teal)!important}.ss-btn--add{background-color:var(--ss-color-primary)!important;border-color:var(--ss-color-primary)!important;color:#fff!important}@media (max-width:768px){.ss-btn--add{position:fixed!important;right:16px!important;bottom:calc(max(var(--ss-shell-offset), env(safe-area-inset-bottom, 0px)) + 16px)!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;padding:0!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:var(--ss-z-fab)!important;background-color:var(--ss-color-primary)!important;border-color:var(--ss-color-primary)!important;box-shadow:0 12px 28px rgba(55,116,124,.3),0 6px 14px rgba(2,32,45,.16)!important;overflow:hidden!important;font-size:0!important;color:#fff!important;line-height:1!important;color:transparent!important;text-shadow:none!important}.ss-btn--add:before{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;line-height:1;pointer-events:none}.ss-btn--add:active,.ss-btn--add:focus-visible,.ss-btn--add:hover{background:var(--ss-color-primary-hover)!important}}.ss-btn--add:hover{background-color:var(--ss-color-primary-hover)!important;border-color:var(--ss-color-primary-hover)!important;box-shadow:0 8px 18px rgba(55,116,124,.22)}.ss-btn--compact{min-width:0!important;padding:4px 8px!important;font-size:.82rem!important;line-height:1.15}.ss-btn--disabled-visual{opacity:.6;cursor:not-allowed}.btn-secondary:hover,.button-cancel:hover{background-color:#fff;border-color:var(--btn-hover-border);color:var(--btn-brand-teal)}.btn-danger,.button-danger{background-color:transparent;color:#dc2626;border-color:#dc2626}.btn-danger:hover,.button-danger:hover{background-color:rgba(220,38,38,.06);border-color:rgba(220,38,38,.7);box-shadow:none}.btn-danger:active,.button-danger:active{background-color:rgba(220,38,38,.1);box-shadow:none}[tabindex]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ss-color-accent);outline-offset:2px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px}.table-shell{border:1px solid #e6edf0;border-radius:14px;margin-bottom:12px}.table-separate,.table-shell{background:#fff;overflow:hidden}.table-separate{width:100%;border-collapse:collapse;border-spacing:0;text-align:left;border:1px solid #e6edf0;border-radius:6px}.table-shell .table-separate{border:none;border-radius:0}.data-table,.table-scroll,.table-wrapper{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.data-table>.table-separate,.data-table>table,.table-scroll>.table-separate,.table-scroll>table,.table-wrapper>.table-separate,.table-wrapper>table{width:100%}.table-separate th{background-color:#fbfdfd;color:#6b7280;font-size:12.5px;padding:10px 18px;text-align:left;font-weight:500;border:none;border-bottom:1px solid #e6edf0;white-space:nowrap}.table-separate th.num{text-align:right}.table-row{background-color:#fff;font-size:13.5px;text-align:left;transition:background-color .12s ease}.table-row:hover{background-color:#eaf5f6}.table-row td{padding:11px 18px;border-bottom:1px solid #e6edf0;vertical-align:middle}.table-row:last-child td{border-bottom:none}.cell-primary{display:flex;align-items:center;gap:10px;min-width:0}.cell-avatar{border-radius:50%;font-size:11.5px;font-weight:600}.cell-avatar,.cell-swatch{width:32px;height:32px;background:#eaf5f6;color:var(--ss-color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cell-swatch{border-radius:9px}.cell-title{font-weight:500;color:#1f2937;min-width:0}.cell-sub{font-size:12px;color:#6b7280;margin-top:1px}.mono-muted{color:#6b7280;font-size:12.5px}.badge-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.badge-status--success{background:#e5f6ef;color:#0f6e56}.badge-status--info{background:#eaf5f6;color:var(--ss-color-primary)}.badge-status--warning{background:#fdf3e4;color:#a0691c}.badge-status--danger{background:#fdeaea;color:#dc2626}.badge-status--neutral{background:#f3f0eb;color:#78716c}.badge-status--purchase{background:#f1eefc;color:#6d28d9}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.row-actions{opacity:1;transition:opacity .12s ease}@media (hover:hover){.row-actions{opacity:0}.table-row:focus-within .row-actions,.table-row:hover .row-actions{opacity:1}}.table-footer{justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #e6edf0;font-size:13px;color:#6b7280;flex-wrap:wrap}.table-footer,.toolbar-right{display:flex;align-items:center}.toolbar-right{gap:8px;margin-left:auto}.recipient-list-panel{background:#fff;border:1px solid #e6edf0;border-radius:10px;overflow:hidden}.recipient-list-panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e6edf0;background:var(--ss-bg);font-size:.85rem;font-weight:600;color:#111827}.recipient-list-panel-body{max-height:260px;overflow-y:auto}.recipient-list-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #e6edf0;font-size:.9rem;cursor:pointer;transition:background-color .14s ease}.recipient-list-row:first-child{border-top:none}.recipient-list-row:hover{background-color:#f0f8fa}.recipient-list-panel-header input[type=checkbox],.recipient-list-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--ss-color-primary)}.ss-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid #c7d9db;border-radius:5px;background:#fff;position:relative;cursor:pointer;flex-shrink:0;transition:background-color .14s ease,border-color .14s ease}.ss-checkbox:checked,.ss-checkbox:hover{border-color:var(--ss-color-primary)}.ss-checkbox:checked{background:var(--ss-color-primary)}.ss-checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ss-checkbox:focus-visible{outline:2px solid var(--ss-color-accent);outline-offset:2px}.recipient-list-row-name{font-weight:600;color:#111827}.recipient-list-row-meta{color:var(--ss-text-secondary)}.recipient-list-empty{padding:20px 12px;text-align:center;color:#9ca3af;font-size:.9rem}.recipient-remove-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;width:24px;height:24px;min-width:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#9ca3af;cursor:pointer;flex-shrink:0;transition:background-color .14s ease,color .14s ease}.recipient-remove-btn:hover{background-color:#fdecec;color:#e95c5c}.recipient-remove-btn:focus-visible{outline:2px solid var(--ss-color-accent);outline-offset:2px}.ss-modal-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;min-width:36px;border:none;background:transparent;border-radius:8px;color:#2f4e53;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;padding:0;box-shadow:none;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.ss-modal-close-btn:hover{background-color:rgba(2,32,45,.06);color:#1f2937}.ss-modal-close-btn:active{background-color:rgba(2,32,45,.1)}.ss-modal-close-btn:focus-visible{outline:none;box-shadow:var(--btn-focus-ring)}.icon-button,.ss-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #ddd;padding:0;border-radius:8px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:#4b5563}.icon-button:hover,.ss-icon-btn:hover{background-color:#f7f7f7;border-color:#cfcfcf;color:#1a1a1a}.icon-button:active,.ss-icon-btn:active{background-color:#efefef}.icon-button:focus-visible,.ss-icon-btn:focus-visible{outline:2px solid var(--ss-color-accent);outline-offset:2px}.ss-filter-btn{position:relative}.ss-filter-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--ss-color-primary);border:1.5px solid #fff}.kebab-button,.ss-kebab{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:18px;letter-spacing:2px;color:#666;transition:color .2s ease}.kebab-button:hover,.ss-kebab:hover{color:#1a1a1a}.ss-square-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.ss-square-icon-btn:hover{background:#f7f7f7;border-color:#cfcfcf;color:#1f2937}.ss-square-icon-btn:active{background:#efefef}.ss-square-icon-btn:focus-visible{outline:none;box-shadow:var(--btn-focus-ring)}@media (max-width:768px){.icon-button,.ss-icon-btn,.ss-square-icon-btn{width:40px;height:40px;min-width:40px;min-height:40px}}@media (min-width:768px) and (max-width:1024px){.data-table,.expenses-table-wrap,.subscription-history-table-wrap,.table-container,.table-scroll,.table-wrapper{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.data-table>.table-separate,.data-table>table,.expenses-table,.subscription-history-table,.table-container>.table-separate,.table-container>table,.table-scroll>.table-separate,.table-scroll>table,.table-wrapper>.table-separate,.table-wrapper>table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:auto}.table,.table-separate{width:max-content;min-width:100%;table-layout:auto}.table td,.table th,.table-separate td,.table-separate th{white-space:nowrap}.card,.content-section,.page-container{min-width:0}}.ss-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #d7e8ea;border-radius:10px;box-shadow:0 8px 24px rgba(2,32,45,.12);min-width:220px;z-index:1000;overflow:hidden}.ss-menu--flush{padding:0;min-width:200px}.ss-menu-item{display:block;width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;color:#000;font-size:14px;cursor:pointer;min-width:0}.ss-menu-item:hover{background:#f5fbfb}.ss-menu-item.danger{color:#dc2626}.ss-menu-item.danger:hover{background:#fff5f5}.ss__multi-value{background-color:rgba(89,172,177,.08)!important;border:1px solid var(--ss-color-accent)!important;border-radius:8px!important;overflow:hidden;margin:2px 6px 2px 0;opacity:1}.ss__multi-value__label{color:var(--ss-color-primary)!important;font-weight:600;font-size:12px;padding:6px 10px!important;line-height:1}.ss__multi-value__remove{background:transparent!important;border-left:1px solid rgba(89,172,177,.45)!important;color:var(--ss-color-primary)!important;padding:0 8px!important;cursor:pointer;opacity:1}.ss__multi-value__remove:hover{background-color:rgba(89,172,177,.14)!important;color:var(--ss-color-primary)!important}.ss__value-container{padding:2px 8px!important}.ss__control{border-radius:8px!important;border-color:#d7e8ea!important;box-shadow:none!important}.ss__control:hover{border-color:#b3dfe2!important}.ss__control--is-focused{border-color:var(--ss-color-accent)!important;box-shadow:0 0 0 3px rgba(92,172,178,.15)!important}.ss__placeholder{color:var(--ss-text-muted)!important}.ss__option,.ss__single-value{color:#000!important}.ss__option--is-focused{background:#f0f8fa!important}.ss__option--is-selected{background:rgba(89,172,177,.18)!important}.form-field{margin-bottom:8px}.form-label{color:#374151;font-size:.88rem;font-weight:600;margin-bottom:4px;display:inline-block}.input-field,.textarea-field{width:100%;padding:10px 12px;font-size:.95rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;border-radius:8px;border:1px solid #c7d9dc;background-color:#fff;color:#111827;box-sizing:border-box;line-height:1.2;min-height:40px;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.input-field::placeholder,.textarea-field::placeholder{color:#9ca3af}.input-field:hover,.textarea-field:hover{border-color:#9ecfd3;background-color:rgba(2,32,45,.01)}.input-field:focus,.textarea-field:focus{outline:none;border-color:var(--ss-color-accent);box-shadow:0 0 0 2px rgba(89,172,177,.22)}.textarea-field{min-height:96px;resize:vertical}.money-input-wrapper{position:relative}.money-input-wrapper .dollar-sign{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.95rem;line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.money-input-wrapper input{padding-left:34px}.text-center{text-align:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.info-text{margin-top:8px;color:#555}.page-container{padding:24px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e6edf0}.page-title{color:var(--ss-color-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f4f5}.section-title{color:var(--ss-color-primary);font-size:1.25rem;font-weight:600;margin:0}.card{background:#fff;border:1px solid #e6edf0;border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(2,32,45,.06);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease;max-width:none}.card:hover{border-color:rgba(55,116,124,.18);box-shadow:0 10px 26px rgba(2,32,45,.09);transform:translateY(-1px)}.card-title{margin:0 0 10px;color:#1f3f43;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;line-height:1.25}@media (max-width:768px){.card{padding:16px;border-radius:12px}.card-title{font-size:1rem}}.error{color:red}.modern-card{background:#fff;border:1px solid #e6edf0;border-radius:14px;padding:24px;box-shadow:0 6px 18px rgba(2,32,45,.06);transition:box-shadow .3s ease}.modern-card:hover{box-shadow:0 8px 24px rgba(2,32,45,.08)}.modern-card-compact{background:#fff;border:1px solid #e6edf0;border-radius:12px;padding:16px;box-shadow:0 4px 14px rgba(2,32,45,.05)}.modern-page-wrapper{max-width:1200px;margin:0 auto;padding:24px}.content-section{padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.content-section,.table-container{background:#fff;border:1px solid #e6edf0;border-radius:14px}.table-container{padding:0;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-top:20px}.dashboard-bg{position:absolute;top:250px;left:50%;transform:translateX(-50%);width:300px;height:300px;background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.25;pointer-events:none;z-index:0}.dashboard-container{position:relative;z-index:1}.switch{position:relative;display:inline-block;width:42px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:22px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:var(--ss-color-primary)}input:checked+.slider:before{transform:translateX(20px)}.home_notification_alert{position:absolute;right:1px;z-index:999;display:flex;flex-direction:column;gap:3px}.alert-banner{background-color:#ffefef;border:1px solid #ffb3b3;color:#a33;padding:6px 12px;border-radius:8px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px rgba(0,0,0,.08)}.alert-dismiss{background:none;border:none;font-size:1rem;cursor:pointer;line-height:1;color:#a33;margin-left:8px}.empty-state-card{background:#fff;border:1px solid #e6edf0;border-radius:14px;padding:48px 32px;text-align:center;max-width:480px;margin:60px auto;box-shadow:0 6px 18px rgba(2,32,45,.05)}.empty-state-card p{font-size:1.1rem;color:var(--ss-text-secondary);margin-bottom:20px;line-height:1.6}.spinner{border:4px solid #f0f4f5;border-top:4px solid var(--ss-color-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-loader,.ss-skeleton{background-color:var(--ss-border);background-image:linear-gradient(90deg,var(--ss-border) 42%,var(--ss-surface-subtle) 50%,var(--ss-border) 58%);background-size:300% 100%;background-attachment:fixed;animation:ss-skeleton-shimmer 1.5s linear infinite}@keyframes ss-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton-loader,.ss-skeleton{animation:none}}.shadow-sm{box-shadow:var(--ss-shadow-sm)}.shadow{box-shadow:var(--ss-shadow-md)}.shadow-lg{box-shadow:var(--ss-shadow-lg)}.border-modern{border:1px solid var(--ss-border)}.border-radius-md{border-radius:12px}.border-radius-lg{border-radius:14px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.bg-white{background-color:#fff}.bg-light{background-color:var(--ss-bg)}.bg-subtle{background-color:#f0f8fa}.text-primary{color:var(--ss-color-primary)}.text-secondary{color:var(--ss-text-secondary)}.text-muted{color:var(--ss-text-muted)}@media (max-width:768px){.table-separate{display:block;overflow-x:auto}.table-separate td,.table-separate th{padding:8px 6px;font-size:.9rem}.subscription-history-table-wrap{overflow:hidden;border:1px solid #e6edf0;border-radius:10px;background:#fff}.subscription-history-table{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0;border-radius:0}.subscription-history-table .subscription-history-col--plan{width:36%!important}.subscription-history-table .subscription-history-col--next,.subscription-history-table .subscription-history-col--started{width:32%!important}.subscription-history-table .subscription-history-cancellation-col,.subscription-history-table .subscription-history-col--cancellation{display:none}.subscription-history-table thead{display:table-header-group}.subscription-history-table thead tr th:first-child{border-top-left-radius:10px}.subscription-history-table thead tr th:last-child{border-top-right-radius:6px}.subscription-history-table thead tr th:nth-child(3){border-top-right-radius:10px}.subscription-history-table tbody{display:table-row-group}.subscription-history-table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.subscription-history-table tbody tr:last-child td:last-child,.subscription-history-table tbody tr:last-child td:nth-child(3){border-bottom-right-radius:10px}.subscription-history-table tr{display:table-row;width:100%}.input-field,.textarea-field,input,select,textarea{font-size:16px!important}.actions-row,.form-actions{display:none!important}}.Toastify{--toastify-z-index:var(--ss-z-toast);--toastify-font-family:var(--ss-font-sans);--toastify-toast-width:360px;--toastify-spinner-color:var(--ss-color-primary);--toastify-spinner-color-empty-area:var(--ss-teal-100)}.Toastify .Toastify__toast-container{pointer-events:none}.Toastify .Toastify__toast{--ss-toast-icon-bg:var(--ss-color-tint);--ss-toast-icon-fg:var(--ss-color-primary);display:flex;align-items:center;gap:var(--ss-space-3);width:var(--toastify-toast-width);max-width:100%;min-height:0;margin:0 0 var(--ss-space-2);padding:var(--ss-space-3);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);background:var(--ss-surface);box-shadow:var(--ss-shadow-lg);color:var(--ss-text);font-size:var(--ss-text-base);font-weight:500;line-height:1.4;word-break:break-word;pointer-events:auto}.Toastify .Toastify__toast--info{--ss-toast-icon-bg:var(--ss-info-bg);--ss-toast-icon-fg:var(--ss-info-text)}.Toastify .Toastify__toast--warning{--ss-toast-icon-bg:var(--ss-warning-bg);--ss-toast-icon-fg:var(--ss-warning-text)}.Toastify .Toastify__toast--error{--ss-toast-icon-bg:var(--ss-danger-bg);--ss-toast-icon-fg:var(--ss-danger-solid);border-color:var(--ss-danger-border)}.Toastify .Toastify__toast-icon{align-items:center;justify-content:center;width:26px;height:26px;margin:0;border-radius:var(--ss-radius-full);background:var(--ss-toast-icon-bg);color:var(--ss-toast-icon-fg)}.Toastify .Toastify__toast-icon>svg{width:16px;height:16px}.Toastify .Toastify__spinner{width:14px;height:14px}.Toastify .Toastify__close-button{position:static;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:0;margin:-4px -4px -4px auto;padding:0;border:0;border-radius:var(--ss-radius-sm);background:transparent;box-shadow:none;color:var(--ss-text-muted);opacity:1;transition:background-color var(--ss-dur-fast),color var(--ss-dur-fast)}.Toastify .Toastify__close-button>svg{width:14px;height:14px}.Toastify .Toastify__close-button:hover{background:var(--ss-bg);box-shadow:none;color:var(--ss-text)}.Toastify .Toastify__close-button:active{transform:none;box-shadow:none}.Toastify .Toastify__close-button:focus-visible{outline:2px solid var(--ss-color-primary);outline-offset:1px}@media (max-width:1023px){.Toastify .Toastify__toast-container--bottom-right{top:calc(max(var(--ss-shell-top-offset), env(safe-area-inset-top, 0px)) + var(--ss-space-3));bottom:auto;left:var(--ss-space-3);right:var(--ss-space-3);width:auto;margin:0;align-items:center;transform:none}.Toastify .Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInDown}.Toastify .Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutUp}}@media (prefers-reduced-motion:reduce){.Toastify .Toastify__toast,.Toastify .Toastify__toast-icon{animation-duration:1ms}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e6edf0;flex-wrap:wrap}.search-box{position:relative;display:inline-flex;align-items:center;width:220px;max-width:100%}.search-box-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;display:inline-flex;pointer-events:none}.search-box .search-input{width:100%;border-radius:10px;padding-left:36px}@media (max-width:767px){.search-box{width:100%}}.search-input{width:280px;max-width:100%;padding:10px 12px;font-size:.95rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;border-radius:8px;border:1px solid #c7d9dc;background-color:#fff;color:#111827;box-sizing:border-box;line-height:1.2;min-height:40px;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;box-shadow:none}.search-input:hover{border-color:#9ecfd3;background-color:rgba(2,32,45,.01);box-shadow:none}.search-input:focus{outline:none;border-color:var(--ss-color-accent);box-shadow:0 0 0 2px rgba(89,172,177,.22)}.search-clear-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;min-width:24px;min-height:24px;border:none;border-radius:6px;background:transparent;color:#2f4e53;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.search-clear-btn:hover{background-color:rgba(2,32,45,.06);color:#1f2937}.search-clear-btn:active{background-color:rgba(2,32,45,.1)}.search-clear-btn:focus-visible{outline:none;box-shadow:var(--btn-focus-ring)}@media (max-width:600px){.search-input{width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px 0}.pager-btn{padding:8px 16px;background-color:var(--ss-surface);color:var(--ss-color-primary);border:2px solid var(--ss-color-primary);border-radius:8px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.pager-btn:hover:not(:disabled){background-color:var(--ss-color-primary);color:var(--ss-text-on-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(55,116,124,.2)}.pager-btn:active:not(:disabled){transform:translateY(0)}.pager-btn:disabled{background-color:#f5f5f5;color:#ccc;border-color:#e0e0e0;cursor:not-allowed;opacity:.6}.pager-info{font-size:.95rem;color:var(--ss-text-secondary);font-weight:500;display:inline-flex;align-items:center;gap:8px}.pager-arrow-btn:disabled{opacity:.5;cursor:not-allowed}.pager-page-input{width:64px;height:36px;border:1px solid #d3dce0;border-radius:8px;text-align:center;color:#1f2937;font-weight:600;font-size:.95rem;padding:6px 8px;background:#fff}.pager-page-input:focus{outline:none;border-color:var(--ss-color-accent);box-shadow:0 0 0 2px rgba(89,172,177,.22)}.image-preview-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(13,35,38,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--ss-z-dialog-popover);animation:imagePreviewFadeIn .18s ease-out forwards}.image-preview-modal-dialog{width:min(800px,92vw);max-height:92vh;background:linear-gradient(145deg,#fff 0,var(--ss-bg) 100%);border-radius:18px;box-shadow:0 20px 50px rgba(17,24,39,.35),0 2px 10px rgba(17,24,39,.15);padding:18px;display:flex;flex-direction:column;gap:16px;position:relative;transform:translateY(8px) scale(.96);animation:imagePreviewZoomIn .24s cubic-bezier(.16,1,.3,1) forwards;outline:none}.image-preview-modal-close{position:absolute;top:10px;right:10px;z-index:1;width:44px;height:44px;min-width:44px;border-radius:999px;background:hsla(0,0%,100%,.92);box-shadow:0 1px 4px rgba(17,24,39,.18)}.image-preview-modal-close:hover{background:#fff}.image-preview-modal-close-icon{width:22px;height:22px}.image-preview-modal-figure{background:radial-gradient(circle at 20% 20%,#f8fbfb 0,#eef4f5 100%);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;min-height:240px;max-height:calc(92vh - 120px);overflow:hidden}.image-preview-modal-image{width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px rgba(17,24,39,.18)}.image-preview-modal-fallback{width:100%;height:100%;align-items:center;border-radius:12px;background:#fff;font-size:clamp(36px,6vw,56px);font-weight:700;color:var(--ss-color-primary);letter-spacing:1px}.image-preview-modal-fallback,.image-preview-modal-footer{display:flex;justify-content:center}@keyframes imagePreviewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes imagePreviewZoomIn{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){body,html{overflow-x:hidden;overflow-x:clip}.page-header{gap:10px}.page-title{white-space:normal;overflow:visible;text-overflow:unset}.button-small{width:auto}}.tabs{display:flex;align-items:center;gap:8px;border-bottom:2px solid #e6edf0;margin-top:20px;margin-bottom:24px}.tab{padding:12px 24px;cursor:pointer;font-weight:600;border-bottom:3px solid transparent;color:var(--ss-text-secondary);transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;border-radius:8px 8px 0 0;margin-bottom:-2px}.tab:hover{background-color:#f5fbfb}.tab--active,.tab:hover{color:var(--ss-color-primary)}.tab--active{border-bottom-color:var(--ss-color-primary);background-color:#f0f8fa}@media (max-width:600px){.tabs{gap:12px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:0 4px 6px}.tab{padding:6px 10px;font-weight:600;font-size:.9rem}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:transparent}.tabs::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}}