@font-face{font-family:Raleway;src:url(Raleway-VariableFont_wght.88afe1e54271ce68.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--primary-color: #2563eb;--primary-hover: color-mix(in srgb, var(--primary-color) 85%, black);--font-family: "Raleway", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width: 16rem;--sidebar-collapsed-width: 5.25rem;--sidebar-mobile-width: min(86vw, 20rem);--header-height: 4rem;--border-radius: .875rem;--sidebar-title-font-size: 1.125rem;--sidebar-title-font-weight: 600;--header-title-font-size: .9375rem;--header-title-font-weight: 600;--sidebar-logo-size: 3rem;--content-padding: 1rem;--page-max-width: 100rem;--font-weight-regular: 400;--font-weight-strong: 600;--font-size-caption: .75rem;--font-size-body: .875rem;--font-size-base: 1rem;--font-size-title-sm: 1.25rem;--font-size-title-md: 1.5rem;--font-size-title-lg: 2rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--active-bg: #eff6ff;--card-bg: #ffffff;--sidebar-bg: #ffffff;--header-bg: #ffffff;--content-bg: #f9fafb}.dark-mode{--bg-primary: #111827;--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--hover-bg: #1f2937;--active-bg: #1e3a8a;--card-bg: #1f2937;--sidebar-bg: #111827;--header-bg: #111827;--content-bg: #0f172a}*,*:before,*:after{box-sizing:border-box}html{font-size:clamp(14px,.88rem + .15vw,16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;font-family:var(--font-family);font-weight:var(--font-weight-regular);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}body.body--nav-open{overflow:hidden;touch-action:none}app-sidebar,app-customer-sidebar{display:block}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-strong);line-height:1.2;color:var(--text-primary)}p{margin:0;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color);opacity:.8}img,picture,video,canvas,svg{display:block;max-width:100%}img,video,canvas{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}label,button{font-weight:var(--font-weight-strong)}.ui-input__field,.ui-select__field,.ui-textarea__field,.data-table,.ui-table__table{font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}html body .page-title,html body .login-title,html body .register-title,html body .forgot-title,html body .reset-password-title,html body .success-title,html body .cancel-title,html body .maintenance-title{font-size:var(--font-size-title-lg)!important;font-weight:var(--font-weight-strong)!important;line-height:1.2!important}html body .page-subtitle,html body .login-subtitle,html body .register-subtitle,html body .forgot-subtitle,html body .reset-password-subtitle,html body .maintenance-subtitle{font-size:var(--font-size-body)!important;font-weight:var(--font-weight-regular)!important;line-height:1.6!important}html body .section-title,html body .card-title,html body .checkout-title,html body .limits-title,html body .modal-title,html body .section-header h3{font-size:var(--font-size-title-sm)!important;font-weight:var(--font-weight-strong)!important;line-height:1.3!important}html body .section-description,html body .checkout-subtitle,html body .detail-label,html body .empty-subtext,html body .login-hint,html body .register-hint,html body .forgot-hint,html body .reset-password-hint{font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-regular)!important}html body .limit-value,html body .payment-amount,html body .plan-name,html body .price-amount,html body .outcome-value,html body .stat-value,html body .empty-text{font-weight:var(--font-weight-strong)!important}html body .detail-value,html body .detail-value--amount,html body .detail-value--mono,html body .detail-value--with-action,html body .detail-value--pending,html body .detail-value--error,html body .role-name,html body .user-name,html body .user-email,html body .permission-picker-item__name,html body .plan-name,html body .payment-amount,html body .limit-value,html body .empty-text{font-size:var(--font-size-body)!important}html body .detail-value,html body .detail-value--amount,html body .detail-value--mono,html body .detail-value--with-action,html body .detail-value--pending,html body .detail-value--error{font-weight:var(--font-weight-regular)!important}html body .ui-input__label,html body .ui-select__label,html body .ui-textarea__label,html body .form-label,html body .status-badge,html body .data-table-pagination__btn,html body .ui-table__action-btn,html body .ui-table__page-btn{font-weight:var(--font-weight-strong)!important}html body .status-badge,html body .data-table-pagination__info,html body .data-table-pagination__page,html body .ui-table__page-num{font-size:var(--font-size-caption)!important}input,select,textarea{width:100%}input:focus,select:focus,textarea:focus{outline:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.add-fab{width:2.75rem;height:2.75rem;border-radius:999px;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:var(--font-weight-regular);line-height:1;cursor:pointer;border:none;flex-shrink:0;transition:opacity .2s,transform .2s;text-decoration:none;-webkit-user-select:none;user-select:none}.add-fab:hover{opacity:.92;transform:scale(1.06)}.add-fab:active{transform:scale(.98)}.add-fab--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.content-area>*{width:min(100%,var(--page-max-width));max-width:100%;min-width:0}html body .section-card,html body .dashboard-card,html body .settings-card,html body .form-container,html body .plan-form,html body .form-section,html body .detail-card,html body .plan-card,html body .table-card,html body .integration-block{max-width:100%}html body .filter-search,html body .search-box,html body .title-block,html body .section-title-wrapper,html body .header-left,html body .header-right,html body .header-content,html body .detail-value,html body .detail-label,html body .role-name,html body .permission-picker-item__name,html body .payment-amount,html body .limit-label,html body .limit-value,html body .activity-message,html body .user-name,html body .user-email,html body .plan-name,html body .breadcrumb-item,html body .logo-text,html body .sidebar-logo{min-width:0;overflow-wrap:anywhere}html body .table-container,html body .table-wrap{max-width:100%}html body .login-logo-wrap,html body .register-logo-wrap,html body .forgot-logo-wrap,html body .reset-logo-wrap{display:flex;justify-content:center;align-items:center}html body .login-logo-img,html body .register-logo-img,html body .forgot-logo-img,html body .reset-logo-img{margin-inline:auto}@media (min-width: 480px){:root{--content-padding: 1rem}}@media (min-width: 768px){:root{--header-height: 4.25rem;--content-padding: 1.5rem}}@media (min-width: 1024px){:root{--sidebar-width: 16rem;--content-padding: 2rem}}@media (min-width: 1280px){:root{--sidebar-width: 17rem;--content-padding: 2rem;--page-max-width: 92rem}}@media (min-width: 1536px){:root{--sidebar-width: 17.5rem;--content-padding: 2.5rem;--page-max-width: 100rem}}@media (max-width: 1023.98px){html body .content-grid,html body .form-grid,html body .plans-grid,html body .tables-section,html body .charts-grid{grid-template-columns:1fr}html body .section-card,html body .dashboard-card,html body .settings-card,html body .form-container,html body .plan-form,html body .form-section,html body .detail-card,html body .plan-card,html body .table-card{padding:var(--space-4)}}@media (max-width: 767.98px){html body .page-header,html body .section-header,html body .header-row,html body .card-header,html body .card-header-with-action,html body .settings-actions,html body .header-actions,html body .plan-card-header,html body .plan-card-footer,html body .header-content{flex-direction:column;align-items:stretch;gap:var(--space-2)}html body .section-title-row,html body .filter-search,html body .filter-group,html body .search-box,html body .title-block,html body .header-left,html body .header-right{width:100%}html body .section-header,html body .filters-section{justify-content:flex-start;align-items:flex-start;text-align:left}html body .filter-search,html body .filter-group,html body .section-header>app-ui-select,html body .section-header>app-ui-input,html body .filters-section>*{margin-inline:0;align-self:flex-start}html body .form-row,html body .detail-grid,html body .limit-row,html body .limit-row--horizontal,html body .grid-2,html body .grid-3{grid-template-columns:1fr}html body .info-row,html body .limit-item,html body .payment-item,html body .activity-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}html body .section-card,html body .dashboard-card,html body .settings-card,html body .form-container,html body .plan-form,html body .form-section,html body .detail-card,html body .plan-card,html body .table-card,html body .integration-block{padding:var(--space-3)}html body .empty-state,html body .loading-state,html body .no-limits-message{padding:var(--space-5) var(--space-3)}html body .settings-actions app-ui-button,html body .header-actions app-ui-button,html body .modal-footer__actions app-ui-button{width:100%}}@media (max-width: 479.98px){:root{--content-padding: 1rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--font-size-title-lg: 1.75rem}html body .section-card,html body .dashboard-card,html body .settings-card,html body .form-container,html body .plan-form,html body .form-section,html body .detail-card,html body .plan-card,html body .table-card{padding:var(--space-3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.sidebar,.header,.customer-sidebar,.customer-header,.layout-backdrop{display:none}.main-content{margin-left:0!important}.content-area{margin-top:0!important;padding:0!important}}
