html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}.elite-search-shell{display:flex;align-items:center;gap:12px;min-height:48px;padding:5px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:radial-gradient(circle at top left,#3b82f614,#fff0 34%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 20px #0f172a0f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.elite-search-shell:focus-within{border-color:#60a5faa6;box-shadow:0 12px 24px #0f172a14,0 0 0 4px #60a5fa1f;transform:translateY(-1px)}.elite-search-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;font-size:20px;flex:0 0 38px}.elite-search-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.elite-search-label{margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#47607f}.elite-search-input{width:100%;padding:0;border:0;border-radius:0;min-width:0;font-size:14px;font-weight:600;background:transparent;color:#0f172a}.elite-search-input:focus{outline:none;box-shadow:none}.elite-search-input::placeholder{color:#94a3b8;font-weight:500}.elite-search-clear{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;background:#e2e8f0;color:#475569;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.elite-search-clear:hover{background:#cbd5e1;color:#0f172a;transform:scale(1.03)}.elite-search-shell--wide{min-width:280px;max-width:520px;flex:0 1 460px}.elite-search-shell--medium{min-width:240px;max-width:400px;flex:0 1 320px}.elite-search-shell--compact{min-width:220px;max-width:320px;flex:1 1 260px}.elite-header-actions{display:inline-flex;align-items:center;gap:14px;flex:0 0 auto}.elite-count-box{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:42px;padding:0 14px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:inset 0 1px #ffffffb3}.elite-count-number{color:#0f172a;font-size:18px;font-weight:800;line-height:1}.elite-count-label{color:#64748b;font-weight:500;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.elite-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:8px 13px;border-radius:12px;background:#408dfb;color:#fff;border:none;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:none}.elite-add-btn:hover{background:#1e293b}.elite-add-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0f172a24}.elite-add-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:0;background:transparent;border:0;font-size:18px;flex:0 0 18px}.elite-add-btn__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.elite-add-btn__label{font-size:13px;font-weight:600}.elite-filter-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#47607f}.elite-control{width:100%;min-height:48px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(180deg,#fff,#f8fbff);font-size:13px;color:#0f172a;box-shadow:0 8px 20px #0f172a0d}.elite-control:focus{outline:none;border-color:#60a5faa6;box-shadow:0 10px 22px #0f172a14,0 0 0 4px #60a5fa1f}.elite-table-shell .table-wrap,.data-table .table-wrap{overflow:auto}.data-table table{width:100%;min-width:960px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0f172a0d}.data-table thead th{background:#c8d7f3;color:#334155;font-weight:700;font-size:12px;padding:14px 12px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;text-align:left;text-transform:uppercase}.data-table tbody td{padding:12px;font-size:13px;border-bottom:1px solid #d8d6dd}.data-table tbody tr:hover{background:#f8fafc}.modern-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}.page-indicator{font-size:14px;color:#475569}.skeleton-row td{padding-top:14px;padding-bottom:14px}.skeleton-line{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:elite-skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-dot{display:inline-block;width:28px;height:28px;border-radius:999px;background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:elite-skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-actions{display:flex;gap:10px;align-items:center}.mt-6{margin-top:6px}.w-20{width:20%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-55{width:55%}.w-70{width:70%}.empty-row{padding:18px 12px;text-align:center;color:#64748b}@keyframes elite-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-line,.skeleton-dot{animation:none;background:#e2e8f0}}@media (max-width: 768px){.elite-search-shell{min-height:38px;padding:6px 10px;gap:6px;border-radius:12px;box-shadow:0 4px 12px #0f172a0d}.elite-search-icon{width:30px;height:30px;font-size:18px;flex:0 0 30px}.elite-search-clear{width:30px;height:30px}.elite-search-shell--wide,.elite-search-shell--medium,.elite-search-shell--compact{width:100%;min-width:0;max-width:none;flex:0 0 auto;align-self:auto}.elite-add-btn{min-height:38px;padding:7px 11px;border-radius:10px;gap:8px}.elite-count-box{min-height:38px;padding:0 10px;gap:6px;border-radius:10px}.elite-count-number{font-size:16px}.elite-count-label,.elite-filter-label{font-size:10px}.elite-control{min-height:34px;padding:6px 9px;font-size:12px;margin:0}.modern-pagination{gap:10px;margin-top:18px;flex-wrap:wrap}}:root{--bg: #f4f7fb;--card: #ffffff;--auth-bg: linear-gradient(135deg, #f8c2d3 0%, #7E238E 100%);--accent: #4f46e5;--muted: #6b7280;--danger: #ef4444;--radius: 10px;--shadow: 0 6px 18px rgba(15, 23, 42, .06)}:root{--bg: #f4f7fb;--card: #ffffff;--accent: #4f46e5;--muted: #6b7280;--danger: #ef4444;--radius: 10px;--shadow: 0 6px 18px rgba(15, 23, 42, .06)}@font-face{font-family:Poppins;src:url(Poppins-Regular.40ba2d9b41d4a28f.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Regular.40ba2d9b41d4a28f.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Regular.40ba2d9b41d4a28f.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Regular.40ba2d9b41d4a28f.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Bold.69092ab74bbd1e40.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(MaterialIcons-Regular.59322316b3fd6063.woff2) format("woff2")}.material-icons,.mat-icon.material-icons,.mat-ligature-font{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Poppins,Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:#0f172a;overflow-x:hidden}body.auth-page{background:var(--auth-bg)!important;background-attachment:fixed;color:#c7d2da}app-root{display:block;padding:0}.app-shell{display:flex;gap:18px;align-items:flex-start}.app-shell{min-height:100vh;display:flex;gap:8px;align-items:stretch}.sidebar{width:220px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:var(--radius);box-shadow:var(--shadow);height:100vh;position:sticky;top:0;margin-right:0}.main{flex:1;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.main{overflow:auto;height:calc(100vh - 64px)}.sidebar h3{margin:0 0 12px;font-size:18px;color:var(--accent)}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin:8px 0}.sidebar a{color:#0f172a;text-decoration:none;padding:6px 8px;display:inline-block;border-radius:6px}.sidebar a.active,.sidebar a:hover{background:#4f46e514;color:var(--accent)}.sidebar .brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar .logo{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.sidebar .brand .title{font-size:16px;font-weight:600}.sidebar nav{margin-top:6px}.sidebar .nav-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px}.sidebar .nav-item a{flex:1}.sidebar .nav-footer{position:absolute;inset:18px 18px 18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:center}.form-grid label{display:flex;flex-direction:column;align-items:flex-start}.form-grid input[disabled]{background:#f8fafc}.chart-wrap{width:100%;overflow:hidden}.card h2{margin:0 0 6px}.card p.muted{margin:0 0 12px}.dashboard-summary ul{margin:8px 0 0 16px;padding:0}.dashboard-summary{display:flex;flex-direction:column;align-items:flex-start}.bills-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bills-filters input{width:320px}.dashboard-summary li{margin:6px 0}.main .card{width:100%;max-width:100%;margin:0 auto}.card.card-fill{display:flex;flex-direction:column;flex:1 1 auto}.card.card-fill>.card-body{flex:1 1 auto;min-height:0;overflow:auto}.card.card-fill .data-table .table-wrap{max-height:none}.sidebar{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s cubic-bezier(.2,.8,.2,1)}.sidebar.closed{position:absolute;left:0;top:0;transform:translate(-100%);opacity:0;pointer-events:none;width:220px;height:100vh;z-index:1150}.app-shell>app-sidebar.closed-host{width:0!important;min-width:0!important;flex:0 0 0!important;padding:0!important;margin:0!important}.sidebar .sidebar-toggle{display:inline-flex;position:absolute;right:0;top:12px;background:#ffffff0f;border:0;color:#fff;font-size:14px;cursor:pointer;min-width:36px;height:36px;padding:6px 10px;border-radius:8px;align-items:center;justify-content:center;box-shadow:0 4px 10px #0206171f;white-space:nowrap}.mobile-open{position:fixed;left:12px;top:12px;z-index:1200;background:var(--accent);color:#fff;border:0;padding:8px 10px;border-radius:8px;box-shadow:var(--shadow);display:block}@media (max-width:800px){.app-shell{flex-direction:row}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1100}.sidebar .sidebar-toggle,.mobile-open{display:block}.app-shell.sidebar-overlay .sidebar{transform:translate(0);opacity:1}.app-shell.sidebar-overlay .main{display:none}.app-shell>app-sidebar.closed-host{display:none!important}}label{display:inline-flex;align-items:center;gap:8px;margin:6px 0;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{padding:8px 10px;border:1px solid #94a3b8!important;border-radius:8px;width:100%;max-width:420px;background:#fbfdff;color:#0f172a;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,textarea:focus,select:focus{box-shadow:0 6px 20px #4f46e514;border-color:var(--accent);outline:none;background:#fff}button{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}button[disabled]{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--danger)}.invoice{max-width:1px;margin:0 auto}.invoice{width:100%}.invoice .row{display:flex;gap:12px;align-items:center}.invoice table{width:100%;border-collapse:collapse;margin-top:12px}.invoice th,.invoice td{padding:8px;border-bottom:1px solid #f1f5f9;text-align:left}.account p{margin:6px 0}@media (max-width:800px){.app-shell{flex-direction:column}.sidebar{width:100%;display:flex;align-items:center}}.top-nav a{font-size:13px}.brand p{margin:0;font-size:.9rem;color:#64748b}.hbBtn{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #4f46e514;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;outline:none}.hbBtn:hover,.hbBtn:focus{background:#3730a3;color:#fff;box-shadow:0 4px 16px #4f46e526}.hbBtn:disabled{opacity:.6;cursor:not-allowed}.hbSearchBox{padding:8px;border:1px solid #e6eef8;border-radius:8px;min-width:220px}.elite-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;padding:10px 20px;font-weight:600;box-shadow:0 10px 26px #2563eb59;transition:transform .15s ease,box-shadow .15s ease}:host{--bg: #f8fafc;--card: #ffffff;--muted: #64748b;--text: #0f172a;--border: #e5e7eb;--primary: #2563eb;--primary-soft: #e0e7ff;--danger: #dc2626;--radius: 14px;--shadow-sm: 0 6px 18px rgba(0, 0, 0, .05);--shadow-md: 0 18px 50px rgba(0, 0, 0, .1)}@media (max-width:720px){.mobile-heading-margin{margin-top:-9px!important;margin-left:35px!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.btn-modern{background:linear-gradient(180deg,#4f46e5,#4338ca);color:#fff;padding:10px 22px;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #0000000f;transition:all .2s ease}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d;filter:brightness(1.1)}.btn{--btn-bg: #f1f5f9;--btn-color: #0f172a;--btn-shadow: rgba(15, 23, 42, .08);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px;font-size:13px;font-weight:600;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--btn-bg);color:var(--btn-color);box-shadow:0 2px 6px var(--btn-shadow)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--btn-shadow)}.btn:active{transform:translateY(0);box-shadow:0 4px 10px var(--btn-shadow)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{--btn-bg: linear-gradient(135deg, #4f46e5, #6366f1);--btn-color: #ffffff;--btn-shadow: rgba(99, 102, 241, .35);border:none}.btn-primary:hover{box-shadow:0 12px 30px #6366f173}.btn-edit{--btn-bg: #eef2ff;--btn-color: #4338ca;--btn-shadow: rgba(67, 56, 202, .15)}.btn-view{--btn-bg: #f8fafc;--btn-color: #334155;--btn-shadow: rgba(15, 23, 42, .08);border:1px solid #e2e8f0}.btn-delete{--btn-bg: #fef2f2;--btn-color: #dc2626;--btn-shadow: rgba(220, 38, 38, .18)}.btn-download{--btn-bg: #ecfdf5;--btn-color: #059669;--btn-shadow: rgba(5, 150, 105, .2)}.btn-share{--btn-bg: #f0fdfa;--btn-color: #0d9488;--btn-shadow: rgba(13, 148, 136, .2)}.btn-sm{padding:6px 10px;font-size:13px;border-radius:10px}.btn-view{background:#e0f2fe;color:#0369a1}.btn-edit{background:#fef9c3;color:#a16207}.btn-delete{background:#fee2e2;color:#b91c1c}.btn svg{width:16px;height:16px}button .material-icons{font-size:14px}.btn-cancel{--btn-bg: #f1f5f9;--btn-color: #334155;--btn-shadow: rgba(148, 163, 184, .35);background:var(--btn-bg);color:var(--btn-color);border:1px solid #e2e8f0}.btn-cancel:hover{background:#e2e8f0;box-shadow:0 8px 20px var(--btn-shadow)}.vendor{font-weight:600}.actions{text-align:right}.tooltip{position:relative;display:inline-flex}.tooltip-text{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(6px);background:#0f172a;color:#fff;font-size:12px;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .18s ease;box-shadow:0 8px 24px #00000026;z-index:20}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#0f172a transparent transparent transparent}.tooltip:hover .tooltip-text{opacity:1;transform:translate(-50%) translateY(0)}.pagination-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px}.pagination-controls button{padding:6px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:.2s ease}.pagination-controls button:hover:not(:disabled){background:#f1f5f9}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#475569}.icon-btn{background:#1f0202;border:none;width:34px;color:#fff;height:34px;border-radius:10px;cursor:pointer;font-size:12px}html,body{height:100%}body{margin:0}.mat-mdc-snack-bar-container{margin:16px!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;padding:2px 5px!important;font-weight:500;min-width:320px}.mat-mdc-snack-bar-container.success-snackbar .mdc-snackbar__surface{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}.mat-mdc-snack-bar-container.error-snackbar .mdc-snackbar__surface{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important}.mat-mdc-snack-bar-container.warn-snackbar .mdc-snackbar__surface{background:linear-gradient(135deg,#d97706,#f59e0b)!important;color:#fff!important}.mat-mdc-snack-bar-container.info-snackbar .mdc-snackbar__surface{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important}.mat-mdc-snack-bar-container.success-snackbar .mdc-button__label,.mat-mdc-snack-bar-container.error-snackbar .mdc-button__label,.mat-mdc-snack-bar-container.warn-snackbar .mdc-button__label,.mat-mdc-snack-bar-container.info-snackbar .mdc-button__label{color:#fff!important;font-weight:600}.spacer{flex:1 1 auto}button[mat-icon-button]{padding:0;width:40px;height:40px}button[mat-icon-button] img{width:36px;height:36px;border-radius:50%;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease}button[mat-icon-button]:hover img{transform:scale(1.05);box-shadow:0 0 0 3px #3b82f626}.mat-mdc-menu-panel{border-radius:10px!important;padding:6px 0}.mat-mdc-menu-item{font-size:14px}.mat-mdc-menu-item mat-icon{margin-right:12px;color:#6b7280}.elite-header .mat-icon{font-size:18px}.elite-header{height:64px;padding:0 24px;background:#f7f7fe!important;box-shadow:0 1px 2px #0000000a;position:sticky;top:0;z-index:1000;border-bottom:2px solid #e2e8f0}.elite-header{margin:16px}.mat-drawer{width:240px!important}.mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base.mat-unthemed{margin-top:12px}.page-title{font-size:15px;font-weight:800;color:#0f172a;text-transform:uppercase}.elite-header{display:flex;align-items:center}.video-tutorial-btn{margin-left:16px;height:36px;line-height:36px;border-radius:20px}.video-tutorial-btn .mat-icon{margin-right:8px;vertical-align:middle}.video-text{font-size:10px;font-weight:500;vertical-align:middle}.video-tutorial-btn .mat-icon{color:#ff0032}@media (max-width: 1100px){.video-tutorial-btn{display:none!important}}@media (max-width: 600px){.trust-bar,.trust-bar-table{display:none!important}}.trust-icon{margin-top:8px!important}.trust-bar-table{margin-top:30px}.hideMe{display:none!important}*:not(.material-icons):not(.mat-icon):not(.mat-ligature-font){font-family:Poppins}.green-amount{color:#16a34a}.green-amount:before{content:"\20b9";font-weight:700;margin-right:4px}.red-amount{color:#dc2626}.red-amount:before{content:"\20b9";font-weight:700;margin-right:4px}.page-note{--page-note-accent: #2563eb;--page-note-accent-strong: #1d4ed8;--page-note-accent-soft: rgba(37, 99, 235, .12);--page-note-border: rgba(37, 99, 235, .18);--page-note-title: #0f172a;--page-note-text: #475569;--page-note-bullet: #1d4ed8;--page-note-shadow: rgba(37, 99, 235, .24);--page-note-bullet-ring: rgba(29, 78, 216, .16);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-bottom:14px;padding:14px 16px;border:1px solid var(--page-note-border);border-radius:14px;background:linear-gradient(135deg,var(--page-note-accent-soft),rgba(255,255,255,.96)),#fff;box-shadow:0 8px 20px #0f172a0d}.page-note--tip{--page-note-accent: #059669;--page-note-accent-strong: #047857;--page-note-accent-soft: rgba(5, 150, 105, .12);--page-note-border: rgba(5, 150, 105, .18);--page-note-bullet: #047857;--page-note-shadow: rgba(5, 150, 105, .22);--page-note-bullet-ring: rgba(4, 120, 87, .14)}.page-note--warning{--page-note-accent: #d97706;--page-note-accent-strong: #b45309;--page-note-accent-soft: rgba(217, 119, 6, .12);--page-note-border: rgba(217, 119, 6, .2);--page-note-bullet: #b45309;--page-note-shadow: rgba(217, 119, 6, .22);--page-note-bullet-ring: rgba(180, 83, 9, .16)}.page-note__icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--page-note-accent),var(--page-note-accent-strong));color:#fff;box-shadow:0 8px 18px var(--page-note-shadow)}.page-note__icon .material-icons{font-size:18px}.page-note__content{min-width:0}.page-note__eyebrow{margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--page-note-accent)}.page-note__title{margin:0 0 4px;font-size:15px;line-height:1.2;color:var(--page-note-title)}.page-note__summary{margin:0;font-size:12px;line-height:1.5;color:var(--page-note-text)}.page-note__list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.page-note__list li{position:relative;padding-left:16px;font-size:12px;line-height:1.45;color:var(--page-note-text)}.page-note__list li:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;border-radius:999px;background:var(--page-note-bullet);box-shadow:0 0 0 3px var(--page-note-bullet-ring)}@media (max-width: 720px){.page-note{grid-template-columns:1fr;gap:10px;padding:12px}.page-note__icon{width:36px;height:36px}.page-note__title{font-size:14px}}