*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:#752be0;--primary-hover:#6425c7;--primary-light:#f8f3ff;--primary-lighter:#e8d8ff;--success:#15ac77;--success-light:#e5fdec;--error:#ef4444;--error-light:#fdeaea;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-tertiary:#f3f4f6;--border-light:#e5e7eb;--border-medium:#d1d5db;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);background-color:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6}body{background:var(--bg-secondary);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn var(--transition-base);background:#0006;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.sidebar-overlay{display:block}}.sidebar{background:var(--bg-primary);width:280px;height:100vh;box-shadow:var(--shadow-xl);border-right:1px solid var(--border-light);z-index:999;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}@media (max-width:767px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}}@media (min-width:768px){.sidebar{transform:translate(0)}}.sidebar-header{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--primary-light)0%,#fff0 100%);justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.sidebar-close{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;display:flex}.sidebar-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (min-width:768px){.sidebar-close{display:none}}.sidebar-nav{flex:1;padding:16px 12px;overflow:hidden auto}.sidebar-item{color:var(--text-primary);transition:all var(--transition-base);border-radius:var(--radius-md);align-items:center;margin:4px 0;padding:12px 16px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:before{content:"";background:var(--primary);opacity:0;width:3px;transition:opacity var(--transition-base);border-radius:0 3px 3px 0;position:absolute;top:0;bottom:0;left:0}.sidebar-item:hover{background:var(--primary-light);color:var(--primary);transform:translate(4px)}.sidebar-item:hover:before{opacity:1}.sidebar-item.active{background:linear-gradient(135deg,var(--primary-light)0%,#f8f3ff80 100%);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}.sidebar-item.active:before{opacity:1}.sidebar-icon{width:22px;height:22px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;display:flex}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-label{letter-spacing:-.01em;font-size:15px}.logout-button{color:var(--error);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-left:auto;padding:8px 16px;font-size:14px;font-weight:600}.logout-button:hover:not(:disabled){background:var(--error);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.logout-button:active:not(:disabled){transform:translateY(0)}.logout-button:disabled{opacity:.6;cursor:not-allowed}.layout{background:var(--bg-secondary);min-height:100vh;display:flex}.layout-main{min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;margin-left:0;display:flex}@media (min-width:768px){.layout-main{margin-left:280px}}.layout-header{background:var(--bg-primary);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;align-items:center;gap:20px;padding:20px 32px;display:flex;position:sticky;top:0}.layout-header-right{align-items:center;gap:16px;margin-left:auto;display:flex}.menu-toggle{cursor:pointer;color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:24px;display:flex}.menu-toggle:hover{background:var(--bg-tertiary);color:var(--primary)}.menu-toggle:active{transform:scale(.95)}@media (min-width:768px){.menu-toggle{display:none}}.layout-title{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:700}.layout-content{flex:1;padding:0;overflow-y:auto}.layout-user-name{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:600}.login-container{background:linear-gradient(135deg,var(--primary-light)0%,var(--bg-secondary)100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;padding:48px 40px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.login-title{color:var(--text-primary);background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin:0;font-size:16px}.login-form{flex-direction:column;gap:24px;display:flex}.login-error{background:var(--error-light);color:var(--error);border-radius:var(--radius-sm);border:1px solid var(--error);padding:12px 16px;font-size:14px}.form-label{color:var(--text-primary);font-size:14px;font-weight:600}.form-input{border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:16px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-hint{color:var(--text-tertiary);margin-top:-4px;font-size:12px}.phone-input-wrapper{border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);transition:all var(--transition-fast);align-items:stretch;display:flex;position:relative;overflow:hidden}.phone-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.phone-prefix{color:var(--text-secondary);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;background:0 0;border:none;align-items:center;padding:12px 0 12px 16px;font-size:16px;font-weight:500;display:flex}.phone-input-wrapper .phone-input{color:var(--text-primary);background:0 0;outline:none;flex:1;margin:0;padding:12px 16px;font-size:16px;box-shadow:none!important;border:none!important}.phone-input-wrapper .phone-input::placeholder{color:var(--text-tertiary)}.phone-input-wrapper .phone-input:focus{outline:none;box-shadow:none!important;border:none!important}.phone-input-wrapper .phone-input:disabled{opacity:.6;cursor:not-allowed;background:0 0}.login-button{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-base);border:none;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600}.login-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.skeleton-table{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:hidden}.skeleton-table-header{background:var(--bg-tertiary);grid-template-columns:50px 1fr 1fr 1fr 1fr 1fr 1fr 100px;gap:0;padding:18px 20px;display:grid}.skeleton-table-row{border-bottom:1px solid var(--border-light);grid-template-columns:50px 1fr 1fr 1fr 1fr 1fr 1fr 100px;gap:0;padding:18px 20px;display:grid}.skeleton-cell{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-size:200% 100%;border-radius:4px;height:20px;margin:0 4px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-header-cell{width:80%;height:14px}.skeleton-stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);align-items:center;gap:20px;padding:28px;display:flex}.skeleton-stat-icon{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-size:200% 100%;flex-shrink:0;width:72px;height:72px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-stat-content{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-stat-value{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-size:200% 100%;border-radius:4px;width:80px;height:36px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-stat-label{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-size:200% 100%;border-radius:4px;width:120px;height:15px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);padding:32px}.skeleton-line{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:12px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-title{width:60%;height:24px;margin-bottom:16px}.skeleton-text{width:100%}.skeleton-text:last-child{width:80%;margin-bottom:0}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard{max-width:1600px;margin:0 auto;padding:32px}.dashboard-header{margin-bottom:40px}.dashboard-header h1{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.2}.dashboard-header p{color:var(--text-secondary);margin:0;font-size:17px;font-weight:400}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1.5px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius-md);width:64px;height:64px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(5deg)}.stat-content{flex:1;min-width:0}.stat-value{color:var(--text-primary);letter-spacing:-.02em;text-align:left;margin-bottom:10px;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);letter-spacing:-.01em;text-align:left;font-size:13px;font-weight:600}.dashboard-content{grid-template-columns:1fr;gap:28px;display:grid}.dashboard-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-base);padding:32px}.dashboard-card:hover{box-shadow:var(--shadow-lg)}.date-filter-group label{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.date-input-filter{border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-base);background-color:var(--bg-primary);color:var(--text-primary);padding:14px 18px;font-family:inherit;font-size:15px}.date-input-filter:hover{border-color:var(--border-medium)}.clear-filter-btn{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;padding:14px 28px;font-family:inherit;font-size:14px;font-weight:600}.clear-filter-btn:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-medium);transform:translateY(-1px)}.clear-filter-btn:disabled{opacity:.5;cursor:not-allowed}.section-header h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.users-table-wrapper,.transactions-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-primary);box-shadow:var(--shadow-sm);overflow-x:auto}.empty-state-card{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-light);margin-top:28px;padding:80px 20px}.empty-state-card p{color:var(--text-secondary);margin:0;font-size:16px;font-weight:400}.balance-stats-summary{background:linear-gradient(135deg,var(--primary-light)0%,var(--primary-lighter)100%);border-radius:var(--radius-lg);border:1px solid var(--primary-lighter);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:40px;margin-bottom:28px;padding:28px;display:flex}.summary-label{color:var(--text-secondary);letter-spacing:-.01em;font-size:13px;font-weight:600}.summary-value{color:var(--primary);letter-spacing:-.02em;font-size:28px;font-weight:800}.general-stat-item{background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);border:1px solid var(--border-light);padding:24px}.general-stat-item:hover{background:var(--bg-primary);box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.general-stat-label{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:10px;font-size:13px;font-weight:600}.general-stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:32px;font-weight:800}.dashboard-loading,.dashboard-error{text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:40px;padding:40px}.dashboard-loading p,.dashboard-error p{color:var(--text-secondary);margin:0;font-size:16px}@media (max-width:768px){.dashboard{padding:20px}.dashboard-header h1{font-size:28px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.date-filter-section{flex-direction:column}.date-filter-group,.clear-filter-btn{width:100%}.balance-stats-summary{flex-direction:column;gap:20px;padding:20px}.general-stats-grid{grid-template-columns:1fr}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);border-radius:12px;animation:.3s modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.modal-close:hover{background-color:#f5f5f5}.modal-body{padding:24px}.edit-user-modal{max-width:700px}.user-info-display{background:#f8f3ff;border:1px solid #e8d8ff;border-radius:10px;margin-bottom:24px;padding:16px}.edit-user-form{flex-direction:column;gap:20px;display:flex}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.success-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.success-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border-light);padding:40px 32px;animation:.3s ease-out slideUp}.success-modal-icon{background:var(--success-light);border:3px solid var(--success);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.success-modal-title{color:var(--text-primary);margin:0 0 12px;font-size:24px;font-weight:700}.success-modal-message{color:var(--text-secondary);margin:0 0 24px;font-size:16px;line-height:1.5}.success-modal-close{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600}.success-modal-close:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.success-modal-close:active{transform:translateY(0)}.users-page{max-width:1600px;margin:0 auto;padding:32px}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-action-btn{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.header-action-btn:hover{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.header-action-btn.active{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.header-action-btn.active:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.header-action-btn:last-of-type.active{background:linear-gradient(135deg,var(--success)0%,#008c36 100%);border-color:var(--success);box-shadow:0 4px 12px #15ac7740}.header-action-btn:last-of-type.active:hover{box-shadow:0 6px 16px #15ac7759}.selected-count-badge{background:linear-gradient(135deg,var(--primary-light)0%,var(--primary-lighter)100%);border:1px solid var(--primary-lighter);border-radius:var(--radius-md);color:var(--primary);white-space:nowrap;box-shadow:var(--shadow-sm);padding:10px 16px;font-size:13px;font-weight:700}.users-filters{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);flex-direction:column;gap:20px;margin-bottom:28px;padding:24px;display:flex}.filter-buttons{flex-wrap:wrap;gap:12px;display:flex}.filter-btn{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light);transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.action-form-card{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1.5px solid var(--primary-lighter);background:linear-gradient(135deg,#fff 0%,var(--primary-light)100%);margin-bottom:20px;padding:16px 20px}.form-card-header{border-bottom:1px solid #f6f6f8;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.form-card-header h3{color:#333;margin:0;font-size:16px;font-weight:700}.form-close-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.form-close-btn:hover{background-color:#f5f5f5}.notification-form-inline,.balance-form-inline{flex-direction:column;gap:10px;display:flex}.form-row-inline{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group-inline{flex-direction:column;gap:4px;display:flex}.form-group-inline label{color:#333;font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border-light);border-radius:var(--radius-sm);width:100%;transition:all var(--transition-base);background-color:var(--bg-primary);color:var(--text-primary);padding:10px 14px;font-family:inherit;font-size:14px}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-medium)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #752be014}.form-textarea{resize:vertical;min-height:70px;line-height:1.5}.char-count{text-align:right;color:#90979d;margin-top:4px;font-size:12px}.form-info{background:#f8f3ff;border:1px solid #e8d8ff;border-radius:6px;align-items:center;padding:8px 12px;display:flex}.info-text{color:#752be0;font-size:12px;font-weight:500}.form-actions-inline{gap:10px;margin-top:2px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1.5px solid var(--border-light)}.btn-secondary:hover{background-color:var(--bg-primary);border-color:var(--border-medium);transform:translateY(-1px)}.users-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:auto hidden}.users-table{border-collapse:collapse;width:100%;min-width:1000px}.users-table thead{background:var(--bg-tertiary)}.users-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);padding:18px 20px;font-size:12px;font-weight:700}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.users-table th.sortable:hover{background-color:#efefef}.checkbox-col{text-align:center;width:50px}.users-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.users-table tbody tr:hover{background-color:var(--primary-light)}.users-table tbody tr.selected{background-color:var(--primary-lighter)}.users-table td{color:var(--text-primary);padding:18px 20px;font-size:14px}.users-table tbody td{vertical-align:middle}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar-small{background-color:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.user-avatar-small img{object-fit:cover;width:100%;height:100%}.avatar-placeholder-small{color:#752be0;background:linear-gradient(135deg,#e8d8ff 0%,#f8f3ff 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:600;display:flex}.user-name{color:#333;font-weight:600}.balance-amount{color:#15ac77;font-weight:600}.role-badge{border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.open-to-work{color:#90979d;background-color:#f5f5f5;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.open-to-work.active{color:#008c36;background-color:#e5fdec}.date-cell{align-items:center;gap:8px;display:flex}.date-edit-btn{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:14px;transition:opacity .2s}.date-edit-btn:hover{opacity:1}.date-edit{align-items:center;gap:8px;display:flex}.date-input{border:2px solid #752be0;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px}.date-save-btn,.date-cancel-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;transition:background-color .2s;display:flex}.date-save-btn:hover{background-color:#e5fdec}.date-cancel-btn:hover{background-color:#fdeaea}.users-loading,.users-error{text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-top:28px;padding:40px}.users-loading p,.users-error p{margin:0;font-size:16px}@media (max-width:768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls,.pagination-page-size{justify-content:center}}input[type=checkbox]{cursor:pointer;accent-color:#752be0;width:18px;height:18px}@media (max-width:1024px){.form-row-inline{grid-template-columns:1fr}}@media (max-width:768px){.users-page{padding:16px}.page-header{flex-direction:column}.header-actions{width:100%}.header-action-btn{flex:1;min-width:0}.users-table-container{border-radius:8px}.users-table{font-size:13px}.users-table th,.users-table td{padding:12px 8px}.form-actions-inline{flex-direction:column}.form-row-inline{grid-template-columns:1fr}}.edit-position-modal{max-width:600px}.position-info-display{background:#f8f3ff;border:1px solid #e8d8ff;border-radius:10px;margin-bottom:24px;padding:16px}.edit-position-form{flex-direction:column;gap:20px;display:flex}.create-position-modal{max-width:600px}.create-position-form{flex-direction:column;gap:20px;display:flex}.form-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus{border-color:#752be0;outline:none;box-shadow:0 0 0 4px #752be01a}.positions-page{max-width:1600px;margin:0 auto;padding:32px}.create-position-btn{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.create-position-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.positions-filters{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:28px;padding:24px}.positions-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:auto hidden}.positions-table{border-collapse:collapse;width:100%;min-width:600px}.positions-table tbody td{vertical-align:middle}.positions-table thead{background:var(--bg-tertiary)}.positions-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);padding:18px 20px;font-size:12px;font-weight:700}.positions-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.positions-table th.sortable:hover{background-color:#efefef}.positions-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.positions-table tbody tr:hover{background-color:var(--primary-light)}.positions-table td{color:var(--text-primary);padding:18px 20px;font-size:14px}.position-name{color:var(--text-primary);font-size:15px;font-weight:600}.position-date{color:var(--text-secondary);font-size:14px}.action-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.empty-state p{color:#90979d;margin:0;font-size:16px}.positions-table tbody tr:last-child{border-bottom:none}.positions-error{text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);padding:40px}.positions-error p{margin:0;font-size:16px}@media (max-width:768px){.positions-page{padding:20px}.page-header h1{font-size:28px}.positions-table-container{border-radius:var(--radius-md)}.positions-table{font-size:13px}.positions-table th,.positions-table td{padding:12px 8px}}.edit-post-modal{max-width:700px}.post-info-display{background:#f8f3ff;border:1px solid #e8d8ff;border-radius:10px;margin-bottom:24px;padding:16px}.info-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row:not(:last-child){border-bottom:1px solid #e8d8ff}.info-label{color:#752be0;font-size:14px;font-weight:600}.info-value{color:#333;font-size:14px;font-weight:500}.edit-post-form{flex-direction:column;gap:20px;display:flex}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.create-post-modal{max-width:700px}.create-post-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.required{color:#ef4444;margin-left:4px}.form-input,.form-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#752be0;outline:none;box-shadow:0 0 0 4px #752be01a}.checkbox-label{cursor:pointer;color:#333;align-items:center;gap:10px;margin-top:28px;font-size:14px;font-weight:500;display:flex}.checkbox-input{cursor:pointer;accent-color:#752be0;width:18px;height:18px}.modal-actions{border-top:2px solid #f6f6f8;gap:12px;margin-top:8px;padding-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#752be0 0%,#6425c7 100%);box-shadow:0 2px 8px #752be033}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #752be066}.btn-secondary{color:#333;background-color:#f5f5f5;border:2px solid #e5e7eb}.btn-secondary:hover{background-color:#efefef;border-color:#d1d5db}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.posts-page{max-width:1600px;margin:0 auto;padding:32px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.create-post-btn{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.create-post-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.posts-filters{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:28px;padding:24px}.posts-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:auto hidden}.posts-table{border-collapse:collapse;width:100%;min-width:1200px}.posts-table thead{background:var(--bg-tertiary)}.posts-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);padding:18px 20px;font-size:12px;font-weight:700}.posts-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.posts-table th.sortable:hover{background-color:var(--bg-primary)}.action-col{text-align:center;width:120px}.posts-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.posts-table tbody tr:hover{background-color:var(--primary-light)}.posts-table td{color:var(--text-primary);padding:18px 20px;font-size:14px}.post-user-name{color:var(--text-primary);font-weight:600}.post-category{color:var(--text-primary)}.post-published{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary);padding:6px 12px;font-size:12px;font-weight:600}.post-published.active{background-color:var(--success-light);color:var(--success)}.post-work-shift{color:var(--text-primary);font-size:13px}.post-price{color:var(--success);font-weight:700}.post-date{color:var(--text-secondary)}.action-edit-btn{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.action-edit-btn:hover{background-color:var(--primary-light);transform:scale(1.1)}.empty-state{text-align:center;padding:80px 20px}.empty-state p{color:var(--text-secondary);margin:0;font-size:16px;font-weight:400}@media (max-width:768px){.posts-page{padding:20px}.page-header h1{font-size:28px}.posts-table-container{border-radius:var(--radius-md)}.posts-table{font-size:13px}.posts-table th,.posts-table td{padding:12px 8px}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls,.pagination-page-size{justify-content:center}}.create-promotion-modal{max-width:600px}.create-promotion-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a1a1a;font-size:14px;font-weight:600}.required{color:#dc3545}.form-input,.form-textarea{border:1px solid #e0e0e0;border-radius:8px;outline:none;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:#752be0}.form-textarea{resize:vertical;min-height:100px}.image-preview{margin-top:12px}.image-preview img{border:1px solid #e0e0e0;border-radius:8px;max-width:100%;max-height:200px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.checkbox-input{cursor:pointer;width:18px;height:18px}.promotions-page{padding:24px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-header h1{color:#1a1a1a;margin:0 0 8px;font-size:28px;font-weight:700}.page-header p{color:#666;margin:0;font-size:14px}.create-promotion-btn{color:#fff;cursor:pointer;background:#752be0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.create-promotion-btn:hover{background:#5a1fb8}.promotions-filters{margin-bottom:24px}.search-box{width:100%;max-width:400px;display:block;position:relative}.search-input{border:1.5px solid var(--border-light);border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);background-color:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;z-index:1;padding:14px 18px 14px 48px;font-family:inherit;font-size:15px;position:relative}.promotions-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.promotions-table{border-collapse:collapse;width:100%}.promotions-table thead{background:#f8f9fa}.promotions-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0;padding:16px;font-size:12px;font-weight:600}.promotions-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.promotions-table th.sortable:hover{background:#f0f0f0}.th-content{align-items:center;gap:8px;display:flex}.promotions-table td{color:#1a1a1a;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.promotions-table tbody tr:hover{background:#f8f9fa}.promotion-title{color:#1a1a1a;font-weight:600}.promotion-description{color:#666;text-overflow:ellipsis;white-space:nowrap;max-width:300px;display:block;overflow:hidden}.promotion-image{object-fit:cover;border-radius:4px;width:80px;height:60px}.promotion-active{color:#666;background:#f0f0f0;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.promotion-active.active{color:#155724;background:#d4edda}.promotion-date{color:#666}.action-col{text-align:right}.action-delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.action-delete-btn:hover{background:#c82333}.empty-state,.loading-state{text-align:center;color:#666;padding:48px}.statistics-page{max-width:1600px;margin:0 auto;padding:32px}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.2}.page-header p{color:var(--text-secondary);margin:0;font-size:17px;font-weight:400}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.stat-icon-inner{border-radius:6px;width:24px;height:24px}.stat-content{flex:1}.stat-value{color:#333;margin-bottom:4px;font-size:32px;font-weight:700}.stat-label{color:#74797f;font-size:14px;font-weight:500}.statistics-content{grid-template-columns:1fr;gap:20px;display:grid}.statistics-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-base);padding:24px}.statistics-card:hover{box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px}.card-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.card-subtitle{color:var(--text-secondary);margin:0;font-size:15px;font-weight:400}.date-filter-section{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.date-filter-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.date-filter-group label{color:#333;font-size:14px;font-weight:600}.date-input-filter{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.date-input-filter:focus{border-color:#752be0;outline:none;box-shadow:0 0 0 4px #752be01a}.clear-filter-btn{color:#333;cursor:pointer;white-space:nowrap;background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.clear-filter-btn:hover{background-color:#f5f5f5;border-color:#d1d5db}.users-list-section,.transactions-list-section{margin-top:20px}.section-header{margin-bottom:16px}.section-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.users-table-wrapper,.transactions-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;min-width:600px}.stats-table thead{background:#f6f6f8}.stats-table th{text-align:left;color:#74797f;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-size:13px;font-weight:600}.stats-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.stats-table tbody tr:hover{background-color:#f8f3ff}.stats-table td{color:#333;padding:12px 16px;font-size:14px}.role-badge-small{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.user-cell-small{align-items:center;gap:8px;display:flex}.amount-positive{color:#15ac77;font-weight:600}.empty-state-card{text-align:center;background:#f6f6f8;border-radius:8px;margin-top:24px;padding:60px 20px}.empty-state-card p{color:#90979d;margin:0;font-size:16px}.registration-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px;display:grid}.registration-stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1.5px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.registration-stat-card:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.registration-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.registration-stat-card:hover:before{opacity:1}.registration-stat-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-light)0%,var(--primary-lighter)100%);width:64px;height:64px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.registration-stat-card:hover .registration-stat-icon{transform:scale(1.1)rotate(5deg)}.registration-stat-content{flex:1;min-width:0}.registration-stat-label{color:var(--text-secondary);letter-spacing:-.01em;text-align:left;margin-bottom:10px;font-size:13px;font-weight:600}.registration-stat-value{color:var(--text-primary);letter-spacing:-.02em;text-align:left;font-size:32px;font-weight:800;line-height:1}.payment-stats-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px;display:grid}.payment-stat-item{background:var(--bg-primary);border-radius:var(--radius-lg);border:1.5px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-sm);padding:28px 24px;position:relative;overflow:hidden}.payment-stat-item:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.payment-stat-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.payment-stat-item:hover:before{opacity:1}.payment-stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.payment-stat-label{color:var(--text-secondary);letter-spacing:-.01em;font-size:13px;font-weight:600}.payment-stat-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.payment-stat-amount{color:var(--text-primary);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.status-badge{border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.balance-stats-summary{background:linear-gradient(135deg,#f8f3ff 0%,#e8d8ff 100%);border:1px solid #e8d8ff;border-radius:10px;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:16px 20px;display:flex}.summary-item{flex-direction:column;gap:4px;display:flex}.summary-label{color:#74797f;font-size:13px;font-weight:500}.summary-value{color:#752be0;font-size:24px;font-weight:700}.search-section{margin-bottom:20px}.search-box{width:100%;display:block;position:relative}.search-box>svg{pointer-events:none!important;z-index:1!important;color:var(--text-tertiary)!important;width:20px!important;height:20px!important;display:block!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.search-input{box-sizing:border-box;z-index:1;background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 44px;font-family:inherit;font-size:15px;transition:all .2s;position:relative}.search-input:hover{border-color:#d1d5db}.search-input:focus{border-color:#752be0;outline:none;box-shadow:0 0 0 4px #752be01a}.general-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;display:grid}.general-stat-item{background:var(--bg-primary);border-radius:var(--radius-md);border:1.5px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px 18px;display:flex;position:relative;overflow:hidden}.general-stat-item:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.general-stat-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.general-stat-item:hover:before{opacity:1}.general-stat-item-primary:hover{border-color:var(--primary-lighter);background:linear-gradient(135deg,#fff 0%,var(--primary-light)100%)}.general-stat-item-primary:before{background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%)}.general-stat-item-success:hover{border-color:var(--success-light);background:linear-gradient(135deg,#fff 0%,var(--success-light)100%)}.general-stat-item-success:before{background:linear-gradient(90deg,var(--success)0%,#12a066 100%)}.general-stat-item-info:hover{background:linear-gradient(135deg,#fff 0%,#dbeafe 100%);border-color:#dbeafe}.general-stat-item-info:before{background:linear-gradient(90deg,#1570ef 0%,#0e5bc7 100%)}.general-stat-item-warning:hover{background:linear-gradient(135deg,#fff 0%,#fef3c7 100%);border-color:#fef3c7}.general-stat-item-warning:before{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.general-stat-icon-wrapper{border-radius:var(--radius-sm);width:48px;height:48px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.general-stat-item-primary .general-stat-icon-wrapper{background:linear-gradient(135deg,var(--primary-light)0%,var(--primary-lighter)100%)}.general-stat-item-success .general-stat-icon-wrapper{background:linear-gradient(135deg,var(--success-light)0%,#c6f6d5 100%)}.general-stat-item-info .general-stat-icon-wrapper{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.general-stat-item-warning .general-stat-icon-wrapper{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.general-stat-item:hover .general-stat-icon-wrapper{transform:scale(1.1)rotate(5deg)}.general-stat-content{flex:1;min-width:0}.general-stat-label{color:var(--text-secondary);letter-spacing:-.01em;text-align:left;margin-bottom:6px;font-size:12px;font-weight:600}.general-stat-value{color:var(--text-primary);letter-spacing:-.02em;text-align:left;font-size:24px;font-weight:800;line-height:1}@media (max-width:768px){.statistics-page{padding:20px}.page-header h1{font-size:28px}.statistics-card{padding:24px}.stats-grid{grid-template-columns:1fr}.date-filter-section{flex-direction:column}.date-filter-group,.clear-filter-btn{width:100%}.balance-stats-summary{flex-direction:column;gap:16px}.general-stats-grid{grid-template-columns:1fr;gap:16px}.general-stat-item{padding:20px}.general-stat-icon-wrapper{width:56px;height:56px}.general-stat-value{font-size:28px}.pagination-container{flex-direction:column;gap:16px}.pagination-controls{flex-wrap:wrap;justify-content:center}}.pagination-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:24px;display:flex}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500}.pagination-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-btn{border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:40px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600}.pagination-btn:hover:not(:disabled){border-color:var(--primary);background-color:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-btn.active{background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.pagination-btn.active:hover{box-shadow:var(--shadow-md)}.pagination-page-size{align-items:center;gap:8px;display:flex}.pagination-page-size label{color:var(--text-secondary);font-size:14px;font-weight:600}.page-size-select{border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600}.page-size-select:hover{border-color:var(--primary)}.page-size-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #752be014}