@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root,.light{--primary:#6366f1;--secondary:#8b5cf6;--accent:#ec4899;--background:#f8fafc;--surface:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0}.dark{--primary:#818cf8;--secondary:#a78bfa;--accent:#f472b6;--background:#0f172a;--surface:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#334155}html{font-size:16px}body{background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--primary);color:#fff}.sidebar-overlay{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:280px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.logo-text{color:var(--text-primary);font-size:20px;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sidebar-nav{flex:1;padding:16px 12px}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--border);color:var(--text-primary)}.nav-item.active{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary)}@media (width<=768px){.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-btn{display:block}}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;display:none}.menu-btn:hover{background:var(--border)}.page-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.theme-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.theme-toggle:hover{background:var(--border);color:var(--text-primary)}.profile-container{position:relative}.profile-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:all .15s;display:flex}.profile-btn:hover{background:var(--border)}.profile-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.profile-name{color:var(--text-primary);font-size:14px;font-weight:500}.chevron{color:var(--text-secondary);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.profile-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:280px;animation:.15s dropdownFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar{border-radius:50%;width:48px;height:48px}.dropdown-info{flex-direction:column;gap:2px;display:flex}.dropdown-name{color:var(--text-primary);font-size:14px;font-weight:600}.dropdown-email{color:var(--text-secondary);font-size:12px}.dropdown-menu{padding:8px}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--border)}.dropdown-item .badge{background:var(--primary);color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-divider{background:var(--border);height:1px;margin:8px 0}.notification-container{position:relative}.notification-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.notification-btn:hover{background:var(--border);color:var(--text-primary)}.notification-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:12px;width:360px;animation:.15s dropdownFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.notification-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.mark-all-read{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.mark-all-read:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.notification-list{max-height:320px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--background)}.notification-item.unread{background:color-mix(in srgb, var(--primary) 5%, transparent)}.notification-content{flex-direction:column;flex:1;gap:2px;display:flex}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600}.notification-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.notification-time{color:var(--text-secondary);margin-top:4px;font-size:11px}.unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notification-footer{border-top:1px solid var(--border);text-align:center;padding:12px 16px}.notification-footer button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:13px}.notification-footer button:hover{text-decoration:underline}@media (width<=768px){.menu-btn{display:block}.profile-name{display:none}.header{padding:0 16px}.notification-dropdown{width:calc(100vw - 32px);right:-8px}}.layout{background:var(--background);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:280px;display:flex}.page-content{flex:1;padding:24px}@media (width<=768px){.main-content{margin-left:0}.page-content{padding:16px}}.auth-page{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--surface);border-radius:16px;padding:40px;box-shadow:0 8px 32px #0003}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.auth-logo span{color:#fff;font-size:24px;font-weight:700}.auth-header h1{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.auth-header p{color:var(--text-secondary);margin:0;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.input-wrapper input{border:1px solid var(--border);background:var(--background);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 12px 12px 40px;font-size:14px;transition:border-color .15s}.input-wrapper input:focus{border-color:var(--primary);outline:none}.input-wrapper input::placeholder{color:var(--text-secondary)}.password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.password-toggle:hover{color:var(--text-primary)}.form-options{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:var(--primary);font-size:14px;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.auth-btn:hover{opacity:.9}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px}.demo-hint{color:var(--text-secondary);background:var(--background);border-radius:6px;padding:8px 16px;font-size:12px}.back-link{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary)}.success-message{text-align:center;padding:20px 0}.success-message svg{color:#10b981;margin-bottom:16px}.success-message h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.success-message p{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.success-message .auth-btn{text-decoration:none;display:inline-block}@media (width<=480px){.auth-card{padding:24px}}.dashboard{flex-direction:column;gap:24px;display:flex}.welcome-section h2{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.welcome-section p{color:var(--text-secondary);margin:0;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex-direction:column;flex:1;gap:4px;display:flex}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px}.stat-change{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.stat-change.up{color:#059669;background:#d1fae5}.stat-change.down{color:#dc2626;background:#fee2e2}.dashboard-charts{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dashboard-charts .chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.dashboard-charts .chart-card h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.recent-orders{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.view-all{color:var(--primary);font-size:14px;text-decoration:none}.view-all:hover{text-decoration:underline}.orders-table{overflow-x:auto}.orders-table table{border-collapse:collapse;width:100%}.orders-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}.orders-table th:nth-child(3),.orders-table td:nth-child(3){display:none}}.orders-page{flex-direction:column;gap:20px;display:flex}.orders-toolbar{flex-direction:column;gap:12px;display:flex}.search-filter-row{gap:16px;display:flex}.search-box,.filter-box{align-items:center;display:flex;position:relative}.search-box{flex:1;max-width:400px}.search-icon,.filter-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.search-box input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px 10px 40px;font-size:14px}.search-box input:focus{border-color:var(--primary);outline:none}.filter-box select{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:160px;padding:10px 12px 10px 40px;font-size:14px}.filter-box select:focus{border-color:var(--primary);outline:none}.date-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.date-input svg{color:var(--text-secondary)}.date-input input{color:var(--text-primary);background:0 0;border:none;outline:none;font-size:14px}.date-separator{color:var(--text-secondary);font-size:14px}.clear-dates{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.clear-dates:hover{background:var(--border);color:var(--text-primary)}.orders-table-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{text-align:left;padding:14px 16px}.orders-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--background);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.orders-table td{color:var(--text-primary);border-bottom:1px solid var(--border);font-size:14px}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:var(--background)}.order-id{color:var(--primary);font-weight:600}.customer-info{flex-direction:column;gap:2px;display:flex}.customer-name{font-weight:500}.customer-email{color:var(--text-secondary);font-size:12px}.order-total{color:var(--text-primary);font-weight:600}.status-select{cursor:pointer;border:none;border-radius:6px;outline:none;padding:6px 10px;font-size:12px;font-weight:500}.view-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.view-btn:hover{background:var(--border)}.orders-table .action-buttons{gap:8px;display:flex}.orders-table .edit-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.orders-table .edit-btn:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.pagination{justify-content:center;align-items:center;gap:16px;padding:16px 0;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .15s}.pagination button:hover:not(:disabled){background:var(--border)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:14px}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:16px;width:100%;max-width:480px;animation:.2s modalFade}@keyframes modalFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.modal-header .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.modal-header .close-btn:hover{background:var(--border);color:var(--text-primary)}.modal-body{padding:24px}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.detail-value.total{color:var(--primary);font-size:18px;font-weight:700}.modal-body .status-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.order-detail-modal{max-width:560px;max-height:90vh;overflow-y:auto}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:600}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item.full-width{grid-column:span 2}.detail-item .detail-label{color:var(--text-secondary);font-size:12px}.detail-item .detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.detail-item .detail-value.total{color:var(--primary);font-size:20px;font-weight:700}.modal-form .form-section{flex-direction:column;gap:12px;display:flex}.modal-form .form-section h4{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0;padding-bottom:8px;font-size:14px;font-weight:600}.modal-form .form-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.modal-form label{color:var(--text-primary);font-size:13px;font-weight:500}.modal-form input{border:1px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:14px}.modal-form input:focus{border-color:var(--primary);outline:none}.modal-form .modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.confirm-modal .modal-body p{color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.confirm-modal .modal-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-modal .cancel-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px}.confirm-modal .submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px}@media (width<=768px){.orders-toolbar{flex-direction:column}.search-box{max-width:none}.orders-table th:nth-child(4),.orders-table td:nth-child(4){display:none}}.admins-page{flex-direction:column;gap:20px;display:flex}.admins-toolbar{justify-content:space-between;gap:16px;display:flex}.admins-toolbar .search-box{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.admins-toolbar .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.admins-toolbar .search-box input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px 10px 40px;font-size:14px}.admins-toolbar .search-box input:focus{border-color:var(--primary);outline:none}.add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .15s;display:flex}.add-btn:hover{opacity:.9}.admins-table-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.admins-table{border-collapse:collapse;width:100%}.admins-table th,.admins-table td{text-align:left;padding:14px 16px}.admins-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--background);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.admins-table td{color:var(--text-primary);border-bottom:1px solid var(--border);font-size:14px}.admins-table tr:last-child td{border-bottom:none}.admins-table tr:hover td{background:var(--background)}.admin-info{align-items:center;gap:12px;display:flex}.admin-avatar{border-radius:50%;width:36px;height:36px}.admin-details{flex-direction:column;display:flex}.admin-name{font-weight:500}.admin-phone{color:var(--text-secondary);font-size:12px}.admin-email{color:var(--text-secondary)}.role-badge{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.role-badge.super-admin{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary);border-color:var(--primary)}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status-badge.active{color:#059669;background:#d1fae5}.status-badge.inactive{color:#dc2626;background:#fee2e2}.action-buttons{gap:8px;display:flex}.edit-btn,.delete-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.edit-btn{color:var(--primary)}.edit-btn:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fef2f2}.edit-modal{max-width:600px;max-height:90vh;overflow-y:auto}.modal-form{flex-direction:column;gap:20px;padding:24px;display:flex}.form-section{flex-direction:column;gap:12px;display:flex}.form-section h4{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0;padding-bottom:8px;font-size:14px;font-weight:600}.modal-form .form-group{flex-direction:column;gap:8px;display:flex}.modal-form label{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.modal-form input,.modal-form select{border:1px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:14px}.modal-form input:focus,.modal-form select:focus{border-color:var(--primary);outline:none}.password-section{background:var(--background);border-radius:8px;padding:16px}.checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.cancel-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.cancel-btn:hover{background:var(--border)}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.submit-btn:hover{opacity:.9}.delete-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.delete-confirm-btn:hover{opacity:.9}.confirm-modal .modal-body p{color:var(--text-secondary);margin:0 0 20px}.confirm-modal .modal-body{padding:24px}@media (width<=768px){.admins-toolbar{flex-direction:column}.admins-toolbar .search-box{max-width:none}.admins-table th:nth-child(2),.admins-table td:nth-child(2){display:none}}.analytics-page{flex-direction:column;gap:24px;display:flex}.analytics-stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.analytics-stats .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.analytics-stats .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.analytics-stats .stat-info{flex-direction:column;gap:4px;display:flex}.analytics-stats .stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.analytics-stats .stat-label{color:var(--text-secondary);font-size:13px}.charts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.chart-card h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.chart-card:nth-child(3){grid-column:span 2}.activity-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.activity-section h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-content{flex-direction:column;gap:4px;display:flex}.activity-text{color:var(--text-primary);font-size:14px}.activity-time{color:var(--text-secondary);font-size:12px}@media (width<=1024px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card:nth-child(3){grid-column:span 1}}@media (width<=640px){.analytics-stats{grid-template-columns:1fr}}.notifications-page{flex-direction:column;gap:24px;display:flex}.notifications-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.header-info h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.unread-count{background:var(--primary);color:#fff;border-radius:12px;padding:4px 10px;font-size:12px}.mark-all-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .15s;display:flex}.mark-all-btn:hover{opacity:.9}.notifications-list{flex-direction:column;gap:12px;display:flex}.notification-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:all .15s;display:flex;position:relative}.notification-card:hover{border-color:var(--primary)}.notification-card.unread{background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.notif-indicator{border-radius:2px;flex-shrink:0;width:4px;height:100%;min-height:60px}.notif-content{flex:1}.notif-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notif-title{color:var(--text-primary);font-size:16px;font-weight:600}.notif-time{color:var(--text-secondary);font-size:12px}.notif-message{color:var(--text-secondary);margin:0 0 8px;font-size:14px;line-height:1.5}.notif-type{text-transform:capitalize;font-size:12px;font-weight:500}.unread-badge{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:16px;right:16px}.empty-state{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:60px 20px}.empty-state svg{color:var(--text-secondary);margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{color:var(--text-secondary);margin:0;font-size:14px}@media (width<=768px){.notifications-header{flex-direction:column;align-items:flex-start;gap:16px}.mark-all-btn{justify-content:center;width:100%}.notif-header{flex-direction:column;align-items:flex-start;gap:4px}}.profile-page{flex-direction:column;gap:24px;display:flex}.profile-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex}.avatar-upload{position:relative}.profile-avatar-large{border:3px solid var(--primary);object-fit:cover;border-radius:50%;width:80px;height:80px}.avatar-upload-btn{background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex;position:absolute;bottom:0;right:0}.avatar-upload-btn:hover{transform:scale(1.1)}.profile-header-info h2{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.profile-header-info p{color:var(--text-secondary);margin:0;font-size:14px}.profile-content{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.profile-section h3{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:16px;font-size:18px;font-weight:600}.profile-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.profile-form .form-group{flex-direction:column;gap:8px;display:flex}.profile-form label{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.profile-form label svg{color:var(--text-secondary)}.profile-form input{border:1px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:8px;padding:12px 14px;font-size:14px}.profile-form input:focus{border-color:var(--primary);outline:none}.subsection-title{color:var(--text-primary);border-top:1px solid var(--border);margin:16px 0 12px;padding-top:16px;font-size:14px;font-weight:600}.save-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:opacity .15s;display:flex}.save-btn:hover{opacity:.9}@media (width<=1024px){.profile-content{grid-template-columns:1fr}}@media (width<=768px){.profile-header{text-align:center;flex-direction:column}.form-row{grid-template-columns:1fr}}