.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-primary);padding:20px}.login-container{background:var(--color-bg-secondary);padding:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:400px}.login-container h1{text-align:center;margin-bottom:32px;color:var(--color-text-primary)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--color-text-primary)}.form-group input{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s}.form-group input:focus{outline:none;border-color:var(--color-accent)}.submit-btn{padding:12px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--color-accent-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{padding:10px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--color-bg-tertiary)}.error-message{padding:10px;background:#e74c3c1a;color:var(--color-error);border-radius:var(--radius-md);font-size:14px}.success-message{padding:10px;background:#27ae601a;color:var(--color-success);border-radius:var(--radius-md);font-size:14px}.dashboard{max-width:1400px}.dashboard h1{margin-bottom:32px;color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--color-bg-secondary);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{font-size:40px}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:var(--color-accent);margin-bottom:4px}.stat-label{font-size:14px;color:var(--color-text-secondary)}.recent-section{background:var(--color-bg-secondary);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.recent-section h2{margin-bottom:20px;color:var(--color-text-primary)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px;border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;font-size:14px}.data-table td{padding:12px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.data-table tr:hover{background:var(--color-bg-tertiary)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#27ae601a;color:var(--color-success)}.status-badge.inactive{background:#e74c3c1a;color:var(--color-error)}.loading,.error{text-align:center;padding:40px;color:var(--color-text-secondary)}.users-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.page-header h1{color:var(--color-text-primary)}.search-form{display:flex;gap:12px}.search-input{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;min-width:300px}.search-input:focus{outline:none;border-color:var(--color-accent)}.search-btn{padding:10px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s}.search-btn:hover{background:var(--color-accent-hover)}.table-container{background:var(--color-bg-secondary);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.view-btn{padding:6px 12px;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:6px;font-size:14px;transition:all .2s}.view-btn:hover{background:var(--color-accent-hover)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.page-btn{padding:10px 20px;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--color-text-secondary)}.user-details{max-width:1400px}.back-link{display:inline-block;margin-bottom:24px;color:var(--color-accent);text-decoration:none;font-weight:500;transition:all .2s}.back-link:hover{color:var(--color-accent-hover)}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.user-info h1{margin-bottom:8px;color:var(--color-text-primary)}.user-email{color:var(--color-text-secondary);font-size:14px}.details-section{margin-top:32px;background:var(--color-bg-secondary);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.details-section h2{margin-bottom:20px;color:var(--color-text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.info-value{font-size:16px;color:var(--color-text-primary)}.more-info{margin-top:12px;text-align:center;color:var(--color-text-secondary);font-size:14px}.analytics-page{max-width:1400px}.period-select{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;cursor:pointer}.period-select:focus{outline:none;border-color:var(--color-accent)}.analytics-section{margin-bottom:32px;background:var(--color-bg-secondary);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.analytics-section h2{margin-bottom:20px;color:var(--color-text-primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--color-border)}.sidebar-header h2{font-size:20px;font-weight:600;color:var(--color-text-primary)}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 20px;color:var(--color-text-secondary);text-decoration:none;transition:all .2s;gap:12px}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-light, rgba(108, 154, 127, .1));color:var(--color-accent);border-right:3px solid var(--color-accent)}.nav-icon{font-size:20px}.nav-label{font-weight:500}.sidebar-footer{padding:20px;border-top:1px solid var(--color-border)}.logout-btn{width:100%;padding:10px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#c0392b}.admin-main{flex:1;margin-left:260px;padding:32px;min-height:100vh}@media (max-width: 768px){.admin-sidebar{width:200px}.admin-main{margin-left:200px;padding:20px}}.app{min-height:100vh;background:var(--color-bg-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #f0f4f8;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f8f9fa;--color-text-primary: #2c3e50;--color-text-secondary: #7f8c8d;--color-text-muted: #95a5a6;--color-accent: #6c9a7f;--color-accent-hover: #5a8469;--color-border: #ecf0f1;--color-error: #e74c3c;--color-success: #27ae60;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--radius-md: 12px;--font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #252525;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-accent: #6c9a7f;--color-accent-hover: #7db892;--color-border: #404040;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}