@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.layout-container{min-height:100vh;background:var(--bg-body)}.layout-mobile-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:60px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.layout-mobile-header-brand{display:flex;align-items:center;gap:var(--space-3)}.layout-mobile-header-logo{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary)}.layout-mobile-header-logo img{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.layout-mobile-header-toggle{width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;background:var(--bg-hover);transition:all var(--duration-fast) var(--ease-in-out)}.layout-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:var(--z-sticky);background:var(--bg-sidebar);transition:transform var(--duration-slow) var(--ease-in-out);display:flex;flex-direction:column}.layout-sidebar-content{display:flex;flex-direction:column;height:100%}.layout-sidebar-logo{padding:var(--space-5) var(--space-5) var(--space-4)}.layout-sidebar-logo-content{display:flex;align-items:center;gap:var(--space-3)}.layout-sidebar-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary)}.layout-sidebar-logo-icon img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.layout-sidebar-nav{flex:1;padding:var(--space-2) var(--space-3);overflow-y:auto}.layout-sidebar-nav::-webkit-scrollbar-track{background:transparent}.layout-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}.layout-sidebar-nav-list{display:flex;flex-direction:column;gap:var(--space-1);height:100%}.layout-sidebar-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-400);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-in-out);width:100%}.layout-sidebar-nav-link:hover{background:#ffffff0f;color:var(--text-inverse)}.layout-sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.layout-sidebar-nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-sidebar-nav-item.logout{margin-top:auto;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.layout-overlay{position:fixed;inset:0;z-index:calc(var(--z-sticky) - 1);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout-main-shell{display:flex;flex-direction:column;min-height:100vh}@media(min-width:1024px){.layout-main-header{position:sticky;top:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-8);background:var(--bg-card);border-bottom:1px solid var(--border-color)}}.layout-main-header-left{display:flex;flex-direction:column}.layout-main-header-right{display:flex;align-items:center;gap:var(--space-4)}.layout-user-pill{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--duration-fast) var(--ease-in-out)}.layout-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold)}@media(min-width:640px){.layout-user-info{display:flex;flex-direction:column;gap:0}}.layout-main-content{flex:1;padding:var(--space-6) var(--space-4)}@media(max-width:480px){.layout-main-content{padding:var(--space-4) var(--space-3);padding-top:calc(60px + var(--space-4))}}.dashboard-role{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.dashboard-role-name{font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs)}.dashboard-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:768px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}.dashboard-stat-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;border:1px solid var(--border-color);transition:all var(--duration-normal) var(--ease-in-out)}.dashboard-stat-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.dashboard-stat-subtext{font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.dashboard-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.dashboard-loading:before{content:"";width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:dash-spin .8s linear infinite}.dashboard-recent-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:900px){.dashboard-recent-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}.dashboard-recent-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color-light);background:var(--color-gray-50)}.dashboard-recent-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);margin:0}.dashboard-recent-list{display:flex;flex-direction:column}.dashboard-recent-item{padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-in-out)}.dashboard-recent-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.dashboard-recent-empty{padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.dashboard-recent-empty:before{content:"📭";display:block;font-size:32px;margin-bottom:var(--space-3)}.dashboard-recent-item-user{display:flex;align-items:center;gap:var(--space-3);width:100%}.dashboard-recent-item-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0}.dashboard-status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}@media(max-width:479px){.dashboard-container{padding:0}.dashboard-stat-card{padding:var(--space-4);border-radius:var(--radius-lg)}.dashboard-stat-value{font-size:var(--text-2xl)}.dashboard-stat-icon{width:40px;height:40px;border-radius:var(--radius-md)}.dashboard-stat-icon svg{width:20px;height:20px}.dashboard-recent-card{border-radius:var(--radius-lg)}.dashboard-recent-header{padding:var(--space-3) var(--space-4)}.dashboard-recent-body{padding:var(--space-2)}.dashboard-recent-item{padding:var(--space-3) var(--space-2)}.dashboard-recent-item-avatar{width:36px;height:36px;font-size:var(--text-xs)}}@media(max-width:374px){.dashboard-stat-content{flex-direction:column-reverse;gap:var(--space-3)}.dashboard-stat-icon{align-self:flex-start}.dashboard-recent-item-content{flex-direction:column;gap:var(--space-2)}.dashboard-recent-item-price{text-align:left}}.invoices-loading{display:flex;align-items:center;justify-content:center;height:16rem}.invoices-error{display:flex;align-items:center;justify-content:center;height:16rem}.invoices-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.invoices-create-button{background-color:var(--color-primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);width:100%;justify-content:center;border:none;cursor:pointer}.invoices-filters{margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-4);flex-wrap:wrap}.invoices-search-icon{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.invoices-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.invoices-filter-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--bg-card);transition:all var(--transition-fast)}.invoices-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.invoices-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.invoices-stats-card{background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.invoices-stats-content{display:flex;align-items:center;justify-content:space-between}.invoices-create-modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:48rem;width:100%;max-height:90vh;overflow-y:auto}.invoices-create-modal-header-content{display:flex;justify-content:space-between;align-items:center}.invoices-create-modal-steps{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.invoices-create-modal-step{padding:.25rem var(--spacing-3);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.invoices-create-modal-close{color:var(--text-muted);background:none;border:none;cursor:pointer;font-size:1.25rem;transition:all var(--transition-fast)}.invoices-create-search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-muted)}.invoices-create-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.invoices-create-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.invoices-create-list{max-height:24rem;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.invoices-create-list-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.invoices-create-list-item{width:100%;padding:var(--spacing-4);text-align:left;background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.invoices-create-list-item-content{display:flex;align-items:center;justify-content:space-between}.invoices-create-info-box{background-color:#eff6ff;padding:var(--spacing-4);border-radius:var(--radius-lg)}.invoices-create-info-box-content{display:flex;align-items:center;justify-content:space-between}.invoices-create-info-box-back{color:var(--color-primary);font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all var(--transition-fast)}.invoices-create-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.invoices-create-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.invoices-create-form-field{display:flex;flex-direction:column}.invoices-create-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-1)}.invoices-create-form-input{width:100%;padding:var(--spacing-3) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:2.75rem;transition:all var(--transition-fast)}.invoices-create-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.invoices-create-form-select{width:100%;padding:var(--spacing-3) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:#fff;min-height:2.75rem;cursor:pointer;transition:all var(--transition-fast)}.invoices-create-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.invoices-create-form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:4rem;transition:all var(--transition-fast)}.invoices-create-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.invoices-create-form-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.invoices-create-form-button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;align-items:center;gap:var(--spacing-2)}.invoices-create-form-button-back{border:1px solid var(--border-color);background-color:#fff;color:var(--text-primary)}.invoices-create-form-button-cancel{border:1px solid var(--border-color);background-color:#fff;color:var(--text-primary)}.invoices-view-modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:48rem;width:100%;max-height:90vh;overflow-y:auto}.invoices-view-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start}.invoices-view-modal-close{color:var(--text-muted);background:none;border:none;cursor:pointer;font-size:1.25rem;transition:all var(--transition-fast)}.invoices-view-modal-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.invoices-view-section{display:flex;flex-direction:column}.invoices-view-section-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3);margin:0 0 var(--spacing-3) 0}.invoices-view-info-box{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2)}.invoices-view-info-row{display:flex;justify-content:space-between;align-items:flex-start}.invoices-view-payment-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.invoices-view-actions{display:flex;gap:var(--spacing-3)}.invoices-view-action-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:#fff;min-height:2.5rem;cursor:pointer;transition:all var(--transition-fast)}.invoices-view-action-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.invoices-view-action-button{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.invoices-view-action-button-download{background-color:#d1fae5;color:#059669;border-color:#a7f3d0}.invoices-view-action-button-download:hover{background-color:#a7f3d0;color:#047857}.invoices-view-action-button-cancel{background-color:#fef2f2;color:var(--color-danger);border-color:#fecaca}.invoices-view-action-button-cancel:hover{background-color:#fecaca;color:#dc2626}.invoices-table-td-actions{padding:var(--spacing-4) var(--spacing-6);white-space:nowrap;text-align:right}.invoices-table-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.invoices-table-action-button{background:none;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.invoices-table-container{background-color:#fff;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);overflow:hidden}.invoices-table{width:100%;border-collapse:separate;border-spacing:0}.invoices-table-th{padding:var(--spacing-3) var(--spacing-6);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase}.invoices-table-td{padding:var(--spacing-4) var(--spacing-6);white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-primary)}.invoices-table-empty{padding:var(--spacing-4) var(--spacing-6);text-align:center;color:var(--text-secondary)}.login-page{font-family:var(--font-sans);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--color-gray-900);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,102,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,184,169,.1) 0%,transparent 50%);pointer-events:none}.login-container{width:100%;max-width:400px;position:relative;z-index:1}.login-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-xl)}.login-icon{width:56px;height:56px;margin:0 auto var(--space-5);background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.login-input-wrapper{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-in-out)}.login-input-wrapper input{width:100%;background:transparent;border:none;padding:var(--space-4) var(--space-4) var(--space-4) 48px;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.login-input-wrapper label{position:absolute;left:48px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;transition:all var(--duration-fast) var(--ease-in-out)}.login-input-wrapper input:not(:-moz-placeholder)+label{top:6px;font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium);transform:translateY(0)}.login-input-wrapper input:focus+label,.login-input-wrapper input:not(:placeholder-shown)+label{top:6px;font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium);transform:translateY(0)}.login-input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-in-out)}.login-password-toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-in-out)}.login-error-message{color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--space-2);margin-left:var(--space-1);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium)}.login-submit-btn{width:100%;background:var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--space-2);transition:all var(--duration-normal) var(--ease-in-out)}.login-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:50%;animation:spin .7s linear infinite}.login-error-alert{background:var(--color-danger-light);border:1px solid rgba(255,92,92,.2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-3)}.login-error-alert p{margin:0;color:var(--color-danger-dark);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug)}@media(max-width:480px){.login-page{padding:var(--space-4)}.login-card{padding:var(--space-8) var(--space-5);border-radius:var(--radius-xl)}.login-icon{width:48px;height:48px;border-radius:var(--radius-md)}.login-icon svg{width:24px;height:24px}.login-header h2{font-size:var(--text-xl)}.login-input-wrapper input{font-size:16px;padding:var(--space-4) var(--space-3) var(--space-4) 44px}.login-submit-btn{padding:var(--space-4)}}.orders-loading{display:flex;align-items:center;justify-content:center;height:16rem}.orders-error{display:flex;align-items:center;justify-content:center;height:16rem}.orders-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.orders-create-button{background-color:var(--color-primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);width:100%;justify-content:center;border:none;cursor:pointer}.orders-filters{margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-4);flex-wrap:wrap}.orders-search-icon{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.orders-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.orders-filter-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--bg-card);transition:all var(--transition-fast)}.orders-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.orders-filter-checkbox{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.orders-stats-card{background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.orders-stats-content{display:flex;align-items:center;justify-content:space-between}.orders-view-modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:48rem;width:100%;max-height:90vh;overflow-y:auto}.orders-view-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start}.orders-view-modal-close{color:var(--text-muted);background:none;border:none;cursor:pointer;font-size:1.25rem;transition:all var(--transition-fast)}.orders-view-modal-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.orders-view-section{display:flex;flex-direction:column}.orders-view-section-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3);margin:0 0 var(--spacing-3) 0}.orders-view-info-box{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2)}.orders-view-info-row{display:flex;justify-content:space-between;align-items:center}.orders-view-info-value-strikethrough{text-decoration:line-through;color:var(--text-secondary)}.orders-view-status-badge{padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px}.orders-view-config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.orders-view-config-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-1) 0}.orders-view-fields-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.orders-view-field-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-1) 0}.orders-view-field-value{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-align:right;max-width:60%;word-break:break-word;color:var(--text-primary)}.orders-view-invoice-box{background-color:#eff6ff;padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid #bfdbfe;display:flex;flex-direction:column;gap:var(--spacing-2)}.orders-view-invoice-link{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}.orders-view-no-invoice-button{width:100%;background-color:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.orders-view-payment-history{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-3);max-height:16rem;overflow-y:auto}.orders-view-payment-item{background-color:#fff;padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border-color)}.orders-view-payment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.orders-view-payment-method-badge{padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;background-color:#dbeafe;color:#1e40af}.orders-view-actions{display:flex;gap:var(--spacing-3)}.orders-view-action-button{flex:1;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast);color:#fff}.orders-view-section-title-with-icon{display:flex;align-items:center;gap:var(--spacing-2)}.orders-view-management-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.orders-view-management-row{display:flex;gap:var(--spacing-3)}.orders-view-management-button{width:100%;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:#fff}.orders-view-modal-close-button{width:100%;background-color:var(--color-gray-200);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.orders-edit-modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;width:100%}.orders-edit-modal-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.orders-edit-form-field{display:flex;flex-direction:column}.orders-edit-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-1)}.orders-edit-form-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #4f46e580}.orders-edit-form-select{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:#fff;min-height:2.5rem;cursor:pointer;transition:all var(--transition-fast)}.orders-edit-form-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #4f46e580}.orders-edit-form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:4rem;transition:all var(--transition-fast)}.orders-edit-form-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #4f46e580}.orders-edit-modal-footer{padding:var(--spacing-6);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-3)}.orders-edit-modal-button{flex:1;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.orders-edit-modal-button-save{background-color:#1a1a1a;color:#fff}.orders-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.orders-table-container{background-color:#fff;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);overflow:hidden}.orders-table{width:100%;border-collapse:separate;border-spacing:0}.orders-table-th{padding:var(--spacing-3) var(--spacing-6);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase}.orders-table-td{padding:var(--spacing-4) var(--spacing-6);white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-primary)}.orders-table-empty{padding:var(--spacing-4) var(--spacing-6);text-align:center;color:var(--text-secondary)}.routers-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.routers-subtitle{color:#6b7280;font-size:13px;margin-top:4px}.routers-search{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.routers-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.routers-btn-primary{background:#111827;border-color:#111827;color:#fff}.routers-loading,.routers-empty{text-align:center;padding:16px;color:#6b7280}.routers-table{width:100%;border-collapse:collapse;min-width:900px}.routers-table th,.routers-table td{border-bottom:1px solid #f3f4f6;padding:10px 8px;text-align:left;vertical-align:middle}.routers-table select{border:1px solid #e5e7eb;border-radius:8px;padding:6px 8px;background:#fff}.routers-actions{display:flex;gap:6px}.routers-icon-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px;cursor:pointer}.routers-icon-btn.danger{border-color:#fecaca;color:#b91c1c}.routers-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.routers-modal{width:100%;max-width:800px;background:#fff;border-radius:12px;overflow:hidden}.routers-modal-header{padding:12px 16px;border-bottom:1px solid #e5e7eb}.routers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.routers-grid label{display:block;font-size:13px;color:#374151;margin-bottom:4px}.routers-grid input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.routers-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.services-management-container{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6)}.services-management-loading{display:flex;align-items:center;justify-content:center;height:16rem}.services-management-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.services-management-create-button{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);width:100%;justify-content:center;border:none;cursor:pointer}.services-management-groups-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.services-management-group-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.services-management-group-header{display:flex;align-items:flex-start;justify-content:space-between}.services-management-group-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.services-management-group-actions{display:flex;gap:var(--spacing-2)}.services-management-group-action-button{color:var(--color-primary);background:none;border:none;cursor:pointer;padding:var(--spacing-1);transition:all var(--transition-fast)}.services-template-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4);background-color:var(--color-gray-50);display:flex;flex-direction:column;gap:var(--spacing-3)}.services-template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.services-template-badge{font-size:var(--font-size-xs);padding:.125rem .5rem;border-radius:9999px}.services-template-fields{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.services-template-field{display:flex;flex-direction:column}.services-template-field-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.services-template-field-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.services-template-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.services-management-plans-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.services-management-plan-item{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-fast)}.services-management-plan-actions{display:flex;gap:var(--spacing-2)}.services-management-selected-group{display:flex;flex-direction:column;gap:var(--spacing-6)}.services-management-selected-group-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.services-management-selected-group-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.services-management-selected-group-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);font-size:var(--font-size-sm)}.services-management-selected-group-stat{display:flex;flex-direction:column}.services-management-selected-group-stat-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--spacing-1) 0}.services-management-selected-group-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.services-management-selected-group-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-selected-group-button-close{color:var(--text-secondary);background-color:#fff;border:1px solid var(--border-color)}.services-management-details-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.services-management-group-status{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary)}.services-management-group-status-badge{padding:.125rem .5rem;border-radius:9999px;font-size:var(--font-size-xs)}.services-management-group-actions-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2)}.services-management-group-view-button{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-group-create-button{width:100%;background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-plan-item-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-3);margin-top:var(--spacing-3)}.services-management-plan-item-price-old{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:line-through;margin:0}.services-management-plan-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-3)}.services-management-plan-item-notes{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-2);background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-2);margin:var(--spacing-2) 0 0 0}.services-management-plan-item-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4)}.services-management-plan-item-edit-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:#fff;cursor:pointer;transition:all var(--transition-fast)}.services-management-plan-item-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-danger);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-plan-item-status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.125rem .5rem;border-radius:9999px}.services-management-modal-overlay{background-color:#00000080;z-index:9999}.services-management-modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:42rem;width:100%;max-height:90vh;overflow-y:auto}.services-management-modal-header-sticky{position:sticky;top:0;background-color:#fff;z-index:10}.services-management-modal-close{color:var(--text-muted);padding:var(--spacing-2);border-radius:9999px;background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-modal-form-spaced{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.services-management-modal-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.services-management-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.services-management-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.services-management-form-grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.services-management-form-field{display:flex;flex-direction:column}.services-management-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.services-management-form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:2.75rem;transition:all var(--transition-fast)}.services-management-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.services-management-form-input-sm{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-3);min-height:2.5rem}.services-management-form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:4rem;transition:all var(--transition-fast)}.services-management-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.services-management-form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:#fff;min-height:2.75rem;cursor:pointer;transition:all var(--transition-fast)}.services-management-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f680}.services-management-form-checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.services-management-form-checkbox{width:1rem;height:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer}.services-management-modal-button-group{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.services-management-modal-button{flex:1;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.services-management-modal-button-indigo{background-color:#1a1a1a;color:#fff}.services-management-template-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:48rem;width:100%;max-height:90vh;overflow-y:auto}.services-management-template-modal-form{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-5)}.services-management-template-hint-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:var(--spacing-3);font-size:var(--font-size-sm);color:#1e40af}.services-management-template-field-types{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.services-management-template-field-type-button{padding:var(--spacing-2) var(--spacing-2);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all var(--transition-fast);text-align:left;background-color:#fff;cursor:pointer}.services-management-template-field-type-button-selected{border-color:#1a1a1a;background-color:#f5f5f5}.services-management-template-field-type-label{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.services-management-template-field-type-example{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.services-management-template-options-box{background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.services-management-template-options-header{display:flex;align-items:center;justify-content:space-between}.services-management-template-options-add-button{display:inline-flex;align-items:center;gap:.375rem;background-color:#1a1a1a;color:#fff;padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-template-options-empty-button{margin-top:var(--spacing-2);color:#1a1a1a;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-template-option-item{display:flex;align-items:center;gap:var(--spacing-2);background-color:#fff;padding:var(--spacing-2);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.services-management-template-option-input{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:2.25rem;transition:all var(--transition-fast)}.services-management-template-option-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.services-management-template-option-remove{padding:.375rem;color:var(--color-danger);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.services-management-template-advanced-content{padding:var(--spacing-3);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-3);background-color:var(--color-gray-50)}.services-management-template-advanced-field{display:flex;flex-direction:column}.services-management-template-advanced-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.services-management-template-advanced-input{width:100%;padding:var(--spacing-2) var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:monospace;min-height:2rem;transition:all var(--transition-fast)}.services-management-template-advanced-input:focus{outline:none;border-color:var(--color-primary)}.services-management-template-required-box{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.services-management-template-required-checkbox{width:1rem;height:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer}.services-management-template-form-button-group{display:flex;gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color)}.services-management-template-form-button{flex:1;padding:.625rem var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-template-form-button-cancel{background-color:#f3f4f6;color:var(--text-primary)}.services-management-template-form-button-submit{background-color:#1a1a1a;color:#fff}.services-management-template-modal-header-content{display:flex;align-items:center;justify-content:space-between}.services-management-template-options-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.services-management-template-advanced-order{display:flex;align-items:center;gap:var(--spacing-2)}.services-management-templates-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.services-management-template-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2);background-color:#fff;transition:all var(--transition-fast)}.services-management-template-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3)}.services-management-template-item-meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;margin-top:.25rem}.services-management-template-item-badge{font-size:var(--font-size-xs);padding:.125rem .5rem;border-radius:9999px;white-space:nowrap;flex-shrink:0}.services-management-template-item-badge-required{background-color:#fef2f2;color:#991b1b}.services-management-template-item-actions{display:flex;gap:var(--spacing-2);font-size:var(--font-size-sm)}.services-management-template-item-edit-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:1px solid var(--border-color);color:var(--text-primary);padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);background-color:#fff;cursor:pointer;transition:all var(--transition-fast)}.services-management-template-item-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:#dc2626;padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-modal-section-header{display:flex;align-items:center;justify-content:space-between}.services-management-modal-section-button{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#1a1a1a;background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-modal-section-button-green{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:#16a34a;color:#fff;padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-modal-loading{display:flex;align-items:center;justify-content:center;height:8rem;color:var(--text-secondary)}.services-management-modal-empty{text-align:center;padding:2.5rem 0;border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.services-management-modal-empty-small{text-align:center;padding:2rem 0;background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.services-management-modal-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.services-management-custom-field-item{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-3)}.services-management-custom-field-header{display:flex;justify-content:space-between;align-items:flex-start}.services-management-custom-field-remove{color:#dc2626;font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-custom-field-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.services-management-modal-button-group-sticky{position:sticky;bottom:0;background-color:#fff}.services-management-plans-section{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-6)}.services-management-plans-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.services-management-plans-add-button{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-plans-loading{display:flex;align-items:center;justify-content:center;height:10rem;color:var(--text-secondary)}.services-management-plans-empty-button{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.services-management-plans-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.services-management-plan-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.services-management-templates-section{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-6)}.tickets-header{margin-bottom:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.tickets-chat-section{margin-top:var(--spacing-6);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background-color:var(--color-gray-50)}.tickets-chat-header{padding:var(--spacing-4);background-color:var(--color-primary);color:#fff;display:flex;justify-content:space-between;align-items:center}.tickets-chat-header-left,.tickets-chat-header-right{display:flex;align-items:center;gap:var(--spacing-2)}.tickets-chat-status-indicator{width:8px;height:8px;border-radius:50%}.tickets-chat-messages-container{height:400px;overflow-y:auto;padding:var(--spacing-4);background-color:var(--color-gray-100);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.tickets-chat-message-wrapper{display:flex;margin-bottom:var(--spacing-4)}.tickets-chat-message-wrapper:last-child{animation:fadeIn .3s ease-in}.tickets-chat-message-author{display:block;margin-bottom:var(--spacing-1);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.tickets-chat-message-time{margin-top:var(--spacing-1);display:block;font-size:var(--font-size-sm);color:var(--text-muted)}.tickets-chat-message-time.client{margin-left:var(--spacing-2);margin-right:0;text-align:left}.tickets-chat-empty{text-align:center;padding:var(--spacing-8) 0}.tickets-chat-typing{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-4)}.tickets-chat-typing-bubble{background-color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000001a}.tickets-chat-typing-dots{display:flex;gap:var(--spacing-1)}.tickets-chat-typing-dot{width:8px;height:8px;background-color:var(--color-gray-400);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.tickets-chat-typing-dot:nth-child(1){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.tickets-chat-input-container{padding:var(--spacing-4);background-color:#fff;border-top:1px solid var(--border-color)}.tickets-chat-input-wrapper{display:flex;gap:var(--spacing-2);align-items:flex-end}.tickets-chat-input-hint{margin-top:var(--spacing-2);display:block;font-size:var(--font-size-sm);color:var(--text-muted)}.tickets-initial-message{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-4)}.tickets-initial-message-bubble{background-color:#fff;padding:var(--spacing-4);border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000001a}.tickets-initial-message-time{margin-left:var(--spacing-2);margin-top:var(--spacing-1);display:block;font-size:var(--font-size-sm);color:var(--text-muted)}.tickets-status-actions-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.tickets-priority-buttons{display:flex;gap:var(--spacing-1)}.tickets-tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.tickets-tags-input-wrapper{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.tickets-loading{display:flex;justify-content:center;padding:var(--spacing-8) 0}.tickets-empty{text-align:center;padding:var(--spacing-6) 0}.tickets-subject-text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tickets-assign-user-section{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.tickets-empty-cell{padding:var(--spacing-6) 0}.tickets-edit-buttons{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.tickets-chat-chip{background-color:#fff3;color:#fff}.tickets-priority-section{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-top:var(--spacing-1)}.users-form-input{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px}.users-form-input:focus{outline:none;border-color:#1a1a1a}.users-form-label{display:block;font-size:13px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.users-form-select{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;background:#fff}.users-form-service-plans-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.users-form-service-plan-item{display:flex;gap:8px;align-items:center}.users-form-remove-plan-btn{padding:6px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.users-form-add-plan-btn{padding:6px 12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.users-form-select:focus{outline:none;border-color:#1a1a1a}.users-form-grid{display:grid;gap:14px}.users-form-section{margin-bottom:20px;padding:14px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px}.users-form-section-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:8px}.users-form-role-section{border-top:1px solid #e5e5e5;margin-top:14px;padding:14px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px}.users-form-role-select{width:100%;padding:8px 12px;border:1px solid #d4d4d4;border-radius:6px;font-size:14px;background:#fff;font-weight:500}.users-form-role-select:focus{outline:none;border-color:#1a1a1a}.users-form-role-description{margin-top:8px;font-size:12px;color:#666}.users-form-role-note{margin-top:8px;font-size:11px;color:#888;font-style:italic}.users-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.users-form-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent}.users-form-button-primary{background:#1a1a1a;color:#fff}.users-form-button-secondary{background:#fff;color:#1a1a1a;border-color:#e5e5e5}.users-form-textarea{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.users-form-textarea:focus{outline:none;border-color:#1a1a1a}.users-form-date-input{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px}.users-form-date-input:focus{outline:none;border-color:#1a1a1a}.users-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:400;padding:16px;overflow-y:auto}.users-modal{background:#fff;border-radius:12px;border:1px solid #e5e5e5;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #f0f0f0}.users-modal-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.users-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#888;display:flex;align-items:center;justify-content:center}.users-modal-body{padding:18px;overflow-y:auto;flex:1}.users-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #f0f0f0;background:#fafafa}.users-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.users-orders-user-info{display:flex;flex-direction:column;gap:2px}.users-orders-user-name{font-size:15px;font-weight:600;color:#1a1a1a}.users-orders-user-email{font-size:13px;color:#888}.users-orders-filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.users-orders-filter-btn{padding:6px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#1a1a1a;font-size:13px;cursor:pointer}.users-orders-filter-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.users-orders-table-container{overflow-x:auto;margin-bottom:14px}.users-orders-table{width:100%;border-collapse:collapse}.users-orders-table th{padding:10px 12px;font-size:11px;font-weight:600;color:#525252;text-transform:uppercase;text-align:left;background:#fafafa;border-bottom:1px solid #e5e5e5}.users-orders-table td{padding:10px 12px;font-size:13px;color:#1a1a1a;border-bottom:1px solid #f0f0f0}.users-order-actions{display:flex;gap:6px}.users-order-action-btn{padding:4px 8px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:11px;cursor:pointer}.users-order-action-btn.danger:hover{background:#dc2626;color:#fff}.users-order-action-btn.success:hover{background:#16a34a;color:#fff}.users-orders-filters-container{padding:14px 18px;border-bottom:1px solid #f0f0f0}.users-orders-filters-buttons{display:flex;gap:6px}.users-orders-filter-tab{padding:6px 14px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;border:none;background:#f5f5f5;color:#666}.users-orders-filter-tab.active{background:#1a1a1a;color:#fff}.users-orders-content{padding:18px;overflow-y:auto;flex:1;background:#fff}.users-orders-loading,.users-orders-empty{text-align:center;padding:48px 0;color:#888}.users-orders-list{display:flex;flex-direction:column;gap:12px}.users-order-header{display:flex;justify-content:space-between;align-items:flex-start}.users-order-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.users-order-title{font-size:14px;font-weight:600;color:#1a1a1a}.users-order-badge{padding:2px 8px;font-size:11px;font-weight:500;border-radius:12px}.users-order-badge-green{background:#dcfce7;color:#15803d}.users-order-badge-yellow{background:#fef9c3;color:#a16207}.users-order-badge-red{background:#fee2e2;color:#b91c1c}.users-order-badge-blue{background:#e0f2fe;color:#0369a1}.users-order-badge-gray{background:#f5f5f5;color:#525252}.users-order-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:13px;color:#666}.users-order-actions{display:flex;flex-direction:column;gap:6px;margin-left:14px}.users-order-action-button{padding:6px 12px;border-radius:6px;font-size:12px;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:4px}.users-modal-footer-button{width:100%;padding:8px 16px;border-radius:8px;background:#f5f5f5;color:#1a1a1a;border:none;cursor:pointer}.users-form-helper{font-size:11px;color:#888;margin-top:4px}.users-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.users-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);transition:all var(--duration-fast) var(--ease-in-out)}.users-stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.users-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.users-table{width:100%;border-collapse:collapse}.users-table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:var(--color-gray-50);border-bottom:1px solid var(--border-color);white-space:nowrap}.users-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color-light);font-size:var(--text-sm)}.users-table tbody tr{transition:background var(--duration-fast) var(--ease-in-out)}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.contact-email{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.table-role-select,.table-status-select{height:32px;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right var(--space-2) center;background-size:14px;min-width:100px;transition:all var(--duration-fast) var(--ease-in-out)}.actions-buttons{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);min-height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-in-out)}.users-empty{padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted)}.users-empty:before{content:"👥";display:block;font-size:40px;margin-bottom:var(--space-4)}.user-modal-close{background:var(--bg-secondary);border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.form-grid{display:grid;gap:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-color-light);margin-top:var(--space-5)}.orders-info-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.orders-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.activation-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:80px}.next-payment{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-success-dark);background:var(--color-success-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.user-type-cell{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.users-view-section:last-of-type{border-bottom:none;margin-bottom:var(--space-4)}.users-view-value{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-2) 0;word-break:break-word}.vps-plans-loading{display:flex;align-items:center;justify-content:center;height:16rem}.vps-plans-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.vps-plans-create-button{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);width:100%;justify-content:center;border:none;cursor:pointer;text-decoration:none}.vps-plans-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.vps-plan-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:box-shadow var(--transition-fast)}.vps-plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.vps-plan-card-actions{display:flex;gap:var(--spacing-2)}.vps-plan-card-action-button{color:var(--color-primary);background:none;border:none;cursor:pointer;padding:var(--spacing-1);transition:all var(--transition-fast)}.vps-plan-card-specs{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.vps-plan-card-convert{display:flex;flex-direction:column;gap:var(--spacing-2)}.vps-plan-card-convert-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary)}.vps-plan-card-convert-select{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:#fff;transition:all var(--transition-fast)}.vps-plan-card-convert-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.vps-plans-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background-color:#00000080;z-index:9999}.vps-plans-modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:42rem;width:100%;max-height:90vh;overflow-y:auto}.vps-plans-modal-form{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.vps-plans-modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.vps-plans-modal-form-group{display:flex;flex-direction:column}.vps-plans-modal-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.vps-plans-modal-form-input{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.vps-plans-modal-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1652f01a}.vps-plans-modal-form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4)}.vps-plans-modal-form-button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:none;cursor:pointer}.wallet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--text-muted)}.wallet-loading .spin{animation:spin 1s linear infinite}.wallet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.wallet-header-title{display:flex;align-items:center;gap:var(--space-3)}.wallet-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.wallet-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.wallet-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-stat-info{display:flex;flex-direction:column}.wallet-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3);overflow-x:auto}.wallet-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap}.wallet-search-section{display:flex;flex-direction:column;gap:var(--space-5)}.wallet-search-box{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.wallet-search-box input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-primary);outline:none}.wallet-search-box button{background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-fast)}.wallet-search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast);border-bottom:1px solid var(--border-color-light)}.wallet-user-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-semibold);flex-shrink:0}.wallet-user-avatar-lg{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-semibold);flex-shrink:0}.wallet-user-info{display:flex;flex-direction:column}.wallet-user-details-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);flex-wrap:wrap}.wallet-user-balance{display:flex;flex-direction:column;align-items:flex-end;min-width:150px}.wallet-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.wallet-user-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.wallet-subscriptions-list{display:flex;flex-direction:column;gap:var(--space-2)}.wallet-subscription-item{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.wallet-subscription-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.wallet-transactions-list{display:flex;flex-direction:column;gap:var(--space-2)}.wallet-transaction-item{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.wallet-transaction-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-transaction-desc{display:block;font-size:var(--text-sm);color:var(--text-primary)}.wallet-transaction-date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.wallet-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted)}.wallet-users-list{display:flex;flex-direction:column;gap:var(--space-3)}.wallet-user-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.wallet-user-card-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.wallet-deposit-selected-user{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}@media(max-width:768px){.wallet-header{flex-direction:column;align-items:stretch}.wallet-header .btn{width:100%;justify-content:center}.wallet-user-details-header{flex-direction:column;align-items:flex-start}.wallet-user-balance{align-items:flex-start}.wallet-user-card{flex-direction:column;align-items:stretch;text-align:center}.wallet-user-card .btn{width:100%;justify-content:center}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.fixed{position:fixed}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.w-4{width:calc(var(--spacing)*4)}.w-full{width:100%}.border-collapse{border-collapse:collapse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-yellow-100{background-color:var(--color-yellow-100)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-800{color:var(--color-green-800)}.text-red-800{color:var(--color-red-800)}.text-slate-700{color:var(--color-slate-700)}.text-yellow-800{color:var(--color-yellow-800)}@media(hover:hover){.hover\:text-blue-900:hover{color:var(--color-blue-900)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}}:root{--color-primary:#06f;--color-primary-dark:#0052cc;--color-primary-light:#e6f0ff;--color-primary-50:#0066ff0d;--color-primary-100:#0066ff1a;--color-accent:#00b8a9;--color-accent-light:#e6f9f7;--color-accent-dark:#009687;--color-success:#00c48c;--color-success-light:#e5f9f3;--color-success-dark:#00a876;--color-warning:#ff9f43;--color-warning-light:#fff4e5;--color-warning-dark:#e68a2e;--color-danger:#ff5c5c;--color-danger-light:#ffecec;--color-danger-dark:#e63939;--color-info:#3b82f6;--color-info-light:#eff6ff;--color-info-dark:#2563eb;--color-gray-25:#fcfcfd;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--bg-body:#f9fafb;--bg-card:#fff;--bg-hover:#f3f4f6;--bg-secondary:#f3f4f6;--bg-sidebar:#111827;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-color-dark:#d1d5db;--border-color-light:#f3f4f6;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;--shadow-card:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-card-hover:0 4px 12px #00000014;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:2rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--z-max:9999;--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-10:var(--space-10);--spacing-12:var(--space-12);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--font-size-3xl:var(--text-3xl);--font-weight-normal:var(--font-normal);--font-weight-medium:var(--font-medium);--font-weight-semibold:var(--font-semibold);--font-weight-bold:var(--font-bold);--transition-fast:var(--duration-fast);--transition-normal:var(--duration-normal);--transition-slow:var(--duration-slow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-body);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-loading{background:var(--bg-body);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:100vh;display:flex}.app-loading:before{content:"";border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading-text{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.025em}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0}a{color:var(--color-primary);transition:color var(--duration-fast)var(--ease-in-out);text-decoration:none}a:hover{color:var(--color-primary-dark)}::-webkit-scrollbar-track{background:0 0}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input:focus,textarea:focus,select:focus,button:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--color-primary-100);outline:none}table{border-collapse:collapse;width:100%}::-moz-selection{background:var(--color-primary-100);color:var(--text-primary)}::selection{background:var(--color-primary-100);color:var(--text-primary)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page{padding:var(--space-6)var(--space-5)}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em;margin:0}.page-actions{align-items:center;gap:var(--space-3);display:flex}.section{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.filters-section{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.empty-state{padding:var(--space-16)var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:56px;height:56px;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{color:var(--text-secondary);font-size:var(--text-sm);max-width:360px}.loading-state{padding:var(--space-16)var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@media(max-width:768px){.page{padding:var(--space-5)var(--space-4)}.page-title{font-size:var(--text-2xl)}.page-header{flex-direction:column;align-items:stretch}.page-actions{flex-direction:column}.page-actions .btn{width:100%}}@media(max-width:640px){.filters-section{flex-direction:column;align-items:stretch}}.layout-container{background:var(--bg-body);min-height:100vh}.layout-mobile-header{z-index:var(--z-fixed);height:60px;padding:0 var(--space-4);background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}@media(min-width:1024px){.layout-mobile-header{display:none}}.layout-mobile-header-brand{align-items:center;gap:var(--space-3);display:flex}.layout-mobile-header-logo{border-radius:var(--radius-md);background:var(--color-primary);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.layout-mobile-header-logo img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();width:22px;height:22px}.layout-mobile-header-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.layout-mobile-header-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);background:var(--bg-hover);transition:all var(--duration-fast)var(--ease-in-out);justify-content:center;align-items:center;display:flex}.layout-mobile-header-toggle:hover{background:var(--color-gray-200);color:var(--text-primary)}.layout-sidebar{width:260px;z-index:var(--z-sticky);background:var(--bg-sidebar);transition:transform var(--duration-slow)var(--ease-in-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.layout-sidebar-hidden{transform:translate(-100%)}@media(min-width:1024px){.layout-sidebar,.layout-sidebar-hidden{transform:translate(0)}}.layout-sidebar-content{flex-direction:column;height:100%;display:flex}.layout-sidebar-logo{padding:var(--space-5)var(--space-5)var(--space-4)}.layout-sidebar-logo-content{align-items:center;gap:var(--space-3);display:flex}.layout-sidebar-logo-icon{border-radius:var(--radius-md);background:var(--color-primary);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.layout-sidebar-logo-icon img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();width:24px;height:24px}.layout-sidebar-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-inverse)}.layout-sidebar-nav{padding:var(--space-2)var(--space-3);flex:1;overflow-y:auto}.layout-sidebar-nav::-webkit-scrollbar{width:4px}.layout-sidebar-nav::-webkit-scrollbar-track{background:0 0}.layout-sidebar-nav::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.layout-sidebar-nav-list{gap:var(--space-1);flex-direction:column;height:100%;display:flex}.layout-sidebar-nav-item{border-radius:var(--radius-md)}.layout-sidebar-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-400);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast)var(--ease-in-out);width:100%;text-decoration:none;display:flex}.layout-sidebar-nav-link:hover{color:var(--text-inverse);background:#ffffff0f}.layout-sidebar-nav-item.active .layout-sidebar-nav-link{background:var(--color-primary);color:var(--text-inverse)}.layout-sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.layout-sidebar-nav-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layout-sidebar-nav-item.logout{padding-top:var(--space-3);border-top:1px solid #ffffff14;margin-top:auto}.layout-sidebar-nav-item.logout .layout-sidebar-nav-link{color:var(--color-gray-500)}.layout-sidebar-nav-item.logout .layout-sidebar-nav-link:hover{color:var(--color-danger);background:#ff5c5c1a}.layout-overlay{z-index:calc(var(--z-sticky) - 1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast)var(--ease-out);background:#00000080;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.layout-overlay{display:none}}.layout-main{min-height:100vh}@media(min-width:1024px){.layout-main{margin-left:260px}}.layout-main-shell{flex-direction:column;min-height:100vh;display:flex}.layout-main-header{display:none}@media(min-width:1024px){.layout-main-header{z-index:var(--z-dropdown);height:64px;padding:0 var(--space-8);background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}}.layout-main-header-left{flex-direction:column;display:flex}.layout-main-header-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.layout-main-header-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.layout-main-header-right{align-items:center;gap:var(--space-4);display:flex}.layout-user-pill{align-items:center;gap:var(--space-3);padding:var(--space-1)var(--space-4)var(--space-1)var(--space-1);border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--duration-fast)var(--ease-in-out);display:flex}.layout-user-pill:hover{background:var(--bg-hover);border-color:var(--border-color-dark)}.layout-user-avatar{background:var(--color-primary);width:36px;height:36px;color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:50%;justify-content:center;align-items:center;display:flex}.layout-user-info{display:none}@media(min-width:640px){.layout-user-info{flex-direction:column;gap:0;display:flex}}.layout-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.layout-user-role-badge{font-size:var(--text-xs);font-weight:var(--font-medium)}.layout-role-admin{color:var(--color-danger)}.layout-role-manager{color:var(--color-info)}.layout-role-financier{color:var(--color-warning)}.layout-role-support{color:var(--color-success)}.layout-role-default{color:var(--text-muted)}.layout-main-content{padding:var(--space-6)var(--space-4);flex:1}@media(min-width:768px){.layout-main-content{padding:var(--space-8)}}@media(max-width:1023px){.layout-main-content{padding-top:calc(60px + var(--space-6))}.layout-sidebar{width:280px;z-index:var(--z-modal)}}@media(max-width:480px){.layout-main-content{padding:var(--space-4)var(--space-3);padding-top:calc(60px + var(--space-4))}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-semibold);font-size:var(--text-sm);text-align:center;white-space:nowrap;cursor:pointer;border-radius:var(--radius-lg);padding:var(--space-3)var(--space-5);min-height:44px;transition:all var(--duration-fast)var(--ease-in-out);border:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{font-size:var(--text-xs);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);min-height:36px}.btn-xs{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);min-height:28px}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:var(--color-warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:var(--color-warning-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-info{background:var(--color-info);color:var(--text-inverse)}.btn-info:hover:not(:disabled){background:var(--color-info-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color-dark)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-icon{padding:var(--space-2);min-width:40px;min-height:40px}.btn-icon.btn-sm{padding:var(--space-2);min-width:34px;min-height:34px}.badge{padding:var(--space-1)var(--space-2);font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;align-items:center;display:inline-flex}.badge-success,.badge-active{background:var(--color-success-light);color:var(--color-success-dark)}.badge-danger,.badge-banned{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-warning,.badge-pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-gray,.badge-inactive,.badge-client{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-individual{background:var(--color-info-light);color:var(--color-info-dark)}.badge-company{background:var(--color-success-light);color:var(--color-success-dark)}.badge-admin{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-manager{background:var(--color-info-light);color:var(--color-info-dark)}.badge-financier{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-support{background:var(--color-success-light);color:var(--color-success-dark)}.form-group{margin-bottom:var(--space-5)}.form-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:block}.form-label-required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;height:44px;padding:0 var(--space-3);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-in-out);display:block}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-color-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input-sm{height:38px;font-size:var(--text-sm);border-radius:var(--radius-md)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10);background-size:18px}.form-textarea{height:auto;min-height:100px;padding:var(--space-3);resize:vertical}.form-check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-check-input{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);margin:0}.form-check-label{font-size:var(--text-base);color:var(--text-secondary);cursor:pointer}.form-input-group{position:relative}.form-input-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input-group .form-input{padding-left:var(--space-10)}.form-input-error,.form-select-error,.form-textarea-error{border-color:var(--color-danger)}.form-input-error:focus,.form-select-error:focus,.form-textarea-error:focus{box-shadow:0 0 0 3px #ff5c5c1a}.form-error-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-danger);font-weight:var(--font-medium);display:block}.form-help-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:block}.form-row{gap:var(--space-4);display:grid}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.form-row-2,.form-row-3{grid-template-columns:1fr}.form-input,.form-select{height:48px;font-size:16px}}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:var(--color-gray-50)}.table th{padding:var(--space-3)var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.table th.text-right{text-align:right}.table th.text-center{text-align:center}.table tbody tr{transition:background var(--duration-fast)var(--ease-in-out)}.table tbody tr:hover{background:var(--color-gray-50)}.table td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-color-light)}.table tbody tr:last-child td{border-bottom:none}.table td.text-right{text-align:right}.table td.text-center{text-align:center}.table-cell-nowrap{white-space:nowrap}.table-cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.table-select{height:32px;padding:var(--space-1)var(--space-6)var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card)url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right var(--space-2)center;transition:all var(--duration-fast)var(--ease-in-out);background-size:14px}.table-select:hover{border-color:var(--border-color-dark)}.table-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.table-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.table-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;min-height:32px;transition:all var(--duration-fast)var(--ease-in-out);border:none;display:inline-flex}.table-btn:hover{transform:translateY(-1px)}.table-btn svg{width:14px;height:14px}.table-btn-success{background:var(--color-success);color:var(--text-inverse)}.table-btn-success:hover{background:var(--color-success-dark);box-shadow:var(--shadow-sm)}.table-btn-info{background:var(--color-info);color:var(--text-inverse)}.table-btn-info:hover{background:var(--color-info-dark);box-shadow:var(--shadow-sm)}.table-btn-danger{background:var(--color-danger);color:var(--text-inverse)}.table-btn-danger:hover{background:var(--color-danger-dark);box-shadow:var(--shadow-sm)}.user-avatar{border-radius:var(--radius-md);background:var(--color-primary);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-avatar-text{color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold)}.user-info{min-width:0}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.contact-email{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.date-cell{font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:1024px){.table th,.table td{padding:var(--space-3);font-size:var(--text-xs)}.table-btn{padding:var(--space-1)var(--space-2);min-height:28px}.table-btn-text{display:none}.user-avatar{width:32px;height:32px}}@media(max-width:768px){.table{min-width:700px}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--duration-fast)var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-color-light)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-color-light);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl)var(--radius-xl)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.stats-card-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.stats-card-label{font-size:var(--text-sm);color:var(--text-secondary)}.card-grid{gap:var(--space-4);display:grid}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card-body{padding:var(--space-4)}.card-header,.card-footer{padding:var(--space-3)var(--space-4)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-12)var(--space-4)var(--space-4);animation:modalFadeIn var(--duration-fast)var(--ease-out);background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop-nested{z-index:calc(var(--z-modal-backdrop) + 100)!important}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:modalSlideIn var(--duration-normal)var(--ease-out);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop-nested .modal{z-index:calc(var(--z-modal) + 100)!important}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-close{background:var(--bg-secondary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:all var(--duration-fast)var(--ease-in-out);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-6);max-height:65vh;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-color-light);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl)var(--radius-xl);display:flex}@media(max-width:640px){.modal-backdrop{padding:var(--space-4);align-items:center}.modal{border-radius:var(--radius-lg)}.modal-header{padding:var(--space-4)var(--space-5)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4)var(--space-5);flex-direction:column}.modal-footer .btn{width:100%}}.login-page{font-family:var(--font-sans);min-height:100vh;padding:var(--space-5);background:var(--color-gray-900);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(at 20% 20%,#0066ff26,#0000 50%),radial-gradient(at 80% 80%,#00b8a91a,#0000 50%);position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:400px;position:relative}.login-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-10)var(--space-8);box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-icon{width:56px;height:56px;margin:0 auto var(--space-5);background:var(--color-primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.login-icon svg{width:28px;height:28px;color:var(--text-inverse)}.login-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.login-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.login-form-group{margin-bottom:var(--space-5)}.login-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-in-out);position:relative}.login-input-wrapper:hover{border-color:var(--border-color-dark)}.login-input-wrapper:focus-within{border-color:var(--color-primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--color-primary-100)}.login-input-wrapper input{width:100%;padding:var(--space-4)var(--space-4)var(--space-4)48px;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);background:0 0;border:none}.login-input-wrapper input::-moz-placeholder{color:var(--text-muted);font-weight:var(--font-normal)}.login-input-wrapper input::placeholder{color:var(--text-muted);font-weight:var(--font-normal)}.login-input-wrapper label{color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;transition:all var(--duration-fast)var(--ease-in-out);position:absolute;top:50%;left:48px;transform:translateY(-50%)}.login-input-wrapper input:not(:-moz-placeholder)+label{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium);top:6px;transform:translateY(0)}.login-input-wrapper input:focus+label,.login-input-wrapper input:not(:placeholder-shown)+label{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium);top:6px;transform:translateY(0)}.login-input-icon{left:var(--space-4);width:20px;height:20px;color:var(--text-muted);transition:color var(--duration-fast)var(--ease-in-out);position:absolute;top:50%;transform:translateY(-50%)}.login-input-icon svg{width:100%;height:100%}.login-input-wrapper:focus-within .login-input-icon{color:var(--color-primary)}.login-input-wrapper.password-input{padding-right:48px}.login-password-toggle{right:var(--space-2);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:all var(--duration-fast)var(--ease-in-out);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.login-password-toggle svg{width:18px;height:18px}.login-error-message{color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--space-2);margin-left:var(--space-1);align-items:center;gap:var(--space-1);font-weight:var(--font-medium);display:flex}.login-error-message svg{width:14px;height:14px}.login-form-group.has-error .login-input-wrapper{border-color:var(--color-danger);background:var(--color-danger-light)}.login-submit-btn{background:var(--color-primary);border-radius:var(--radius-lg);width:100%;padding:var(--space-4)var(--space-6);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--space-2);transition:all var(--duration-normal)var(--ease-in-out)}.login-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-content{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.login-spinner{border:2px solid #ffffff4d;border-top-color:var(--text-inverse);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.login-error-alert{background:var(--color-danger-light);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);margin-bottom:var(--space-5);align-items:flex-start;gap:var(--space-3);border:1px solid #ff5c5c33;display:flex}.login-error-alert svg{width:18px;height:18px;color:var(--color-danger);flex-shrink:0;margin-top:1px}.login-error-alert p{color:var(--color-danger-dark);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);margin:0}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.login-footer a{color:var(--color-primary);font-weight:var(--font-semibold)}.login-footer a:hover{color:var(--color-primary-dark)}@media(max-width:480px){.login-page{padding:var(--space-4)}.login-card{padding:var(--space-8)var(--space-5);border-radius:var(--radius-xl)}.login-icon{border-radius:var(--radius-md);width:48px;height:48px}.login-icon svg{width:24px;height:24px}.login-header h2{font-size:var(--text-xl)}.login-input-wrapper input{padding:var(--space-4)var(--space-3)var(--space-4)44px;font-size:16px}.login-submit-btn{padding:var(--space-4)}}.dashboard-container{width:100%;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-title{display:none}.dashboard-welcome{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.dashboard-role{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--space-2);display:flex}.dashboard-role-name{font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs)}.dashboard-stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}@media(min-width:480px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.dashboard-stats-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.dashboard-stats-grid{gap:var(--space-6)}}.dashboard-stat-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border-color);transition:all var(--duration-normal)var(--ease-in-out);position:relative}.dashboard-stat-card:hover{border-color:var(--border-color-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-stat-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard-stat-info{flex:1;min-width:0}.dashboard-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.dashboard-stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-none);margin-bottom:var(--space-3)}.dashboard-stat-subtext{font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);display:inline-flex}.dashboard-stat-subtext-yellow{color:var(--color-warning-dark);background:var(--color-warning-light)}.dashboard-stat-subtext-blue{color:var(--color-info-dark);background:var(--color-info-light)}.dashboard-stat-subtext-green{color:var(--color-success-dark);background:var(--color-success-light)}.dashboard-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-stat-icon svg{width:24px;height:24px}.dashboard-stat-icon-yellow{background:var(--color-warning-light);color:var(--color-warning)}.dashboard-stat-icon-blue{background:var(--color-info-light);color:var(--color-info)}.dashboard-stat-icon-green{background:var(--color-success-light);color:var(--color-success)}.dashboard-stat-icon-purple{background:var(--color-primary-light);color:var(--color-primary)}.dashboard-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:400px;display:flex}.dashboard-loading:before{content:"";border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite dash-spin}@keyframes dash-spin{to{transform:rotate(360deg)}}.dashboard-loading-text{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.dashboard-recent-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media(min-width:900px){.dashboard-recent-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}.dashboard-recent-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden}.dashboard-recent-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-color-light);background:var(--color-gray-50)}.dashboard-recent-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);align-items:center;gap:var(--space-2);margin:0;display:flex}.dashboard-recent-title svg{width:18px;height:18px;color:var(--color-primary)}.dashboard-recent-body{padding:var(--space-3)}.dashboard-recent-list{flex-direction:column;display:flex}.dashboard-recent-item{padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast)var(--ease-in-out)}.dashboard-recent-item:hover{background:var(--color-gray-50)}.dashboard-recent-item-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard-recent-item-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.dashboard-recent-item-meta{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.dashboard-recent-item-price{text-align:right;flex-shrink:0}.dashboard-recent-item-price-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.dashboard-recent-empty{padding:var(--space-10)var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.dashboard-recent-empty:before{content:"📭";margin-bottom:var(--space-3);font-size:32px;display:block}.dashboard-recent-item-user{align-items:center;gap:var(--space-3);width:100%;display:flex}.dashboard-recent-item-avatar{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-recent-item-user-info{flex:1;min-width:0}.dashboard-status-badge{padding:var(--space-1)var(--space-2);font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;align-items:center;display:inline-flex}.dashboard-status-badge-paid,.dashboard-status-badge-active{background:var(--color-success-light);color:var(--color-success-dark)}.dashboard-status-badge-pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.dashboard-status-badge-inactive{background:var(--color-gray-100);color:var(--color-gray-500)}.dashboard-status-badge-red{background:var(--color-danger-light);color:var(--color-danger-dark)}@media(max-width:479px){.dashboard-container{padding:0}.dashboard-stat-card{padding:var(--space-4);border-radius:var(--radius-lg)}.dashboard-stat-value{font-size:var(--text-2xl)}.dashboard-stat-icon{border-radius:var(--radius-md);width:40px;height:40px}.dashboard-stat-icon svg{width:20px;height:20px}.dashboard-recent-card{border-radius:var(--radius-lg)}.dashboard-recent-header{padding:var(--space-3)var(--space-4)}.dashboard-recent-body{padding:var(--space-2)}.dashboard-recent-item{padding:var(--space-3)var(--space-2)}.dashboard-recent-item-avatar{width:36px;height:36px;font-size:var(--text-xs)}}@media(max-width:374px){.dashboard-stat-content{gap:var(--space-3);flex-direction:column-reverse}.dashboard-stat-icon{align-self:flex-start}.dashboard-recent-item-content{gap:var(--space-2);flex-direction:column}.dashboard-recent-item-price{text-align:left}}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.users-filters-card{margin-bottom:var(--space-6);padding:var(--space-5)}.users-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:768px){.users-stats{grid-template-columns:repeat(4,1fr)}}.users-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);transition:all var(--duration-fast)var(--ease-in-out)}.users-stats-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.users-stats-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.users-stats-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.users-stats-value.text-blue{color:var(--color-primary)}.users-stats-value.text-green{color:var(--color-success)}.users-filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.users-filter-input{flex:1;min-width:200px;max-width:320px}.users-filter-select{width:160px}.users-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.users-table-scroll{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{padding:var(--space-3)var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:var(--color-gray-50);border-bottom:1px solid var(--border-color);white-space:nowrap}.users-table th:last-child{text-align:right}.users-table td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-color-light);font-size:var(--text-sm)}.users-table tbody tr{transition:background var(--duration-fast)var(--ease-in-out)}.users-table tbody tr:hover{background:var(--color-gray-50)}.users-table tbody tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:var(--space-3);display:flex}.user-avatar{border-radius:var(--radius-md);background:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.user-avatar-letter{color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold)}.user-details{min-width:0}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.user-username{font-size:var(--text-xs);color:var(--text-muted)}.contact-cell{min-width:0}.contact-email{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.contact-phone{font-size:var(--text-xs);color:var(--text-muted)}.id-cell{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.date-cell{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.table-role-select,.table-status-select{height:32px;padding:var(--space-1)var(--space-6)var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card)url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right var(--space-2)center;min-width:100px;transition:all var(--duration-fast)var(--ease-in-out);background-size:14px}.table-role-select:hover,.table-status-select:hover{border-color:var(--border-color-dark)}.table-role-select:focus,.table-status-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.actions-cell{text-align:right}.actions-buttons{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.action-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;min-height:32px;transition:all var(--duration-fast)var(--ease-in-out);border:none;display:inline-flex}.action-btn:hover{transform:translateY(-1px)}.action-btn svg{width:14px;height:14px}.action-btn-orders{background:var(--color-success);color:var(--text-inverse)}.action-btn-orders:hover{background:var(--color-success-dark);box-shadow:var(--shadow-sm)}.action-btn-view{background:var(--color-accent);color:var(--text-inverse)}.action-btn-view:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-sm)}.action-btn-edit{background:var(--color-primary);color:var(--text-inverse)}.action-btn-edit:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.action-btn-delete{background:var(--color-danger);color:var(--text-inverse)}.action-btn-delete:hover{background:var(--color-danger-dark);box-shadow:var(--shadow-sm)}.action-btn-text{display:inline}.users-empty{padding:var(--space-16)var(--space-8);text-align:center;color:var(--text-muted)}.users-empty:before{content:"👥";margin-bottom:var(--space-4);font-size:40px;display:block}.user-modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.user-modal-close{background:var(--bg-secondary);padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-in-out);border:none}.user-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.form-grid{gap:var(--space-4);display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}.form-helper{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.modal-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-color-light);margin-top:var(--space-5);display:flex}.orders-info-cell{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.orders-count{font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--text-secondary)}.orders-count.has-active{color:var(--color-success)}.orders-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}.activation-cell{align-items:center;gap:var(--space-1);flex-direction:column;min-width:80px;display:flex}.activation-date{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.next-payment{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-success-dark);background:var(--color-success-light);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}.next-payment.expired{color:var(--color-danger-dark);background:var(--color-danger-light)}.no-activation{color:var(--text-muted);font-size:var(--text-sm)}.user-type-cell{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.users-view-section{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color-light)}.users-view-section:last-of-type{margin-bottom:var(--space-4);border-bottom:none}.users-view-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-color)}.users-view-field{margin-bottom:var(--space-3)}.users-view-value{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-2)0;word-break:break-word}.users-view-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-style:italic}@media(max-width:1280px){.users-stats{grid-template-columns:repeat(2,1fr)}.users-table{min-width:900px}.action-btn-text{display:none}}@media(max-width:768px){.users-filters{flex-direction:column}.users-filter-input,.users-filter-select{width:100%;max-width:none}.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.users-form-input{border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.users-form-input:focus{border-color:#1a1a1a;outline:none}.users-form-input-sm{padding:6px 10px;font-size:13px}.users-form-label{color:#1a1a1a;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.users-form-label-required:after{content:" *";color:#dc2626}.users-form-select{background:#fff;border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.users-form-service-plans-container{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.users-form-service-plan-item{align-items:center;gap:8px;display:flex}.users-form-service-plan-item select{flex:1}.users-form-remove-plan-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:14px;display:flex}.users-form-remove-plan-btn:hover{background:#b91c1c}.users-form-add-plan-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.users-form-add-plan-btn:hover{background:#000}.users-form-select:focus{border-color:#1a1a1a;outline:none}.users-form-grid{gap:14px;display:grid}.users-form-grid-2{grid-template-columns:repeat(2,1fr)}.users-form-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.users-form-grid-2,.users-form-grid-3{grid-template-columns:1fr}}.users-form-group{margin-bottom:14px}.users-form-section{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:20px;padding:14px}.users-form-section-title{color:#1a1a1a;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.users-form-role-section{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-top:14px;padding:14px}.users-form-role-select{background:#fff;border:1px solid #d4d4d4;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;font-weight:500}.users-form-role-select:focus{border-color:#1a1a1a;outline:none}.users-form-role-description{color:#666;margin-top:8px;font-size:12px}.users-form-role-description-item{margin-bottom:4px}.users-form-role-note{color:#888;margin-top:8px;font-size:11px;font-style:italic}.users-form-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.users-form-button{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.users-form-button-primary{color:#fff;background:#1a1a1a}.users-form-button-primary:hover{background:#000}.users-form-button-secondary{color:#1a1a1a;background:#fff;border-color:#e5e5e5}.users-form-button-secondary:hover{background:#f5f5f5}.users-form-textarea{resize:vertical;border:1px solid #e5e5e5;border-radius:6px;width:100%;min-height:80px;padding:8px 12px;font-family:inherit;font-size:14px}.users-form-textarea:focus{border-color:#1a1a1a;outline:none}.users-form-date-input{border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.users-form-date-input:focus{border-color:#1a1a1a;outline:none}.users-modal-backdrop{z-index:400;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.users-modal{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden}.users-modal-lg{max-width:900px}.users-modal-xl{max-width:1100px}.users-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.users-modal-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:600}.users-modal-close{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.users-modal-close:hover{color:#1a1a1a}.users-modal-body{flex:1;padding:18px;overflow-y:auto}.users-modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.users-orders-modal .users-modal{max-width:1100px}.users-orders-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.users-orders-user-info{flex-direction:column;gap:2px;display:flex}.users-orders-user-name{color:#1a1a1a;font-size:15px;font-weight:600}.users-orders-user-email{color:#888;font-size:13px}.users-orders-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.users-orders-filter-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 12px;font-size:13px}.users-orders-filter-btn:hover{background:#f5f5f5}.users-orders-filter-btn.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.users-orders-table-container{margin-bottom:14px;overflow-x:auto}.users-orders-table{border-collapse:collapse;width:100%}.users-orders-table th{color:#525252;text-transform:uppercase;text-align:left;background:#fafafa;border-bottom:1px solid #e5e5e5;padding:10px 12px;font-size:11px;font-weight:600}.users-orders-table td{color:#1a1a1a;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:13px}.users-orders-table tr:hover{background:#fafafa}.users-orders-table tr:last-child td{border-bottom:none}.users-order-actions{gap:6px;display:flex}.users-order-action-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:4px 8px;font-size:11px}.users-order-action-btn:hover{background:#f5f5f5}.users-order-action-btn.danger{color:#dc2626;border-color:#dc2626}.users-order-action-btn.danger:hover{color:#fff;background:#dc2626}.users-order-action-btn.success{color:#16a34a;border-color:#16a34a}.users-order-action-btn.success:hover{color:#fff;background:#16a34a}.users-orders-filters-container{border-bottom:1px solid #f0f0f0;padding:14px 18px}.users-orders-filters-buttons{gap:6px;display:flex}.users-orders-filter-tab{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.users-orders-filter-tab:hover{background:#e5e5e5}.users-orders-filter-tab.active{color:#fff;background:#1a1a1a}.users-orders-filter-tab.active.green{background:#16a34a}.users-orders-filter-tab.active.yellow{background:#ca8a04}.users-orders-filter-tab.active.gray{background:#525252}.users-orders-content{background:#fff;flex:1;padding:18px;overflow-y:auto}.users-orders-loading,.users-orders-empty{text-align:center;color:#888;padding:48px 0}.users-orders-list{flex-direction:column;gap:12px;display:flex}.users-order-card{border:1px solid #e5e5e5;border-radius:8px;padding:14px}.users-order-card:hover{border-color:#d4d4d4}.users-order-header{justify-content:space-between;align-items:flex-start;display:flex}.users-order-main{flex:1}.users-order-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.users-order-title{color:#1a1a1a;font-size:14px;font-weight:600}.users-order-badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.users-order-badge-green{color:#15803d;background:#dcfce7}.users-order-badge-yellow{color:#a16207;background:#fef9c3}.users-order-badge-red{color:#b91c1c;background:#fee2e2}.users-order-badge-blue{color:#0369a1;background:#e0f2fe}.users-order-badge-gray{color:#525252;background:#f5f5f5}.users-order-details{color:#666;grid-template-columns:repeat(2,1fr);gap:12px;font-size:13px;display:grid}.users-order-detail-label{font-weight:500}.users-order-actions{flex-direction:column;gap:6px;margin-left:14px;display:flex}.users-order-action-button{color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.users-order-action-button.green{background:#16a34a}.users-order-action-button.green:hover{background:#15803d}.users-order-action-button.blue{background:#0284c7}.users-order-action-button.blue:hover{background:#0369a1}.users-order-action-button.yellow{background:#ca8a04}.users-order-action-button.yellow:hover{background:#a16207}.users-order-action-button.red{background:#dc2626}.users-order-action-button.red:hover{background:#b91c1c}.users-modal-footer-button{color:#1a1a1a;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;width:100%;padding:8px 16px}.users-modal-footer-button:hover{background:#e5e5e5}.users-form-helper{color:#888;margin-top:4px;font-size:11px}.services-management-container{padding:var(--spacing-4);gap:var(--spacing-6);flex-direction:column;display:flex}@media(min-width:768px){.services-management-container{padding:var(--spacing-6)}}.services-management-loading{justify-content:center;align-items:center;height:16rem;display:flex}.services-management-loading-text{font-size:var(--font-size-lg);color:var(--text-secondary)}.services-management-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);flex-direction:column;display:flex}@media(min-width:640px){.services-management-header{flex-direction:row;align-items:center}}.services-management-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}@media(min-width:768px){.services-management-title{font-size:1.875rem}}.services-management-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1);margin:0}.services-management-create-button{align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;width:100%;padding:.625rem 1.25rem;display:flex}.services-management-create-button:hover{background-color:var(--color-primary-dark)}@media(min-width:640px){.services-management-create-button{width:auto}}.services-management-groups-grid{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:768px){.services-management-groups-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-management-groups-grid{grid-template-columns:repeat(3,1fr)}}.services-management-group-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-5);gap:var(--spacing-4);background-color:#fff;flex-direction:column;display:flex}.services-management-group-header{justify-content:space-between;align-items:flex-start;display:flex}.services-management-group-info{flex:1}.services-management-group-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1)0}.services-management-group-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.services-management-group-actions{gap:var(--spacing-2);display:flex}.services-management-group-action-button{color:var(--color-primary);cursor:pointer;padding:var(--spacing-1);transition:all var(--transition-fast);background:0 0;border:none}.services-management-group-action-button:hover{color:var(--color-primary-dark)}.services-management-group-action-button-delete{color:var(--color-danger)}.services-management-group-action-button-delete:hover{color:#b91c1c}.services-template-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4);background-color:var(--color-gray-50);gap:var(--spacing-3);flex-direction:column;display:flex}.services-template-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.services-template-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.services-template-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1);margin:0}.services-template-badge{font-size:var(--font-size-xs);border-radius:9999px;padding:.125rem .5rem}.services-template-badge-required{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.services-template-badge-optional{background-color:var(--color-gray-200);color:var(--text-secondary)}.services-template-fields{gap:var(--spacing-3);grid-template-columns:1fr;display:grid}@media(min-width:768px){.services-template-fields{grid-template-columns:repeat(2,1fr)}}.services-template-field{flex-direction:column;display:flex}.services-template-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1);display:block}.services-template-field-input{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.services-template-field-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.services-management-plans-list{gap:var(--spacing-3);margin-top:var(--spacing-4);flex-direction:column;display:flex}.services-management-plan-item{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#fff;justify-content:space-between;align-items:center;display:flex}.services-management-plan-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.services-management-plan-info{flex:1}.services-management-plan-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.services-management-plan-actions{gap:var(--spacing-2);display:flex}.services-management-selected-group{gap:var(--spacing-6);flex-direction:column;display:flex}.services-management-selected-group-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-6);gap:var(--spacing-4);background-color:#fff;flex-direction:column;display:flex}.services-management-selected-group-header{gap:var(--spacing-2);flex-direction:column;display:flex}.services-management-selected-group-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);margin:0}.services-management-selected-group-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.services-management-selected-group-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.services-management-selected-group-stats{gap:var(--spacing-4);font-size:var(--font-size-sm);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:768px){.services-management-selected-group-stats{grid-template-columns:repeat(4,1fr)}}.services-management-selected-group-stat{flex-direction:column;display:flex}.services-management-selected-group-stat-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--spacing-1)0}.services-management-selected-group-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.services-management-selected-group-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.services-management-selected-group-button{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.services-management-selected-group-button-primary{background-color:var(--color-primary);color:#fff}.services-management-selected-group-button-primary:hover{background-color:var(--color-primary-dark)}.services-management-selected-group-button-secondary{background-color:var(--color-info-light);color:var(--color-info-dark)}.services-management-selected-group-button-secondary:hover{background-color:var(--color-info);color:#fff}.services-management-selected-group-button-close{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#fff}.services-management-selected-group-button-close:hover{background-color:var(--bg-hover)}.services-management-details-grid{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.services-management-details-grid{grid-template-columns:repeat(3,1fr)}}.services-management-details-plans{grid-column:span 1}@media(min-width:1024px){.services-management-details-plans{grid-column:span 2}}.services-management-details-templates{grid-column:span 1}.services-management-group-status{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.services-management-group-status-badge{font-size:var(--font-size-xs);border-radius:9999px;padding:.125rem .5rem}.services-management-group-status-badge-active{background-color:var(--color-success-light);color:var(--color-success-dark)}.services-management-group-status-badge-inactive{background-color:var(--color-gray-200);color:var(--text-secondary)}.services-management-group-actions-wrapper{gap:var(--spacing-2);flex-direction:column;display:flex}.services-management-group-view-button{width:100%;padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.services-management-group-view-button-active{background-color:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary)}.services-management-group-view-button-inactive{background-color:var(--color-gray-100);color:var(--text-primary)}.services-management-group-view-button-inactive:hover{background-color:var(--color-gray-200)}.services-management-group-create-button{background-color:var(--color-primary-light);width:100%;color:var(--color-primary-dark);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.services-management-group-create-button:hover{background-color:var(--color-primary);color:#fff}.services-management-plan-item-price{align-items:baseline;gap:var(--spacing-3);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.services-management-plan-item-price-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-info);margin:0}.services-management-plan-item-price-period{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-normal);margin-left:.25rem}.services-management-plan-item-price-old{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;text-decoration:line-through}.services-management-plan-item-meta{gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.services-management-plan-item-notes{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-2);background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-2);margin:var(--spacing-2)0 0 0}.services-management-plan-item-actions{gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}.services-management-plan-item-edit-button{justify-content:center;align-items:center;gap:var(--spacing-2);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;flex:1;display:inline-flex}.services-management-plan-item-edit-button:hover{background-color:var(--bg-hover)}.services-management-plan-item-delete-button{justify-content:center;align-items:center;gap:var(--spacing-2);color:var(--color-danger);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;display:inline-flex}.services-management-plan-item-delete-button:hover{background-color:var(--color-danger-light)}.services-management-plan-item-status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;padding:.125rem .5rem}.services-management-plan-item-status-badge-active{background-color:var(--color-success-light);color:var(--color-success-dark)}.services-management-plan-item-status-badge-inactive{background-color:var(--color-gray-200);color:var(--text-secondary)}.services-management-plans-loading-tall{height:8rem}.services-management-plans-empty-padded{padding:var(--spacing-10)}.services-management-plans-empty-text-margin{margin-bottom:var(--spacing-2)}.services-management-plans-empty-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.services-management-modal-overlay{z-index:9999;background-color:#00000080}.services-management-modal{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.services-management-modal-large{max-width:80rem}.services-management-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.services-management-modal-header-sticky{z-index:10;background-color:#fff;position:sticky;top:0}.services-management-modal-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.services-management-modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.services-management-modal-close{color:var(--text-muted);padding:var(--spacing-2);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:9999px}.services-management-modal-close:hover{color:var(--text-secondary);background-color:#ffffff80}.services-management-modal-form{padding:var(--spacing-6)}.services-management-modal-form-spaced{padding:var(--spacing-6);gap:var(--spacing-6);flex-direction:column;display:flex}.services-management-modal-section{gap:var(--spacing-4);flex-direction:column;display:flex}.services-management-modal-section-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.services-management-modal-section-divider,.services-management-modal-section-divider-top{border-top:1px solid var(--border-color);padding-top:var(--spacing-4)}.services-management-form-grid-2{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.services-management-form-grid-3{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.services-management-form-grid-responsive{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media(min-width:768px){.services-management-form-grid-responsive{grid-template-columns:repeat(3,1fr)}}.services-management-form-field{flex-direction:column;display:flex}.services-management-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2);display:block}.services-management-form-label-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal);margin-left:var(--spacing-1)}.services-management-form-label-required{color:var(--color-danger)}.services-management-form-input{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:2.75rem;transition:all var(--transition-fast)}.services-management-form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.services-management-form-input-sm{font-size:var(--font-size-sm);padding:var(--spacing-3)var(--spacing-3);min-height:2.5rem}.services-management-form-textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);resize:vertical;min-height:4rem;transition:all var(--transition-fast);font-family:inherit}.services-management-form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.services-management-form-select{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer;min-height:2.75rem;transition:all var(--transition-fast);background-color:#fff}.services-management-form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.services-management-form-checkbox-wrapper{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:inline-flex}.services-management-form-checkbox{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;width:1rem;height:1rem}.services-management-form-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.services-management-modal-button-group{gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color);display:flex}.services-management-modal-button{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1}.services-management-modal-button-cancel{background-color:var(--color-gray-200);color:var(--text-primary)}.services-management-modal-button-cancel:hover{background-color:var(--color-gray-300)}.services-management-modal-button-submit{background-color:var(--color-primary);color:#fff}.services-management-modal-button-submit:hover{background-color:#2563eb}.services-management-modal-button-indigo{color:#fff;background-color:#1a1a1a}.services-management-modal-button-indigo:hover{background-color:#000}.services-management-template-modal{background-color:#fff;border-radius:.75rem;width:100%;max-width:48rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.services-management-template-modal-header{padding:var(--spacing-5);border-bottom:1px solid var(--border-color);background:#f5f5f5}.services-management-template-modal-title{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.services-management-template-modal-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.services-management-template-modal-form{padding:var(--spacing-5);gap:var(--spacing-5);flex-direction:column;display:flex}.services-management-template-hint-box{border-radius:var(--radius-lg);padding:var(--spacing-3);font-size:var(--font-size-sm);color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.services-management-template-field-types{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:640px){.services-management-template-field-types{grid-template-columns:repeat(4,1fr)}}.services-management-template-field-type-button{padding:var(--spacing-2)var(--spacing-2);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all var(--transition-fast);text-align:left;cursor:pointer;background-color:#fff}.services-management-template-field-type-button:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.services-management-template-field-type-button-selected{background-color:#f5f5f5;border-color:#1a1a1a}.services-management-template-field-type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:.375rem;display:flex}.services-management-template-field-type-label-selected{color:#000}.services-management-template-field-type-label-normal{color:var(--text-primary)}.services-management-template-field-type-example{font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;overflow:hidden}.services-management-template-options-box{background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;display:flex}.services-management-template-options-header{justify-content:space-between;align-items:center;display:flex}.services-management-template-options-add-button{color:#fff;padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#1a1a1a;border:none;align-items:center;gap:.375rem;display:inline-flex}.services-management-template-options-add-button:hover{background-color:#000}.services-management-template-options-empty{text-align:center;padding:var(--spacing-6);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background-color:#fff}.services-management-template-options-empty-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.services-management-template-options-empty-button{margin-top:var(--spacing-2);color:#1a1a1a;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.services-management-template-options-empty-button:hover{color:#000}.services-management-template-option-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:#fff;display:flex}.services-management-template-option-number{color:var(--text-muted);font-size:var(--font-size-xs);width:1.25rem}.services-management-template-option-input{padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:2.25rem;transition:all var(--transition-fast);flex:1}.services-management-template-option-input:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 1px #1a1a1a}.services-management-template-option-remove{color:var(--color-danger);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.375rem}.services-management-template-option-remove:hover{background-color:#fee2e2}.services-management-template-advanced{border:1px solid var(--border-color);border-radius:var(--radius-lg)}.services-management-template-advanced-summary{padding:var(--spacing-3);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.services-management-template-advanced-summary:hover{background-color:var(--color-gray-50)}.services-management-template-advanced-content{padding:var(--spacing-3);border-top:1px solid var(--border-color);gap:var(--spacing-3);background-color:var(--color-gray-50);flex-direction:column;display:flex}.services-management-template-advanced-field{flex-direction:column;display:flex}.services-management-template-advanced-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1);display:block}.services-management-template-advanced-input{width:100%;padding:var(--spacing-2)var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);min-height:2rem;transition:all var(--transition-fast);font-family:monospace}.services-management-template-advanced-input:focus{border-color:var(--color-primary);outline:none}.services-management-template-advanced-input-number{width:4rem;padding:var(--spacing-2);min-height:2rem}.services-management-template-required-box{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex}.services-management-template-required-checkbox{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;width:1rem;height:1rem}.services-management-template-required-checkbox:checked{background-color:#1a1a1a;border-color:#1a1a1a}.services-management-template-required-label{font-size:var(--font-size-sm);cursor:pointer}.services-management-template-required-label-bold{font-weight:var(--font-weight-medium);color:var(--text-primary)}.services-management-template-required-label-normal{color:var(--text-secondary)}.services-management-template-form-label-small{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.services-management-template-form-button-group{gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color);display:flex}.services-management-template-form-button{padding:.625rem var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1}.services-management-template-form-button-cancel{color:var(--text-primary);background-color:#f3f4f6}.services-management-template-form-button-cancel:hover{background-color:#e5e7eb}.services-management-template-form-button-submit{color:#fff;background-color:#1a1a1a}.services-management-template-form-button-submit:hover{background-color:#000}.services-management-template-modal-header-content{justify-content:space-between;align-items:center;display:flex}.services-management-template-options-list{gap:var(--spacing-2);flex-direction:column;display:flex}.services-management-template-advanced-order{align-items:center;gap:var(--spacing-2);display:flex}.services-management-templates-list{gap:var(--spacing-3);flex-direction:column;display:flex}.services-management-template-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3);gap:var(--spacing-2);transition:all var(--transition-fast);background-color:#fff;flex-direction:column;display:flex}.services-management-template-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-light)}.services-management-template-item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);display:flex}.services-management-template-item-info{flex:1;min-width:0}.services-management-template-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.services-management-template-item-meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin:.25rem 0 0}.services-management-template-item-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;margin-top:var(--spacing-1)}.services-management-template-item-badge{font-size:var(--font-size-xs);white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.125rem .5rem}.services-management-template-item-badge-required{color:#991b1b;background-color:#fef2f2}.services-management-template-item-badge-optional{background-color:var(--color-gray-100);color:var(--text-secondary)}.services-management-template-item-default{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.services-management-template-item-actions{gap:var(--spacing-2);font-size:var(--font-size-sm);display:flex}.services-management-template-item-edit-button{justify-content:center;align-items:center;gap:var(--spacing-2);border:1px solid var(--border-color);color:var(--text-primary);padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;flex:1;display:inline-flex}.services-management-template-item-edit-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.services-management-template-item-delete-button{justify-content:center;align-items:center;gap:var(--spacing-2);color:#dc2626;padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;display:inline-flex}.services-management-template-item-delete-button:hover{background-color:#fef2f2}.services-management-modal-section-header{justify-content:space-between;align-items:center;display:flex}.services-management-modal-section-button{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#1a1a1a;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:inline-flex}.services-management-modal-section-button:hover{color:#000}.services-management-modal-section-button-green{align-items:center;gap:var(--spacing-2);color:#fff;padding:.375rem var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#16a34a;border:none;display:inline-flex}.services-management-modal-section-button-green:hover{background-color:#15803d}.services-management-modal-loading{height:8rem;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.services-management-modal-empty{text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 0}.services-management-modal-empty-text{color:var(--text-secondary)}.services-management-modal-empty-small{text-align:center;background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px dashed var(--border-color);padding:2rem 0}.services-management-modal-empty-small-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.services-management-modal-list{gap:var(--spacing-3);flex-direction:column;display:flex}.services-management-custom-field-item{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);gap:var(--spacing-3);flex-direction:column;display:flex}.services-management-custom-field-header{justify-content:space-between;align-items:flex-start;display:flex}.services-management-custom-field-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.services-management-custom-field-remove{color:#dc2626;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.services-management-custom-field-remove:hover{color:#b91c1c}.services-management-custom-field-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-1);display:block}.services-management-modal-button-group-sticky{background-color:#fff;position:sticky;bottom:0}.vps-plans-note-box{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-4)}.vps-plans-note-text{font-size:var(--font-size-sm);color:var(--color-primary-dark);margin:0}.services-management-plans-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-6);background-color:#fff}@media(min-width:1024px){.services-management-plans-section{grid-column:span 2}}.services-management-plans-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.services-management-plans-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.services-management-plans-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.services-management-plans-add-button{align-items:center;gap:var(--spacing-2);background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.services-management-plans-add-button:hover{background-color:var(--color-primary);color:#fff}.services-management-plans-loading{height:10rem;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.services-management-plans-empty{text-align:center;padding:var(--spacing-12);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.services-management-plans-empty-text{color:var(--text-secondary);margin-bottom:var(--spacing-4)}.services-management-plans-empty-button{align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.services-management-plans-empty-button:hover{background-color:var(--color-primary-dark)}.services-management-plans-list{gap:var(--spacing-4);flex-direction:column;display:flex}.services-management-plan-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:box-shadow var(--transition-fast)}.services-management-plan-item:hover{box-shadow:var(--shadow-sm)}.services-management-plan-item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.services-management-plan-item-info{flex:1}.services-management-plan-item-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);margin:0}.services-management-plan-item-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.services-management-plan-item-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1);margin:0}.services-management-templates-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:var(--spacing-6);background-color:#fff}@media(min-width:1024px){.services-management-templates-section{grid-column:span 1}}.invoices-container{padding:var(--spacing-4)}.invoices-loading{justify-content:center;align-items:center;height:16rem;display:flex}.invoices-loading-text{font-size:var(--font-size-lg);color:var(--text-secondary)}.invoices-error{justify-content:center;align-items:center;height:16rem;display:flex}.invoices-error-text{font-size:var(--font-size-xl);color:var(--color-danger)}.invoices-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media(min-width:640px){.invoices-header{flex-direction:row;align-items:center}}.invoices-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}@media(min-width:768px){.invoices-title{font-size:1.875rem}}.invoices-create-button{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);cursor:pointer;border:none;justify-content:center;width:100%;padding:.625rem 1.25rem;display:flex}.invoices-create-button:hover{background-color:var(--color-primary-dark)}@media(min-width:640px){.invoices-create-button{width:auto}}.invoices-filters{margin-bottom:var(--spacing-6);gap:var(--spacing-4);flex-wrap:wrap;display:flex}.invoices-search-wrapper{flex:1;min-width:300px;position:relative}.invoices-search-icon{top:50%;left:var(--spacing-3);color:var(--text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}.invoices-search-input{width:100%;padding-left:2.5rem;padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.invoices-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.invoices-filter-select{padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--bg-card);transition:all var(--transition-fast)}.invoices-filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.invoices-stats-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:768px){.invoices-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.invoices-stats-grid{grid-template-columns:repeat(6,1fr)}}.invoices-stats-card{padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:#fff}.invoices-stats-content{justify-content:space-between;align-items:center;display:flex}.invoices-stats-info{flex:1}.invoices-stats-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.invoices-stats-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.invoices-stats-icon{flex-shrink:0}.invoices-stats-icon-blue{color:#2563eb}.invoices-stats-value-yellow{color:#f59e0b}.invoices-stats-value-green{color:#51bb25}.invoices-stats-value-red{color:#dc3545}.invoices-table-cell-primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.invoices-table-cell-secondary{font-size:var(--font-size-sm);color:var(--text-secondary)}.invoices-modal-overlay{background-color:#00000080}.invoices-create-modal{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:48rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invoices-create-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.invoices-create-modal-header-content{justify-content:space-between;align-items:center;display:flex}.invoices-create-modal-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.invoices-create-modal-steps{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.invoices-create-modal-step{padding:.25rem var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:9999px}.invoices-create-modal-step-active{background-color:var(--color-primary);color:#fff}.invoices-create-modal-step-inactive{background-color:var(--color-gray-200);color:var(--text-secondary)}.invoices-create-modal-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:1.25rem}.invoices-create-modal-close:hover{color:var(--text-secondary)}.invoices-create-modal-body{padding:var(--spacing-6)}.invoices-create-search-wrapper{position:relative}.invoices-create-search-icon{left:var(--spacing-3);color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.invoices-create-search-input{width:100%;padding-left:2.5rem;padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:2.75rem;transition:all var(--transition-fast)}.invoices-create-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.invoices-create-loading{text-align:center;padding:2rem 0}.invoices-create-loading-text{color:var(--text-secondary)}.invoices-create-empty{text-align:center;color:var(--text-secondary);padding:2rem}.invoices-create-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:24rem;overflow-y:auto}.invoices-create-list-empty{text-align:center;color:var(--text-secondary);padding:2rem}.invoices-create-list-divider{border-top:1px solid var(--border-color)}.invoices-create-list-item{width:100%;padding:var(--spacing-4);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.invoices-create-list-item:hover{background-color:#eff6ff}.invoices-create-list-item-content{justify-content:space-between;align-items:center;display:flex}.invoices-create-list-item-info{flex:1}.invoices-create-list-item-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.invoices-create-list-item-meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.invoices-create-list-item-id{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.invoices-create-list-item-arrow{color:var(--text-muted)}.invoices-create-list-item-special{border-bottom:2px solid #bfdbfe}.invoices-create-list-item-special-text{font-weight:var(--font-weight-medium);color:var(--color-primary)}.invoices-create-list-item-special-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.invoices-create-info-box{padding:var(--spacing-4);border-radius:var(--radius-lg);background-color:#eff6ff}.invoices-create-info-box-content{justify-content:space-between;align-items:center;display:flex}.invoices-create-info-box-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.invoices-create-info-box-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.invoices-create-info-box-back{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;display:flex}.invoices-create-info-box-back:hover{color:#2563eb}.invoices-create-info-box-gray{background-color:var(--color-gray-50)}.invoices-create-info-box-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.invoices-create-info-box-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.invoices-create-form{gap:var(--spacing-4);flex-direction:column;display:flex}.invoices-create-form-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.invoices-create-form-field{flex-direction:column;display:flex}.invoices-create-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-1);display:block}.invoices-create-form-label-required{color:var(--color-danger)}.invoices-create-form-input{width:100%;padding:var(--spacing-3)var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:2.75rem;transition:all var(--transition-fast)}.invoices-create-form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.invoices-create-form-select{width:100%;padding:var(--spacing-3)var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer;min-height:2.75rem;transition:all var(--transition-fast);background-color:#fff}.invoices-create-form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.invoices-create-form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);resize:vertical;min-height:4rem;transition:all var(--transition-fast);font-family:inherit}.invoices-create-form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.invoices-create-form-buttons{justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-color);display:flex}.invoices-create-form-button{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--spacing-2);border:none;display:flex}.invoices-create-form-button-back{border:1px solid var(--border-color);color:var(--text-primary);background-color:#fff}.invoices-create-form-button-back:hover{background-color:var(--color-gray-50)}.invoices-create-form-button-cancel{border:1px solid var(--border-color);color:var(--text-primary);background-color:#fff}.invoices-create-form-button-cancel:hover{background-color:var(--color-gray-50)}.invoices-create-form-button-submit{background-color:var(--color-primary);color:#fff}.invoices-create-form-button-submit:hover{background-color:#2563eb}.invoices-view-modal{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:48rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invoices-view-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.invoices-view-modal-header-content{justify-content:space-between;align-items:flex-start;display:flex}.invoices-view-modal-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.invoices-view-modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1);margin:0}.invoices-view-modal-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:1.25rem}.invoices-view-modal-close:hover{color:var(--text-secondary)}.invoices-view-modal-body{padding:var(--spacing-6);gap:var(--spacing-6);flex-direction:column;display:flex}.invoices-view-section{flex-direction:column;display:flex}.invoices-view-section-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3);margin:0 0 var(--spacing-3)0}.invoices-view-info-box{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);gap:var(--spacing-2);flex-direction:column;display:flex}.invoices-view-info-row{justify-content:space-between;align-items:flex-start;display:flex}.invoices-view-info-label{color:var(--text-secondary);font-size:var(--font-size-base)}.invoices-view-info-value{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base);text-align:right}.invoices-view-info-value-large{font-size:1.125rem}.invoices-view-info-value-overdue{color:var(--color-danger)}.invoices-view-order-number{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-base)}.invoices-view-payment-item{padding-bottom:var(--spacing-3)}.invoices-view-payment-item-divider{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-3)}.invoices-view-payment-content{gap:var(--spacing-1);flex-direction:column;display:flex}.invoices-view-payment-amount{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base)}.invoices-view-actions{gap:var(--spacing-3);display:flex}.invoices-view-action-select{padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;min-height:2.5rem;transition:all var(--transition-fast);background-color:#fff}.invoices-view-action-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f680}.invoices-view-action-button{align-items:center;gap:var(--spacing-2);background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.invoices-view-action-button:hover{background-color:var(--bg-secondary);border-color:var(--border-color-dark)}.invoices-view-action-button-download{color:#059669;background-color:#d1fae5;border-color:#a7f3d0}.invoices-view-action-button-download:hover{color:#047857;background-color:#a7f3d0}.invoices-view-action-button-cancel{color:var(--color-danger);background-color:#fef2f2;border-color:#fecaca}.invoices-view-action-button-cancel:hover{color:#dc2626;background-color:#fecaca}.invoices-table-td-actions{padding:var(--spacing-4)var(--spacing-6);white-space:nowrap;text-align:right}.invoices-table-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.invoices-table-action-button{cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.invoices-table-action-button-view{color:var(--color-primary)}.invoices-table-action-button-view:hover{color:#2563eb;background-color:#eff6ff}.invoices-table-action-button-download{color:#059669}.invoices-table-action-button-download:hover{color:#047857;background-color:#d1fae5}.invoices-table-action-button-cancel{color:var(--color-danger)}.invoices-table-action-button-cancel:hover{color:#dc2626;background-color:#fef2f2}.invoices-table-cell-overdue{color:var(--color-danger)}.invoices-table-container{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background-color:#fff;overflow:hidden}.invoices-table-scroll{overflow-x:auto}.invoices-table{border-collapse:separate;border-spacing:0;width:100%}.invoices-table-head{background-color:var(--color-gray-50)}.invoices-table-th{padding:var(--spacing-3)var(--spacing-6);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase}.invoices-table-th-right{text-align:right}.invoices-table-tbody{background-color:#fff}.invoices-table-tr{border-bottom:1px solid var(--border-color)}.invoices-table-tr:hover{background-color:var(--bg-hover)}.invoices-table-td{padding:var(--spacing-4)var(--spacing-6);white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-primary)}.invoices-table-td-center{text-align:center}.invoices-table-empty{padding:var(--spacing-4)var(--spacing-6);text-align:center;color:var(--text-secondary)}.tickets-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.tickets-filters-card{margin-bottom:var(--spacing-6)}.tickets-chat-section{margin-top:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--color-gray-50);overflow:hidden}.tickets-chat-header{padding:var(--spacing-4);background-color:var(--color-primary);color:#fff;justify-content:space-between;align-items:center;display:flex}.tickets-chat-header-left,.tickets-chat-header-right{align-items:center;gap:var(--spacing-2);display:flex}.tickets-chat-status-indicator{border-radius:50%;width:8px;height:8px}.tickets-chat-status-indicator.online{background-color:#4caf50}.tickets-chat-status-indicator.offline{background-color:#ff5722}.tickets-chat-messages-container{height:400px;padding:var(--spacing-4);background-color:var(--color-gray-100);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");overflow-y:auto}.tickets-chat-message-wrapper{margin-bottom:var(--spacing-4);display:flex}.tickets-chat-message-wrapper.staff{justify-content:flex-end}.tickets-chat-message-wrapper.client{justify-content:flex-start}.tickets-chat-message-wrapper:last-child{animation:.3s ease-in fadeIn}.tickets-chat-message-box{max-width:75%}.tickets-chat-message-bubble{padding:var(--spacing-4);border-radius:18px;box-shadow:0 1px 2px #0000001a}.tickets-chat-message-bubble.client{background-color:#fff;border-radius:18px 18px 18px 4px}.tickets-chat-message-bubble.staff{background-color:var(--color-primary);color:#fff;border-radius:18px 18px 4px}.tickets-chat-message-author{margin-bottom:var(--spacing-1);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);display:block}.tickets-chat-message-author.client{color:var(--color-primary)}.tickets-chat-message-author.staff{color:#fffc}.tickets-chat-message-text{white-space:pre-wrap}.tickets-chat-message-time{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-muted);display:block}.tickets-chat-message-time.staff{margin-left:0;margin-right:var(--spacing-2);text-align:right}.tickets-chat-message-time.client{margin-left:var(--spacing-2);text-align:left;margin-right:0}.tickets-chat-empty{text-align:center;padding:var(--spacing-8)0}.tickets-chat-typing{margin-bottom:var(--spacing-4);justify-content:flex-start;display:flex}.tickets-chat-typing-bubble{padding:var(--spacing-3)var(--spacing-4);background-color:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000001a}.tickets-chat-typing-dots{gap:var(--spacing-1);display:flex}.tickets-chat-typing-dot{background-color:var(--color-gray-400);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.tickets-chat-typing-dot:first-child{animation-delay:0s}.tickets-chat-typing-dot:nth-child(2){animation-delay:.2s}.tickets-chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.tickets-chat-input-container{padding:var(--spacing-4);border-top:1px solid var(--border-color);background-color:#fff}.tickets-chat-input-wrapper{gap:var(--spacing-2);align-items:flex-end;display:flex}.tickets-chat-input-field{flex:1}.tickets-chat-input-field .MuiOutlinedInput-root{border-radius:var(--radius-2xl);background-color:var(--color-gray-50)}.tickets-chat-send-button{background-color:var(--color-primary);color:#fff;width:48px;height:48px}.tickets-chat-send-button:hover{background-color:var(--color-primary-dark)}.tickets-chat-send-button:disabled{background-color:var(--color-gray-300)}.tickets-chat-input-hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-muted);display:block}.tickets-chat-closed{padding:var(--spacing-4);background-color:var(--color-gray-100);text-align:center}.tickets-initial-message{margin-bottom:var(--spacing-4);justify-content:flex-start;display:flex}.tickets-initial-message-box{max-width:75%}.tickets-initial-message-bubble{padding:var(--spacing-4);background-color:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000001a}.tickets-initial-message-time{margin-left:var(--spacing-2);margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-muted);display:block}.tickets-status-actions{margin-top:var(--spacing-6);border-top:1px solid var(--border-color);padding-top:var(--spacing-4)}.tickets-status-actions-buttons{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.tickets-priority-buttons{gap:var(--spacing-1);display:flex}.tickets-priority-button{min-width:auto;padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.tickets-tags-container{gap:var(--spacing-2);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.tickets-tags-input-wrapper{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.tickets-tags-input{flex:1}.tickets-loading{padding:var(--spacing-8)0;justify-content:center;display:flex}.tickets-empty{text-align:center;padding:var(--spacing-6)0}.tickets-subject-text{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.tickets-client-message-paper{padding:var(--spacing-4);background-color:var(--color-primary-50);border-color:var(--color-primary-100)}.tickets-client-message-text{white-space:pre-wrap}.tickets-assign-user-section{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1);display:flex}.tickets-assign-button{margin-left:var(--spacing-2)}.tickets-error-alert{margin-bottom:var(--spacing-6)}.tickets-empty-cell{padding:var(--spacing-6)0}.tickets-chip-margin{margin-bottom:var(--spacing-2)}.tickets-field-margin,.tickets-tags-edit-container{margin-top:var(--spacing-1)}.tickets-edit-buttons{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.tickets-edit-button{margin-top:var(--spacing-2)}.tickets-chat-chip{color:#fff;background-color:#fff3}.tickets-assign-form{margin-top:var(--spacing-4)}.tickets-priority-section{gap:var(--spacing-2);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.routers-page{padding:16px}.routers-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.routers-title h2{margin:0}.routers-subtitle{color:#6b7280;margin-top:4px;font-size:13px}.routers-toolbar{margin-bottom:12px}.routers-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;overflow-x:auto}.routers-search{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.routers-search input{border:none;outline:none;flex:1}.routers-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.routers-btn-primary{color:#fff;background:#111827;border-color:#111827}.routers-loading,.routers-empty{text-align:center;color:#6b7280;padding:16px}.routers-table{border-collapse:collapse;width:100%;min-width:900px}.routers-table th,.routers-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.routers-table select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 8px}.routers-actions{gap:6px;display:flex}.routers-icon-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px}.routers-icon-btn.danger{color:#b91c1c;border-color:#fecaca}.routers-modal-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.routers-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;overflow:hidden}.routers-modal-header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.routers-modal-title{font-weight:600}.routers-modal-body{padding:16px}.routers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.routers-grid label{color:#374151;margin-bottom:4px;font-size:13px;display:block}.routers-grid input{border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.routers-modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media(max-width:720px){.routers-grid{grid-template-columns:1fr}}.orders-container{padding:var(--spacing-4)}.orders-loading{justify-content:center;align-items:center;height:16rem;display:flex}.orders-loading-text{font-size:var(--font-size-lg);color:var(--text-secondary)}.orders-error{justify-content:center;align-items:center;height:16rem;display:flex}.orders-error-text{font-size:var(--font-size-xl);color:var(--color-danger)}.orders-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media(min-width:640px){.orders-header{flex-direction:row;align-items:center}}.orders-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}@media(min-width:768px){.orders-title{font-size:1.875rem}}.orders-create-button{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);cursor:pointer;border:none;justify-content:center;width:100%;padding:.625rem 1.25rem;display:flex}.orders-create-button:hover{background-color:var(--color-primary-dark)}@media(min-width:640px){.orders-create-button{width:auto}}.orders-filters{margin-bottom:var(--spacing-6);gap:var(--spacing-4);flex-wrap:wrap;display:flex}.orders-search-wrapper{flex:1;min-width:300px;position:relative}.orders-search-icon{top:50%;left:var(--spacing-3);color:var(--text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}.orders-search-input{width:100%;padding-left:2.5rem;padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.orders-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.orders-filter-select{padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--bg-card);transition:all var(--transition-fast)}.orders-filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.orders-filter-checkbox{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.orders-filter-checkbox:hover{background-color:var(--bg-hover)}.orders-filter-checkbox-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.orders-stats-card{padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:#fff}.orders-stats-content{justify-content:space-between;align-items:center;display:flex}.orders-stats-info{flex:1}.orders-stats-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.orders-stats-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.orders-stats-icon{flex-shrink:0}.orders-stats-icon-blue{color:#2563eb}.orders-stats-icon-yellow{color:#f59e0b}.orders-stats-icon-green{color:#51bb25}.orders-stats-value-yellow{color:#f59e0b}.orders-stats-value-blue{color:#2563eb}.orders-stats-value-green{color:#51bb25}.orders-table-cell-primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.orders-table-cell-primary-normal{font-size:var(--font-size-sm);color:var(--text-primary)}.orders-table-cell-secondary{font-size:var(--font-size-sm);color:var(--text-secondary)}.orders-table-td-secondary{color:var(--text-secondary)}.orders-table-td-medium{font-weight:var(--font-weight-medium)}.orders-modal-overlay{background-color:#00000080}.orders-view-modal{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:48rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.orders-view-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.orders-view-modal-header-content{justify-content:space-between;align-items:flex-start;display:flex}.orders-view-modal-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.orders-view-modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1);margin:0}.orders-view-modal-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:1.25rem}.orders-view-modal-close:hover{color:var(--text-secondary)}.orders-view-modal-body{padding:var(--spacing-6);gap:var(--spacing-6);flex-direction:column;display:flex}.orders-view-section{flex-direction:column;display:flex}.orders-view-section-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3);margin:0 0 var(--spacing-3)0}.orders-view-info-box{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);gap:var(--spacing-2);flex-direction:column;display:flex}.orders-view-info-row{justify-content:space-between;align-items:center;display:flex}.orders-view-info-label{color:var(--text-secondary);font-size:var(--font-size-base)}.orders-view-info-value{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base);text-align:right}.orders-view-info-value-large{font-size:1.125rem}.orders-view-info-value-strikethrough{color:var(--text-secondary);text-decoration:line-through}.orders-view-info-value-green{color:var(--color-success)}.orders-view-info-value-blue{color:var(--color-primary);font-size:var(--font-size-sm)}.orders-view-info-value-mono{font-family:monospace;font-size:var(--font-size-sm)}.orders-view-status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;padding:.25rem .5rem}.orders-view-status-badge-active{background-color:var(--color-success-light);color:var(--color-success-dark)}.orders-view-status-badge-pending{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.orders-view-status-badge-suspended{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.orders-view-status-badge-default{background-color:var(--color-gray-100);color:var(--text-secondary)}.orders-view-status-badge-paid{background-color:var(--color-success-light);color:var(--color-success-dark)}.orders-view-status-badge-unpaid{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.orders-view-status-badge-invoice-paid{background-color:var(--color-success-light);color:var(--color-success-dark)}.orders-view-status-badge-invoice-overdue{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.orders-view-status-badge-invoice-partial{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.orders-view-status-badge-invoice-pending{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.orders-view-config-section{padding-top:var(--spacing-2);border-top:1px solid var(--border-color);margin-top:var(--spacing-2)}.orders-view-config-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.orders-view-config-grid{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);display:grid}.orders-view-config-item{padding:var(--spacing-1)0;justify-content:space-between;align-items:center;display:flex}.orders-view-config-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.orders-view-config-value{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary)}.orders-view-fields-list{gap:var(--spacing-2);flex-direction:column;display:flex}.orders-view-field-item{padding:var(--spacing-1)0;justify-content:space-between;align-items:flex-start;display:flex}.orders-view-field-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.orders-view-field-value{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-align:right;word-break:break-word;max-width:60%;color:var(--text-primary)}.orders-view-fields-empty{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.orders-view-invoice-box{padding:var(--spacing-4);border-radius:var(--radius-lg);gap:var(--spacing-2);background-color:#eff6ff;border:1px solid #bfdbfe;flex-direction:column;display:flex}.orders-view-invoice-link{font-weight:var(--font-weight-medium);color:var(--color-primary);transition:all var(--transition-fast);text-decoration:none}.orders-view-invoice-link:hover{color:#2563eb;text-decoration:underline}.orders-view-no-invoice-box{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg)}.orders-view-no-invoice-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.orders-view-no-invoice-button{background-color:var(--color-primary);color:#fff;width:100%;padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.orders-view-no-invoice-button:hover{background-color:#2563eb}.orders-view-payment-history{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);gap:var(--spacing-3);flex-direction:column;max-height:16rem;display:flex;overflow-y:auto}.orders-view-payment-item{padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff}.orders-view-payment-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:flex-start;display:flex}.orders-view-payment-amount{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary)}.orders-view-payment-date{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}.orders-view-payment-method-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#1e40af;background-color:#dbeafe;border-radius:9999px;padding:.25rem .5rem}.orders-view-payment-details{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:monospace}.orders-view-payment-notes,.orders-view-payment-creator{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}.orders-view-actions{gap:var(--spacing-3);display:flex}.orders-view-action-button{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);color:#fff;border:none;flex:1}.orders-view-action-button-green{background-color:var(--color-success)}.orders-view-action-button-green:hover{background-color:#16a34a}.orders-view-action-button-yellow{background-color:var(--color-warning)}.orders-view-action-button-yellow:hover{background-color:#ca8a04}.orders-view-action-button-red{background-color:var(--color-danger)}.orders-view-action-button-red:hover{background-color:#dc2626}.orders-view-section-title-with-icon{align-items:center;gap:var(--spacing-2);display:flex}.orders-view-management-actions{gap:var(--spacing-3);flex-direction:column;display:flex}.orders-view-management-row{gap:var(--spacing-3);display:flex}.orders-view-management-button{width:100%;padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-2);color:#fff;border:none;display:flex}.orders-view-management-button-half{flex:1}.orders-view-management-button-indigo{background-color:#1a1a1a}.orders-view-management-button-indigo:hover{background-color:#4338ca}.orders-view-management-button-green{background-color:var(--color-success)}.orders-view-management-button-green:hover{background-color:#16a34a}.orders-view-management-button-blue{background-color:var(--color-primary)}.orders-view-management-button-blue:hover{background-color:#2563eb}.orders-view-management-button-yellow{background-color:var(--color-warning)}.orders-view-management-button-yellow:hover{background-color:#ca8a04}.orders-view-management-button-red{background-color:var(--color-danger)}.orders-view-management-button-red:hover{background-color:#dc2626}.orders-view-management-button-disabled{background-color:var(--color-gray-400);cursor:not-allowed}.orders-view-management-button-disabled:hover{background-color:var(--color-gray-400)}.orders-view-management-button-purple{background-color:#525252}.orders-view-management-button-purple:hover{background-color:#7e22ce}.orders-view-modal-footer{padding:var(--spacing-6);border-top:1px solid var(--border-color)}.orders-view-modal-close-button{background-color:var(--color-gray-200);width:100%;color:var(--text-primary);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.orders-view-modal-close-button:hover{background-color:var(--color-gray-300)}.orders-edit-modal{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:28rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.orders-edit-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.orders-edit-modal-title{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.orders-edit-modal-body{padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;display:flex}.orders-edit-form-field{flex-direction:column;display:flex}.orders-edit-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-1);display:block}.orders-edit-form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);min-height:2.5rem;transition:all var(--transition-fast)}.orders-edit-form-input:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 2px #4f46e580}.orders-edit-form-select{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;min-height:2.5rem;transition:all var(--transition-fast);background-color:#fff}.orders-edit-form-select:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 2px #4f46e580}.orders-edit-form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);resize:vertical;min-height:4rem;transition:all var(--transition-fast);font-family:inherit}.orders-edit-form-textarea:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 2px #4f46e580}.orders-edit-modal-footer{padding:var(--spacing-6);border-top:1px solid var(--border-color);gap:var(--spacing-3);display:flex}.orders-edit-modal-button{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1}.orders-edit-modal-button-cancel{background-color:var(--color-gray-200);color:var(--text-primary)}.orders-edit-modal-button-cancel:hover{background-color:var(--color-gray-300)}.orders-edit-modal-button-save{color:#fff;background-color:#1a1a1a}.orders-edit-modal-button-save:hover{background-color:#4338ca}.orders-stats-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:768px){.orders-stats-grid{grid-template-columns:repeat(4,1fr)}}.orders-stats-grid-financier{grid-template-columns:1fr}@media(min-width:768px){.orders-stats-grid-financier{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.orders-stats-grid-financier{grid-template-columns:repeat(5,1fr)}}.orders-table-container{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background-color:#fff;overflow:hidden}.orders-table-scroll{overflow-x:auto}.orders-table{border-collapse:separate;border-spacing:0;width:100%}.orders-table-head{background-color:var(--color-gray-50)}.orders-table-th{padding:var(--spacing-3)var(--spacing-6);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase}.orders-table-tbody{background-color:#fff}.orders-table-tr{border-bottom:1px solid var(--border-color)}.orders-table-tr:hover{background-color:var(--bg-hover)}.orders-table-td{padding:var(--spacing-4)var(--spacing-6);white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-primary)}.orders-table-td-center{text-align:center}.orders-table-empty{padding:var(--spacing-4)var(--spacing-6);text-align:center;color:var(--text-secondary)}.vps-plans-container{padding:var(--spacing-4)}@media(min-width:768px){.vps-plans-container{padding:var(--spacing-6)}}.vps-plans-loading{justify-content:center;align-items:center;height:16rem;display:flex}.vps-plans-loading-text{font-size:var(--font-size-lg);color:var(--text-secondary)}.vps-plans-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media(min-width:640px){.vps-plans-header{flex-direction:row;align-items:center}}.vps-plans-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}@media(min-width:768px){.vps-plans-title{font-size:1.875rem}}.vps-plans-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1);margin:0}.vps-plans-create-button{align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;width:100%;padding:.625rem 1.25rem;text-decoration:none;display:flex}.vps-plans-create-button:hover{background-color:var(--color-primary-dark)}@media(min-width:640px){.vps-plans-create-button{width:auto}}.vps-plans-grid{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:768px){.vps-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vps-plans-grid{grid-template-columns:repeat(3,1fr)}}.vps-plan-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:box-shadow var(--transition-fast);background-color:#fff}.vps-plan-card:hover{box-shadow:var(--shadow-xl)}.vps-plan-card-content{padding:var(--spacing-6)}.vps-plan-card-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:flex-start;display:flex}.vps-plan-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.vps-plan-card-actions{gap:var(--spacing-2);display:flex}.vps-plan-card-action-button{color:var(--color-primary);cursor:pointer;padding:var(--spacing-1);transition:all var(--transition-fast);background:0 0;border:none}.vps-plan-card-action-button:hover{color:var(--color-primary-dark)}.vps-plan-card-action-button-delete{color:var(--color-danger)}.vps-plan-card-action-button-delete:hover{color:#b91c1c}.vps-plan-card-specs{gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.vps-plan-card-spec{margin:0}.vps-plan-card-spec-label{font-weight:var(--font-weight-medium)}.vps-plan-card-price{padding-top:var(--spacing-4);border-top:1px solid var(--border-color);margin-bottom:var(--spacing-4)}.vps-plan-card-price-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.vps-plan-card-price-period{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.vps-plan-card-convert{gap:var(--spacing-2);flex-direction:column;display:flex}.vps-plan-card-convert-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);display:block}.vps-plan-card-convert-select{width:100%;padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#fff}.vps-plan-card-convert-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.vps-plans-modal{padding:var(--spacing-4);z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vps-plans-modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background-color:#fff;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.vps-plans-modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.vps-plans-modal-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.vps-plans-modal-form{padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;display:flex}.vps-plans-modal-form-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.vps-plans-modal-form-group{flex-direction:column;display:flex}.vps-plans-modal-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2);display:block}.vps-plans-modal-form-input{width:100%;padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.vps-plans-modal-form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #1652f01a}.vps-plans-modal-form-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);justify-content:flex-end;display:flex}.vps-plans-modal-form-button{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;border:none}.vps-plans-modal-form-button-primary{background-color:var(--color-primary);color:#fff}.vps-plans-modal-form-button-primary:hover{background-color:var(--color-primary-dark)}.vps-plans-modal-form-button-secondary{background-color:var(--color-gray-200);color:var(--text-primary)}.vps-plans-modal-form-button-secondary:hover{background-color:var(--color-gray-300)}.wallet-management{max-width:1400px;margin:0 auto}.wallet-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--text-muted);flex-direction:column;display:flex}.wallet-loading .spin{animation:1s linear infinite spin}.wallet-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.wallet-header-title{align-items:center;gap:var(--space-3);display:flex}.wallet-header-title h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.wallet-header-title svg{color:var(--color-primary)}.wallet-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media(max-width:1024px){.wallet-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.wallet-stats-grid{grid-template-columns:1fr}}.wallet-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.wallet-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wallet-stat-icon-red{background:var(--color-danger-light);color:var(--color-danger)}.wallet-stat-icon-yellow{background:var(--color-warning-light);color:var(--color-warning)}.wallet-stat-icon-green{background:var(--color-success-light);color:var(--color-success)}.wallet-stat-info{flex-direction:column;display:flex}.wallet-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.wallet-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.wallet-tabs{gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3);display:flex;overflow-x:auto}.wallet-tab{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast)var(--ease-in-out);white-space:nowrap;background:0 0;border:none;display:flex}.wallet-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.wallet-tab.active{background:var(--color-primary);color:var(--text-inverse)}.wallet-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);min-height:400px}.wallet-search-section{gap:var(--space-5);flex-direction:column;display:flex}.wallet-search-box{align-items:center;gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);display:flex}.wallet-search-box svg{color:var(--text-muted);flex-shrink:0}.wallet-search-box input{font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.wallet-search-box input::-moz-placeholder{color:var(--text-muted)}.wallet-search-box input::placeholder{color:var(--text-muted)}.wallet-search-box button{background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-md);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-fast);border:none}.wallet-search-box button:hover{background:var(--color-primary-dark)}.wallet-search-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.wallet-search-results-sm{margin-top:var(--space-2)}.wallet-search-result-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);cursor:pointer;transition:background var(--duration-fast);border-bottom:1px solid var(--border-color-light);display:flex}.wallet-search-result-item:last-child{border-bottom:none}.wallet-search-result-item:hover{background:var(--bg-hover)}.wallet-user-avatar{border-radius:var(--radius-md);background:var(--color-primary);width:40px;height:40px;color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wallet-user-avatar-lg{border-radius:var(--radius-lg);background:var(--color-primary);width:56px;height:56px;color:var(--text-inverse);font-size:var(--text-xl);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wallet-user-info{flex-direction:column;display:flex}.wallet-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.wallet-user-email{font-size:var(--text-xs);color:var(--text-muted)}.wallet-user-details{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5)}.wallet-user-details-header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.wallet-user-details-info{flex:1;min-width:200px}.wallet-user-details-info h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.wallet-user-details-info p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.wallet-user-balance{flex-direction:column;align-items:flex-end;min-width:150px;display:flex}.wallet-balance-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-success)}.wallet-balance-value.negative{color:var(--color-danger)}.wallet-balance-label{font-size:var(--text-xs);color:var(--text-muted)}.wallet-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex}.wallet-badge-blocked{background:var(--color-danger-light);color:var(--color-danger)}.wallet-badge-active{background:var(--color-success-light);color:var(--color-success-dark)}.wallet-badge-suspended{background:var(--color-warning-light);color:var(--color-warning-dark)}.wallet-badge-cancelled{background:var(--color-gray-100);color:var(--color-gray-600)}.wallet-badge-paused{background:var(--color-info-light);color:var(--color-info-dark)}.wallet-user-section{margin-top:var(--space-5)}.wallet-user-section h4{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3);display:flex}.wallet-user-section h4 svg{color:var(--color-primary)}.wallet-subscriptions-list{gap:var(--space-2);flex-direction:column;display:flex}.wallet-subscription-item{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);display:flex}.wallet-subscription-info{flex:1}.wallet-subscription-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:block}.wallet-subscription-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.wallet-subscription-price{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.wallet-transactions-list{gap:var(--space-2);flex-direction:column;display:flex}.wallet-transaction-item{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);display:flex}.wallet-transaction-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wallet-transaction-icon.deposit,.wallet-transaction-icon.bonus,.wallet-transaction-icon.refund{background:var(--color-success-light);color:var(--color-success)}.wallet-transaction-icon.charge{background:var(--color-danger-light);color:var(--color-danger)}.wallet-transaction-icon.correction{background:var(--color-info-light);color:var(--color-info)}.wallet-transaction-info{flex:1}.wallet-transaction-desc{font-size:var(--text-sm);color:var(--text-primary);display:block}.wallet-transaction-date{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:flex}.wallet-transaction-amount{text-align:right}.wallet-transaction-amount span{display:block}.wallet-transaction-amount .positive{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success)}.wallet-transaction-amount .negative{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-danger)}.wallet-transaction-balance{font-size:var(--text-xs);color:var(--text-muted)}.wallet-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-6)}.wallet-empty-state{padding:var(--space-12);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.wallet-empty-state svg{margin-bottom:var(--space-3);opacity:.5}.wallet-empty-state p{font-size:var(--text-sm)}.wallet-users-list{gap:var(--space-3);flex-direction:column;display:flex}.wallet-user-card{align-items:center;gap:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex}.wallet-user-card-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.wallet-user-meta{font-size:var(--text-xs);color:var(--text-muted)}.wallet-user-reason{font-size:var(--text-xs);color:var(--color-danger);font-style:italic}.wallet-user-card-balance{font-size:var(--text-lg);font-weight:var(--font-bold)}.wallet-user-card-balance.negative{color:var(--color-danger)}.wallet-deposit-selected-user{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}@media(max-width:768px){.wallet-header{flex-direction:column;align-items:stretch}.wallet-header .btn{justify-content:center;width:100%}.wallet-user-details-header{flex-direction:column;align-items:flex-start}.wallet-user-balance{align-items:flex-start}.wallet-user-card{text-align:center;flex-direction:column;align-items:stretch}.wallet-user-card .btn{justify-content:center;width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.animate-spin{animation:.8s linear infinite spin}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}