@charset "UTF-8";@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{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-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--shop-color-primary: #e8007c;--shop-color-secondary: #00c153;--shop-color-tertiary: #ff00ae;--shop-color-test: #e8007c;--shop-color-primary-light: color-mix(in srgb, var(--shop-color-primary) 20%, white 80%);--shop-color-primary-light-2: color-mix(in srgb, var(--shop-color-primary) 30%, white 70%);--shop-color-primary-light-3: color-mix(in srgb, var(--shop-color-primary) 10%, white 90%)}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Light-CINRKHM2.ttf") format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Regular-UEXLJ65B.ttf") format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Italic-QTGZYHJW.ttf") format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Medium-QIL3OLQH.ttf") format("truetype");font-display:swap;font-weight:500}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Bold-YYHPZD7E.ttf") format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:Satoshi;src:url("./media/Satoshi-Black-CLK2FY4C.ttf") format("truetype");font-display:swap;font-weight:900;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}body{display:block;width:100%;height:auto;box-sizing:border-box;font-family:Satoshi,sans-serif;font-style:normal;scroll-behavior:smooth;padding:0;margin:0;overflow-x:hidden;background-color:var(--color-background);color:var(--color-text);transition:background-color .3s ease,color .3s ease}.w-100{width:100%}.container{width:95%;max-width:1340px;margin:0 auto}.success{--mdc-snackbar-container-color: #00bf61 !important}.success .close-btn,.success span{color:#fff!important}.success .message mat-icon{background-color:#fff!important;color:#00bf61!important}.success .view-cart{background-color:#fff!important;color:#00bf61!important;box-shadow:#00000026 0 2px 8px}.success .view-cart:hover{background-color:#40ffa1;cursor:pointer}.warn{--mdc-snackbar-container-color: #ff7515 !important}.warn .close-btn,.warn span{color:#fff!important}.warn .message mat-icon{background-color:#fff!important;color:#ff7515!important}.warn .view-cart{background-color:#fff!important;color:#ff7515!important;box-shadow:#00000026 0 2px 8px}.warn .view-cart:hover{background-color:#ffdec8;cursor:pointer}.wrong{--mdc-snackbar-container-color: #fe3030 !important}.wrong .close-btn,.wrong span{color:#fff!important}.wrong .message mat-icon{background-color:#fff!important;color:#fe3030!important}.wrong .view-cart{background-color:#fff!important;color:#fe3030!important;box-shadow:#00000026 0 2px 8px}.wrong .view-cart:hover{background-color:#ffe2e2;cursor:pointer}.dialog{padding:10px!important}@media (max-width: 599px){body{background-color:var(--color-background)!important}.style-title .title{color:#121212!important;font-size:4.26667vw!important;font-weight:700!important;line-height:4.8vw!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px}.style-title a{font-size:3.46667vw;line-height:4vw;color:#000}.style-title a .arrow-icon{margin-left:0}}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}.btn-primary-modern{background:var(--button-primary-bg);color:var(--button-primary-text);border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-xs);transition:all .2s;cursor:pointer;text-decoration:none}.btn-primary-modern:hover{background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary-modern:active{transform:translateY(0)}.btn-primary-modern:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary-modern mat-icon{font-size:18px;width:18px;height:18px}.btn-ghost-modern{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:9px 14px;border-radius:8px;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;cursor:pointer;text-decoration:none}.btn-ghost-modern:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-text-muted);color:var(--color-text-strong)}.btn-ghost-modern:active{background:var(--color-surface-variant)}.btn-ghost-modern:disabled{opacity:.5;cursor:not-allowed}.btn-ghost-modern mat-icon{font-size:16px;width:16px;height:16px}.controls-row-modern{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.controls-row-modern{flex-direction:column-reverse;align-items:stretch}}.filters-row-modern{display:flex;gap:12px;flex-wrap:wrap;align-items:center;width:100%}.status-tabs-modern{display:inline-flex;gap:4px;background:var(--color-surface-muted);padding:4px;border-radius:10px;border:1px solid var(--color-border)}.status-tabs-modern button{border:none;background:transparent;padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .2s;white-space:nowrap}.status-tabs-modern button.active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-sm)}.status-tabs-modern button:hover:not(.active){color:var(--color-text-strong);background:var(--color-surface)}.custom-form-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.custom-form-group label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-left:4px}.custom-select-modern,.custom-input-modern{background:var(--color-surface);border:1px solid var(--color-border);padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--color-text);outline:none;transition:all .2s;min-height:42px}.custom-select-modern:focus,.custom-input-modern:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.custom-select-modern::placeholder,.custom-input-modern::placeholder{color:var(--color-text-muted);font-weight:400}select.custom-select-modern{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.search-container-modern{flex:1;max-width:400px}@media (max-width: 768px){.search-container-modern{max-width:100%}}.search-container-modern .custom-search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:10px;transition:all .2s;min-height:42px}.search-container-modern .custom-search-box:focus-within{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0d}.search-container-modern .custom-search-box mat-icon{color:#94a3b8;font-size:20px;width:20px;height:20px}.search-container-modern .custom-search-box input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:#1e293b;font-weight:500}.search-container-modern .custom-search-box input::placeholder{color:#94a3b8;font-weight:400}.table-card-modern{background:var(--color-surface);border-radius:20px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;padding:8px}.table-container-modern{overflow-x:auto}.table-modern{width:100%;border-collapse:separate;border-spacing:0}.table-modern thead th{padding:16px 20px;text-align:left;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:10}.table-modern tbody td{padding:18px 20px;vertical-align:middle;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:14px;transition:background .2s}.table-modern tbody tr:last-child td{border-bottom:none}.table-modern tbody tr:hover td{background:var(--color-surface-muted)}.status-pill-modern{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;background:#f1f5f9;color:#475569}.status-pill-modern .status-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}.status-pill-modern.active,.status-pill-modern.invoice{background:#e0f2fe;color:#0369a1}.status-pill-modern.active .status-dot,.status-pill-modern.invoice .status-dot{background:#0ea5e9}.status-pill-modern.inactive,.status-pill-modern.unpaid,.status-pill-modern.cancelled,.status-pill-modern.danger{background:#fef2f2;color:#991b1b}.status-pill-modern.inactive .status-dot,.status-pill-modern.unpaid .status-dot,.status-pill-modern.cancelled .status-dot,.status-pill-modern.danger .status-dot{background:#ef4444}.status-pill-modern.pending,.status-pill-modern.draft,.status-pill-modern.quotation,.status-pill-modern.partially-paid,.status-pill-modern.warning{background:#fef3c7;color:#92400e}.status-pill-modern.pending .status-dot,.status-pill-modern.draft .status-dot,.status-pill-modern.quotation .status-dot,.status-pill-modern.partially-paid .status-dot,.status-pill-modern.warning .status-dot{background:#f59e0b}.status-pill-modern.success,.status-pill-modern.paid{background:#f0fdf4;color:#166534}.status-pill-modern.success .status-dot,.status-pill-modern.paid .status-dot{background:#22c55e}.pagination-modern{display:flex;justify-content:space-between;align-items:center;padding:20px 8px;color:var(--color-text-muted);font-size:14px}.pagination-modern .pagination-info strong{color:var(--color-text-strong);font-weight:700}.pagination-modern .pagination-controls{display:flex;align-items:center;gap:8px}.pagination-modern .pagination-controls .nav-btn{width:36px;height:36px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pagination-modern .pagination-controls .nav-btn:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text-strong);background:var(--color-surface-muted)}.pagination-modern .pagination-controls .nav-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-modern .pagination-controls .nav-btn mat-icon{font-size:20px;width:20px;height:20px}.pagination-modern .pagination-controls .page-numbers{display:flex;align-items:center;gap:4px}.pagination-modern .pagination-controls .page-numbers .page-num{min-width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s}.pagination-modern .pagination-controls .page-numbers .page-num:hover{background:var(--color-surface-muted);color:var(--color-text-strong)}.pagination-modern .pagination-controls .page-numbers .page-num.active{background:var(--color-primary);color:var(--button-primary-text)}.pagination-modern .pagination-controls .page-numbers .ellipsis{padding:0 4px;font-weight:700;color:var(--color-border-strong)}.custom-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:20px;height:20px}.custom-checkbox input[type=checkbox]{cursor:pointer;opacity:0;position:absolute;width:20px;height:20px;z-index:1}.custom-checkbox input[type=checkbox]:checked+label{background-color:#0f172a;border-color:#0f172a}.custom-checkbox input[type=checkbox]:checked+label:after{opacity:1}.custom-checkbox label{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;display:inline-block;position:relative;transition:all .2s}.custom-checkbox label:after{content:"";position:absolute;top:45%;left:50%;width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-60%) rotate(45deg);opacity:0;transition:opacity .2s}.summary-card-modern{background:var(--color-surface);border-radius:18px;padding:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.summary-card-modern:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-border-strong)}.summary-card-modern.primary:before{background:var(--color-primary)}.summary-card-modern.success:before{background:var(--color-success)}.summary-card-modern.danger:before{background:var(--color-danger)}.summary-card-modern .summary-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);color:var(--color-icon)}.summary-card-modern .summary-icon mat-icon{font-size:28px;width:28px;height:28px}.summary-card-modern .summary-content{display:flex;flex-direction:column;gap:2px}.summary-card-modern .summary-content h3{margin:0;font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-card-modern .summary-content .amount{margin:0;font-size:24px;font-weight:800;color:var(--color-text-strong)}[data-theme=dark] .status-tabs-modern{background:#0f172a66;border-color:var(--color-border)}[data-theme=dark] .status-tabs-modern button.active{background:var(--color-surface-variant);color:#fff;box-shadow:0 4px 12px #0003}[data-theme=dark] .status-tabs-modern button:hover:not(.active){background:#ffffff0d}[data-theme=dark] .table-modern tbody tr:hover td{background:#ffffff05}[data-theme=dark] .summary-card-modern:before{opacity:.8}[data-theme=dark] .summary-card-modern .summary-icon{background:#ffffff0d}html,body{height:100%;margin:0}.cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-dark-backdrop{background:#0f172a57!important;backdrop-filter:blur(5px) saturate(1.04);-webkit-backdrop-filter:blur(5px) saturate(1.04)}[data-theme=dark] .cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-dark-backdrop{background:#00000085!important}:root{color-scheme:light;--color-background: #f4f6fb;--color-background-alt: #eef2ff;--color-surface: #fff;--color-surface-muted: #f8fafc;--color-surface-variant: #edf2ff;--color-border: rgba(15, 23, 42, .08);--color-border-strong: rgba(15, 23, 42, .15);--color-text: #0f172a;--color-text-strong: #0b1324;--color-text-muted: #64748b;--color-icon: #64748b;--color-icon-strong: #0f172a;--color-primary: #4868f7;--color-primary-soft: rgba(72, 104, 247, .16);--color-success: #16a34a;--color-success-soft: rgba(22, 163, 74, .16);--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .16);--shadow-xs: 0 2px 6px rgba(15, 23, 42, .08);--shadow-sm: 0 6px 18px rgba(15, 23, 42, .08);--shadow-md: 0 12px 28px rgba(15, 23, 42, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--menu-card-bg: #ffffff;--menu-card-border: rgba(15, 23, 42, .08);--menu-card-icon: #64748b;--profile-card-bg: #ffffff;--profile-card-border: rgba(15, 23, 42, .08);--profile-card-icon-bg: #e8f0ff;--profile-card-icon-color: #4f7cff;--profile-avatar-border: rgba(255, 255, 255, .8);--profile-avatar-bg: #ffffff;--inflow-section-bg: rgba(34, 197, 94, .08);--inflow-section-border: rgba(22, 163, 74, .22);--inflow-input-bg: rgba(34, 197, 94, .08);--inflow-input-hover: rgba(34, 197, 94, .12);--inflow-input-focus: rgba(34, 197, 94, .15);--outflow-section-bg: rgba(239, 68, 68, .08);--outflow-section-border: rgba(239, 68, 68, .22);--outflow-input-bg: rgba(239, 68, 68, .08);--outflow-input-hover: rgba(239, 68, 68, .12);--outflow-input-focus: rgba(239, 68, 68, .15);--button-primary-bg: #4868f7;--button-primary-hover: #3854d6;--button-primary-text: #ffffff}[data-theme=dark]{color-scheme:dark;--color-background: #060b16;--color-background-alt: #0d1627;--color-surface: #0f192c;--color-surface-muted: #18253c;--color-surface-variant: #1f2f4b;--color-border: rgba(148, 163, 184, .16);--color-border-strong: rgba(148, 163, 184, .32);--color-text: #e5ecff;--color-text-strong: #f8fbff;--color-text-muted: #94a3b8;--color-icon: #96a3be;--color-icon-strong: #f8fbff;--color-primary: #7690ff;--color-primary-soft: rgba(118, 144, 255, .2);--color-success: #4ade80;--color-success-soft: rgba(74, 222, 128, .18);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .18);--shadow-xs: 0 2px 6px rgba(2, 6, 23, .3);--shadow-sm: 0 10px 24px rgba(2, 6, 23, .35);--shadow-md: 0 18px 40px rgba(2, 6, 23, .45);--menu-card-bg: #111d33;--menu-card-border: rgba(148, 163, 184, .2);--menu-card-icon: #c1cdf0;--profile-card-bg: #111d33;--profile-card-border: rgba(148, 163, 184, .2);--profile-card-icon-bg: rgba(118, 144, 255, .16);--profile-card-icon-color: #a9bbff;--profile-avatar-border: rgba(255, 255, 255, .32);--profile-avatar-bg: #111d33;--inflow-section-bg: rgba(34, 197, 94, .12);--inflow-section-border: rgba(22, 163, 74, .35);--inflow-input-bg: rgba(34, 197, 94, .12);--inflow-input-hover: rgba(34, 197, 94, .18);--inflow-input-focus: rgba(34, 197, 94, .22);--outflow-section-bg: rgba(239, 68, 68, .12);--outflow-section-border: rgba(239, 68, 68, .35);--outflow-input-bg: rgba(239, 68, 68, .12);--outflow-input-hover: rgba(239, 68, 68, .2);--outflow-input-focus: rgba(239, 68, 68, .26);--button-primary-bg: #7690ff;--button-primary-hover: #90a4ff;--button-primary-text: #0b1020;--mat-sys-on-surface: #e5ecff;--mdc-text-field-input-text-color: var(--color-text) !important;--mdc-text-field-label-text-color: var(--color-text-muted) !important;--mdc-outlined-text-field-container-color: transparent !important;--mdc-filled-text-field-container-color: var(--color-surface-variant) !important;--mat-form-field-container-color: var(--color-surface) !important;--mdc-outlined-text-field-outline-color: var(--color-border-strong) !important;--mdc-outlined-text-field-hover-outline-color: var(--color-text-muted) !important;--mdc-outlined-text-field-focus-outline-color: var(--color-primary) !important;--mdc-outlined-text-field-input-text-color: var(--color-text) !important;--mdc-outlined-text-field-label-text-color: var(--color-text-muted) !important;--mdc-outlined-text-field-focus-label-text-color: var(--color-primary) !important;--mdc-outlined-text-field-caret-color: var(--color-primary) !important;--mdc-outlined-text-field-disabled-input-text-color: var(--color-text-muted) !important;--mdc-outlined-text-field-disabled-outline-color: var(--color-border) !important;--mdc-outlined-text-field-disabled-label-text-color: var(--color-text-muted) !important;--mat-dialog-container-color: var(--color-surface);--mat-sys-surface: var(--color-surface);--mat-datepicker-calendar-container-background-color: var(--color-surface);--mat-datepicker-calendar-container-text-color: var(--color-text);--mdc-elevated-card-container-color: var(--color-surface);--mdc-outlined-card-container-color: var(--color-surface)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:10px;border:2px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-background)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a;border:2px solid var(--color-background)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}html{scroll-behavior:smooth}body{transition:background-color .3s ease,color .3s ease}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mat-mdc-button-base:focus-visible{outline:none!important}[data-theme=dark]{--mat-dialog-container-color: var(--color-surface) !important;--mat-sys-surface: var(--color-surface) !important;--mat-sys-on-surface: var(--color-text) !important}[data-theme=dark] .mat-mdc-card{background-color:var(--color-surface)!important;color:var(--color-text)!important}[data-theme=dark] .mat-mdc-table{background-color:transparent!important;color:var(--color-text)!important}[data-theme=dark] .mat-mdc-header-cell{color:var(--color-text-muted)!important;border-bottom-color:var(--color-border)!important}[data-theme=dark] .mat-mdc-cell{color:var(--color-text)!important;border-bottom-color:var(--color-border)!important}[data-theme=dark] .mat-mdc-row:hover .mat-mdc-cell{background-color:var(--color-surface-muted)!important}[data-theme=dark] .cdk-overlay-container .mat-mdc-dialog-container,[data-theme=dark] .mat-mdc-dialog-container,[data-theme=dark] .mat-mdc-dialog-surface{background:var(--color-surface)!important;background-color:var(--color-surface)!important;color:var(--color-text)!important}[data-theme=dark] .mat-mdc-dialog-title,[data-theme=dark] .mat-mdc-dialog-content,[data-theme=dark] .mat-mdc-dialog-actions{color:var(--color-text)!important}[data-theme=dark] .mat-datepicker-content,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content{background-color:var(--color-surface)!important;color:var(--color-text)!important}[data-theme=dark] .mat-datepicker-content .mat-calendar,[data-theme=dark] .mat-datepicker-content .mat-calendar-body-cell-content,[data-theme=dark] .mat-datepicker-content .mat-calendar-body-label,[data-theme=dark] .mat-datepicker-content .mat-calendar-period-button,[data-theme=dark] .mat-datepicker-content .mat-calendar-arrow,[data-theme=dark] .mat-datepicker-content .mat-calendar-table-header th,[data-theme=dark] .mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell-content,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-label,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-arrow,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header th,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content{color:var(--color-text)!important}[data-theme=dark] .mat-datepicker-content .mat-calendar-body-selected .mat-calendar-body-cell-content,[data-theme=dark] .cdk-overlay-container .mat-datepicker-content .mat-calendar-body-selected .mat-calendar-body-cell-content{background-color:var(--color-primary)!important;color:var(--button-primary-text)!important}[data-theme=dark] .cdk-overlay-pane .mat-mdc-select-panel,[data-theme=dark] .mat-mdc-select-panel,[data-theme=dark] .mat-mdc-autocomplete-panel{background:var(--color-surface)!important;color:var(--color-text)!important}[data-theme=dark] .mat-mdc-option{color:var(--color-text)!important}[data-theme=dark] .mat-mdc-option:hover:not(.mdc-list-item--disabled),[data-theme=dark] .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background-color:var(--color-surface-muted)!important}[data-theme=dark] .mat-mdc-select-value-text{color:var(--color-text)!important}[data-theme=dark] .mat-mdc-select-arrow{color:var(--color-text-muted)!important}[data-theme=dark] .cdk-overlay-pane .mat-mdc-menu-panel,[data-theme=dark] .mat-mdc-menu-panel{background:var(--color-surface)!important;color:var(--color-text)!important}[data-theme=dark] .mat-mdc-menu-item,[data-theme=dark] .mat-mdc-menu-item .mat-mdc-menu-item-text,[data-theme=dark] .mat-mdc-menu-item mat-icon{color:var(--color-text)!important}[data-theme=dark] .mat-mdc-menu-item.delete-action,[data-theme=dark] .mat-mdc-menu-item.delete-action mat-icon{color:var(--color-danger)!important}[data-theme=dark] .mat-mdc-menu-item:hover{background-color:var(--color-surface-muted)!important}::ng-deep .reminder-form-dialog-mobile .cdk-overlay-pane{max-width:100vw!important;width:100%!important;max-height:90vh!important}::ng-deep .reminder-form-dialog-mobile .mat-mdc-dialog-container{border-radius:20px 20px 0 0!important;margin-top:auto!important;margin-bottom:0!important;max-height:90vh!important;overflow-y:auto!important}::ng-deep .reminder-form-dialog-desktop .cdk-overlay-pane{max-width:600px!important;width:90%!important}::ng-deep .reminder-form-dialog-desktop .mat-mdc-dialog-container{border-radius:20px!important;margin:auto!important}::ng-deep .project-edit-dialog-panel{max-width:calc(100vw - 16px)!important;width:min(1000px,100vw - 16px)!important;box-sizing:border-box!important}::ng-deep .project-edit-dialog-panel .mat-mdc-dialog-container{padding:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}::ng-deep .project-edit-dialog-panel .mat-mdc-dialog-surface{padding:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;max-height:min(90vh,100dvh - 16px)!important}@media (max-width: 768px){::ng-deep .project-edit-dialog-panel{max-width:100vw!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important}::ng-deep .project-edit-dialog-panel .mat-mdc-dialog-surface{max-height:100dvh!important;border-radius:0!important}}.mat-mdc-snack-bar-container.lead-snackbar-success{--mdc-snackbar-container-color: #ecfdf5;--mdc-snackbar-supporting-text-color: #065f46;--mat-snack-bar-button-color: #065f46;border:1px solid #a7f3d0;border-radius:12px!important;box-shadow:0 8px 24px #065f461f}.mat-mdc-snack-bar-container.lead-snackbar-error{--mdc-snackbar-container-color: #fef2f2;--mdc-snackbar-supporting-text-color: #991b1b;--mat-snack-bar-button-color: #991b1b;border:1px solid #fecaca;border-radius:12px!important;box-shadow:0 8px 24px #991b1b1f}::ng-deep .custom-admin-dialog-panel .mat-mdc-dialog-container,::ng-deep .custom-admin-dialog-panel .mat-mdc-dialog-surface{padding:0!important;max-width:100%!important}.cdk-overlay-backdrop.loan-dialog-backdrop{background:#0f172a7a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cdk-overlay-pane.loan-dialog-panel{z-index:1001!important}.cdk-overlay-backdrop.loan-dialog-backdrop{z-index:1000!important}.cdk-overlay-container .lead-timepicker-panel,.cdk-overlay-container .mat-timepicker-panel{z-index:1100!important;background:#fff;color:#0f172a;border-radius:12px;box-shadow:0 12px 32px #0f172a2e}.cdk-overlay-container .mat-timepicker-panel .mat-timepicker-option-selected,.cdk-overlay-container .lead-timepicker-panel .mat-timepicker-option-selected{background:#0f172a!important;color:#fff!important}.loan-dialog-panel .mat-mdc-dialog-container,.loan-dialog-panel .mat-mdc-dialog-surface{padding:0!important;border-radius:18px!important;overflow:hidden;box-shadow:0 24px 48px #0f172a2e!important}@media (max-width: 600px){.loan-dialog-panel .mat-mdc-dialog-container,.loan-dialog-panel .mat-mdc-dialog-surface{border-radius:16px 16px 0 0!important;max-height:92dvh!important}}@keyframes spin{to{transform:rotate(360deg)}}.btn-loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:8px}.btn-loader.dark{border-color:#0f172a1a;border-top-color:#0f172a}