:root{--bg-dark: #0f172a;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--success: #22c55e;--border: #334155;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;margin-left:var(--sidebar-width);max-width:1600px}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border);position:fixed;height:100vh;display:flex;flex-direction:column;padding:1.5rem}.sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.logo-text{font-weight:700;font-size:1.25rem;letter-spacing:-.5px}.badge{background:var(--accent-primary);font-size:.7rem;padding:.1rem .4rem;border-radius:4px;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:var(--accent-primary);color:#fff}.nav-item.disabled{opacity:.5;cursor:not-allowed}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;background:none;border:none;color:var(--text-secondary);padding:.75rem 1rem;cursor:pointer;border-radius:8px;transition:.2s}.logout-btn:hover{background:#ef44441a;color:var(--danger)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}h1{font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.subtitle{color:var(--text-secondary)}.search-bar{background:var(--bg-card);border:1px solid var(--border);padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;width:300px}.search-bar input{background:none;border:none;color:var(--text-primary);outline:none;width:100%}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);overflow:hidden;margin-bottom:1.5rem}.card-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem 1.5rem;color:var(--text-secondary);font-weight:500;font-size:.875rem;border-bottom:1px solid var(--border)}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.clickable-row{cursor:pointer;transition:background .1s}.clickable-row:hover{background:#ffffff05}.user-cell{display:flex;align-items:center;gap:1rem}.avatar-placeholder{width:40px;height:40px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.user-details{display:flex;flex-direction:column}.user-business{font-size:.8rem;color:var(--text-secondary)}.badge-mechanic{background:#3b82f61a;color:var(--accent-primary);padding:.25rem .75rem;border-radius:999px;font-size:.875rem}.badge-user{background:#94a3b81a;color:var(--text-secondary);padding:.25rem .75rem;border-radius:999px;font-size:.875rem}.status-dot{display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%;margin-right:.5rem}.detail-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}.user-profile-card{padding:2rem;text-align:center;height:fit-content}.large-avatar{width:80px;height:80px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.profile-actions{margin-top:2rem}.action-btn{width:100%;padding:.75rem;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:.2s}.action-btn.primary{background:var(--accent-primary);color:#fff}.action-btn.danger{background:#ef44441a;color:var(--danger)}.action-btn:hover{opacity:.9}.form-grid{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}label{font-size:.875rem;color:var(--text-secondary)}input,textarea{background:var(--bg-dark);border:1px solid var(--border);padding:.75rem;border-radius:8px;color:var(--text-primary);font-family:inherit}input:focus,textarea:focus{outline:2px solid var(--accent-primary);border-color:transparent}.save-btn{background:var(--success);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600}.back-btn{background:none;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem}.back-btn:hover{color:var(--text-primary)}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary);gap:1rem}