body{margin:0;font-family:Segoe UI,sans-serif;background:#f4f6f9}.admin-layout{min-height:100vh}.admin-header{background:#111827;color:#fff;padding:18px 40px;display:flex;justify-content:space-between;align-items:center}.logout-btn{background:#ef4444;border:none;padding:10px 18px;color:#fff;border-radius:6px;cursor:pointer;font-weight:600}.admin-content{padding:40px}.admin-content h2{margin-bottom:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.user-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 8px 20px #0000000f;display:flex;justify-content:space-between;align-items:center}.user-info h3{margin:0 0 8px}.user-info p{margin:4px 0;color:#555}.approve-btn{background:#10b981;border:none;padding:10px 16px;border-radius:6px;color:#fff;cursor:pointer;font-weight:600}.empty-state{background:#fff;padding:30px;border-radius:8px;text-align:center;color:#666}.topbar{background:#111827;color:#fff;padding:15px 30px;display:flex;justify-content:space-between}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px}.kpi{background:#fff;padding:25px;border-radius:8px;box-shadow:0 6px 16px #0000000f;font-size:18px}.admin-table{width:95%;margin:20px auto;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #eee}*{box-sizing:border-box;font-family:Segoe UI,sans-serif}body{margin:0;background:#f3f5f9}.layout{display:flex;height:100vh}.sidebar{width:220px;background:#111827;color:#fff;padding:30px 20px}.sidebar h2{margin-bottom:30px}.sidebar nav a{display:block;padding:12px 10px;color:#cbd5e1;margin-bottom:10px;border-radius:6px;cursor:pointer}.sidebar nav a.active,.sidebar nav a:hover{background:#1f2937;color:#fff}.main{flex:1;padding:30px 40px}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar button{background:#ef4444;border:none;padding:8px 14px;color:#fff;border-radius:6px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 18px #0000000f}.card span{color:#6b7280}.card b{display:block;font-size:26px;margin-top:10px}.table-section{background:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 18px #0000000f}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee}button{background:#10b981;border:none;padding:6px 12px;color:#fff;border-radius:6px;cursor:pointer}.welcome-page{background:linear-gradient(180deg,#fff5f5,#fff)}.welcome-brand{text-align:center;margin-top:20px;margin-bottom:60px}.welcome-logo{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#b11217,#7a0c0f);color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}.welcome-company{font-size:15px;font-weight:600}.welcome-tagline{font-size:12px;color:#6b7280;margin-top:2px}.welcome-content{text-align:center}.welcome-title{font-size:30px;font-weight:800;margin-bottom:10px}.welcome-subtitle{font-size:14px;color:#6b7280;margin-bottom:28px}.welcome-content .btn-primary{margin-bottom:14px}*{box-sizing:border-box;margin:0;padding:0}:root{--brand-red: linear-gradient(135deg, #b11217, #7a0c0f);--brand-bg: #fff5f5;--card-bg: #ffffff;--muted: #6b7280;--text-dark: #111827;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 10px 30px rgba(0,0,0,.08)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--brand-bg);color:var(--text-dark)}.page{min-height:100vh;display:flex;justify-content:center;padding:20px 12px 40px}.page-inner{width:100%;max-width:420px}.brand-header{text-align:center;margin-bottom:28px}.brand-logo{width:54px;height:54px;border-radius:50%;background:var(--brand-red);color:#fff;font-weight:700;font-size:20px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.brand-name{font-size:15px;font-weight:600}.brand-tagline{font-size:12px;color:var(--muted);margin-top:2px}.page-title{text-align:center;font-size:26px;font-weight:800;margin-bottom:8px}.page-subtitle{text-align:center;font-size:14px;color:var(--muted);margin-bottom:22px}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:18px;margin-bottom:18px}.card-title{font-size:16px;font-weight:600;margin-bottom:12px}.card-muted{background:#f3f4f6;padding:14px;border-radius:var(--radius-md);text-align:center;font-size:14px;color:#374151}.form-group{margin-bottom:14px}.form-label{font-size:13px;font-weight:600;margin-bottom:6px;display:block}.input-wrap{display:flex;align-items:center;background:#f9fafb;border-radius:var(--radius-md);padding:10px 12px;border:1px solid #e5e7eb}.input-wrap span{margin-right:8px;font-size:14px}.input-wrap input{border:none;outline:none;width:100%;background:transparent;font-size:14px}.btn-primary{width:100%;border:none;border-radius:999px;padding:14px;background:var(--brand-red);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px #b1121740}.btn-secondary{width:100%;margin-top:10px;padding:12px;border-radius:999px;border:2px solid #b11217;background:transparent;color:#b11217;font-weight:600;cursor:pointer}.text-link{font-size:12px;color:#2563eb;cursor:pointer}.center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.welcome-actions{margin-top:26px}.inline-inputs{display:flex;gap:10px}.inline-inputs input{flex:1;padding:12px;border-radius:var(--radius-md);border:1px solid #e5e7eb}