:root{--color-bg:#f4f6fc;--color-surface:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text:#111827;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#4f46e5;--color-primary-light:#eef2ff;--color-primary-hover:#4338ca;--color-danger:#b91c1c;--category-streaming:#f97316;--category-software:#3b82f6;--category-insurance:#22c55e;--category-telecom:#06b6d4;--category-energy:#eab308;--category-fitness:#ef4444;--category-news:#a855f7;--category-cloud:#0ea5e9;--category-membership:#6366f1;--sidebar-width:220px;color:var(--color-text);background-color:var(--color-bg);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.mobile-nav-backdrop,.mobile-topbar{display:none}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;padding:1.25rem .875rem;display:flex;overflow:hidden}.sidebar-brand{align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:0 .375rem;display:flex}.sidebar-brand-icon{background:var(--color-primary);color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;display:flex}.sidebar-brand-text{flex-direction:column;line-height:1.15;display:flex}.sidebar-brand-text strong{color:var(--color-text);font-size:1rem;font-weight:700}.sidebar-brand-text small{letter-spacing:.06em;color:var(--color-text-faint);text-transform:uppercase;font-size:.625rem}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin:.875rem 0 .25rem;padding:0 .75rem;font-size:.65rem;font-weight:600}.nav{flex-direction:column;gap:.125rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex;position:relative}.nav-link svg{opacity:.7;flex-shrink:0}.nav-link:hover{background:var(--color-border-light);color:var(--color-text)}.nav-link:hover svg{opacity:1}.nav-link-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.nav-link-active svg{opacity:1}.nav-badge{background:var(--color-border);color:var(--color-text-muted);border-radius:999px;margin-left:auto;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.sidebar-spacer{flex:1}.sidebar-promo{color:#fff;background:linear-gradient(135deg,#1e3a6e 0%,#1d4ed8 100%);border-radius:.75rem;margin-top:.75rem;padding:.875rem}.sidebar-promo-title{align-items:center;gap:.35rem;margin-bottom:.375rem;font-size:.8rem;font-weight:700;display:flex}.sidebar-promo-desc{color:#bfdbfe;margin-bottom:.75rem;font-size:.7rem;line-height:1.45}.sidebar-promo-btn{text-align:center;color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;width:100%;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s;display:block}.sidebar-promo-btn:hover{background:#2563eb}.sidebar-user{border-top:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;align-items:center;gap:.6rem;margin-top:.75rem;padding:.625rem .375rem 0;text-decoration:none;transition:background .1s;display:flex}.sidebar-user:hover{background:var(--color-border-light)}.sidebar-user--active{background:var(--color-primary-light)}.sidebar-user-avatar{width:2rem;height:2rem;color:var(--color-primary);background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-user-plan{color:var(--color-text-faint);font-size:.7rem}.content{padding:1.5rem 1.75rem;overflow:auto}.mobile-topbar{align-items:center;gap:.75rem;margin-bottom:1rem}.mobile-menu-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.mobile-topbar-brand{color:var(--color-text);font-size:1rem;font-weight:700;text-decoration:none}.view{flex-direction:column;gap:1rem;display:flex}.view-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.view-header h1{margin:0;font-size:1.5rem;font-weight:700}.view-header-actions{align-items:center;gap:.5rem;display:flex}.search-input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:.5rem;outline:none;width:200px;padding:.4rem .75rem;font-size:.8125rem;transition:border-color .15s}.search-input:focus{border-color:var(--color-primary);color:var(--color-text)}.icon-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text-muted);border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem .5rem;transition:background .1s;display:flex}.icon-btn:hover{background:var(--color-border-light)}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;transition:background .15s;display:flex}.btn-primary:hover{background:var(--color-primary-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.875rem;padding:1.125rem 1.25rem}.card h2,.card h3{margin:0 0 .75rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.875rem;padding:1rem 1.25rem}.summary-card-header{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.summary-card-icon{background:var(--color-primary-light);width:1.75rem;height:1.75rem;color:var(--color-primary);border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.summary-card-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.summary-card-value{color:var(--color-text);margin:0 0 .375rem;font-size:1.625rem;font-weight:700;line-height:1.1}.summary-card-sub{color:var(--color-text-faint);margin:0;font-size:.75rem}.upcoming-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upcoming-list li{border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.625rem 0;font-size:.875rem;display:grid}.upcoming-list li:last-child{border-bottom:none}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.table td{text-align:left;border-bottom:1px solid var(--color-border-light);white-space:nowrap;padding:.625rem .75rem}.actions{gap:.4rem;display:flex}button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.5rem;padding:.35rem .6rem;font-size:.8125rem;transition:background .1s}button:hover{background:var(--color-border-light)}button.danger{color:var(--color-danger)}.actions button:disabled{opacity:.65;cursor:not-allowed;color:var(--color-text-faint);background:var(--color-border-light)}.actions button:disabled:hover{background:var(--color-border-light)}.form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.form input,.form select{border:1px solid var(--color-border);border-radius:.5rem;outline:none;width:100%;padding:.45rem .55rem;font-size:.875rem;transition:border-color .15s}.form input:focus,.form select:focus{border-color:var(--color-primary)}.error{color:var(--color-danger);margin:0;font-size:.875rem}.muted{color:var(--color-text-muted);margin:0;font-size:.875rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.filter-input,.filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.5rem;outline:none;padding:.4rem .65rem;font-size:.8125rem;transition:border-color .15s}.filter-input{min-width:160px}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary)}.multiselect{position:relative}.multiselect-trigger{border:1px solid var(--color-border);background:var(--color-surface);min-width:170px;color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:.8125rem;transition:border-color .15s,background .15s;display:flex}.multiselect-trigger:hover{background:var(--color-border-light)}.multiselect-trigger--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.multiselect-trigger__label{align-items:center;gap:.5rem;display:inline-flex}.multiselect-arrow{color:var(--color-text-muted);font-size:.6rem}.multiselect-panel{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.125rem;min-width:170px;padding:.375rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000014}.multiselect-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.8125rem;display:flex}.multiselect-option:hover{background:var(--color-border-light)}.multiselect-empty{color:var(--color-text-faint);margin:.25rem .5rem;font-size:.8125rem}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.status-badge__icon{flex-shrink:0}.status-badge--success{color:#166534;background:#dcfce7}.status-badge--warning{color:#92400e;background:#fef3c7}.status-badge--danger{color:#991b1b;background:#fee2e2}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--color-text)}.sort-icon{color:var(--color-text-faint);vertical-align:middle;margin-left:.25rem;font-size:.7rem;display:inline-block}.sort-icon--active{color:var(--color-primary)}.table-empty{text-align:center;color:var(--color-text-muted);padding:1.5rem!important}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:1px solid var(--color-border);z-index:40;overscroll-behavior:contain;border-bottom:none;width:min(82vw,300px);height:100vh;transition:transform .2s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-104%)}.sidebar--open{transform:translate(0)}.mobile-nav-backdrop{opacity:0;pointer-events:none;background:#0f172a80;border:0;border-radius:0;margin:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-nav-backdrop--visible{z-index:30;opacity:1;pointer-events:auto}.content{padding:1rem}.mobile-topbar{display:flex}.app-shell--menu-open .content{overflow:hidden}}[data-theme=dark]{--color-bg:#0f1117;--color-surface:#1a1d27;--color-border:#2d3044;--color-border-light:#232639;--color-text:#f1f3f9;--color-text-muted:#9ca3af;--color-text-faint:#6b7280;--color-primary:#818cf8;--color-primary-light:#1e2140;--color-primary-hover:#6366f1;--color-danger:#f87171;--category-streaming:#fb923c;--category-software:#60a5fa;--category-insurance:#4ade80;--category-telecom:#22d3ee;--category-energy:#facc15;--category-fitness:#f87171;--category-news:#c084fc;--category-cloud:#38bdf8;--category-membership:#a5b4fc}[data-theme=dark] .sidebar-user-avatar{background:#1e2140}[data-theme=dark] .form input,[data-theme=dark] .form select,[data-theme=dark] .filter-input,[data-theme=dark] .filter-select,[data-theme=dark] .search-input,[data-theme=dark] .multiselect-trigger{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .status-badge--success{color:#86efac;background:#163225}[data-theme=dark] .status-badge--warning{color:#fcd34d;background:#3a2b12}[data-theme=dark] .status-badge--danger{color:#fca5a5;background:#3f1d24}[data-theme=dark] button:not(.mobile-nav-backdrop){background:var(--color-border);color:var(--color-text)}[data-theme=dark] button:not(.mobile-nav-backdrop):hover{background:var(--color-border-light)}.tour-layer[data-v-6a595205]{z-index:120;pointer-events:none;position:fixed;inset:0}.tour-highlight[data-v-6a595205]{pointer-events:none;border:2px solid #818cf8;border-radius:12px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #0f172a9e}.tour-card[data-v-6a595205]{pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(340px,100vw - 24px);padding:1rem;position:fixed;box-shadow:0 16px 36px #0f172a59}.tour-progress[data-v-6a595205]{color:#4f46e5;margin:0 0 .4rem;font-size:.75rem;font-weight:600}.tour-card h2[data-v-6a595205]{margin:0;font-size:1.1rem}.tour-card p[data-v-6a595205]{color:#4b5563;margin:.55rem 0 0;font-size:.9rem}.tour-note[data-v-6a595205],.tour-loading[data-v-6a595205]{color:#6b7280;font-size:.8rem}.tour-actions[data-v-6a595205]{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.tour-btn[data-v-6a595205]{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.55rem .85rem;font-weight:600}.tour-btn[data-v-6a595205]:disabled{opacity:.55;cursor:not-allowed}.tour-btn--ghost[data-v-6a595205]{color:#374151;background:#fff;border-color:#d1d5db}.tour-btn--ghost[data-v-6a595205]:hover:not(:disabled){background:#f9fafb}.tour-btn--primary[data-v-6a595205]{color:#fff;background:#4f46e5}.tour-btn--primary[data-v-6a595205]:hover:not(:disabled){background:#4338ca}.tour-fade-enter-active[data-v-6a595205],.tour-fade-leave-active[data-v-6a595205]{transition:opacity .2s}.tour-fade-enter-from[data-v-6a595205],.tour-fade-leave-to[data-v-6a595205]{opacity:0}@media (width<=900px){.tour-card[data-v-6a595205]{width:calc(100vw - 24px)}}.onboarding-backdrop[data-v-76ae57d5]{z-index:110;background:#0f172a94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.onboarding-dialog[data-v-76ae57d5]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(560px,100vw - 2rem);padding:1.25rem;box-shadow:0 24px 48px #0f172a4d}.onboarding-dialog h2[data-v-76ae57d5]{margin:0}.onboarding-intro[data-v-76ae57d5]{color:#4b5563;margin:.6rem 0 1rem}.onboarding-choice-list[data-v-76ae57d5]{gap:.7rem;display:grid}.onboarding-choice[data-v-76ae57d5]{cursor:pointer;border:1px solid #d1d5db;border-radius:12px;align-items:flex-start;gap:.7rem;padding:.75rem;display:flex}.onboarding-choice input[data-v-76ae57d5]{margin-top:.2rem}.onboarding-choice span[data-v-76ae57d5]{gap:.2rem;display:grid}.onboarding-choice small[data-v-76ae57d5]{color:#6b7280;font-size:.8rem}.onboarding-error[data-v-76ae57d5]{color:#b91c1c;margin:.9rem 0 0;font-size:.86rem}.onboarding-actions[data-v-76ae57d5]{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.onboarding-btn[data-v-76ae57d5]{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.6rem .9rem;font-weight:600}.onboarding-btn--ghost[data-v-76ae57d5]{color:#374151;background:#fff;border-color:#d1d5db}.onboarding-btn--ghost[data-v-76ae57d5]:hover{background:#f9fafb}.onboarding-btn--primary[data-v-76ae57d5]{color:#fff;background:#4f46e5}.onboarding-btn--primary[data-v-76ae57d5]:hover{background:#4338ca}.onboarding-btn[data-v-76ae57d5]:disabled{opacity:.65;cursor:not-allowed}.onboarding-fade-enter-active[data-v-76ae57d5],.onboarding-fade-leave-active[data-v-76ae57d5]{transition:opacity .2s}.onboarding-fade-enter-from[data-v-76ae57d5],.onboarding-fade-leave-to[data-v-76ae57d5]{opacity:0}