@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#0a0e1a;--bg-surface:#111827;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border:#ffffff14;--border-focus:#6366f199;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-accent:#06b6d4;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-glow:0 0 32px #6366f126;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#0a0e1acc;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:.75rem;text-decoration:none;display:flex}.navbar-logo{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.navbar-title{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:600}.navbar-actions{align-items:center;gap:1rem;display:flex}.navbar-user{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.navbar-avatar{border:2px solid var(--border);border-radius:50%;width:32px;height:32px}.badge-pending{background:var(--color-warning);color:#000;border-radius:99px;padding:1px 8px;font-size:.7rem;font-weight:600}.badge-admin{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:99px;padding:1px 8px;font-size:.7rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem}.card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-success{background:linear-gradient(135deg, var(--color-success), #059669);color:#fff}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #dc2626);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-google{color:#1f2937;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #e5e7eb;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn-google:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-label .required{color:var(--color-danger);margin-left:3px}.form-input,.form-textarea,.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);background:#ffffff0d;outline:none;width:100%;padding:.65rem .875rem;font-family:inherit;font-size:.875rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);background:#ffffff12;box-shadow:0 0 0 3px #6366f126}.form-textarea{resize:vertical;min-height:100px}.options-group{flex-direction:column;gap:.5rem;display:flex}.option-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.875rem;display:flex}.option-item:hover,.option-item.selected{border-color:var(--color-primary);background:#6366f11a}.option-item input[type=radio],.option-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.scale-group{align-items:center;gap:.5rem;display:flex}.scale-label{color:var(--text-muted);min-width:60px;font-size:.75rem}.scale-label.end{text-align:right}.scale-buttons{flex:1;gap:.375rem;display:flex}.scale-btn{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:48px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex:1;font-family:inherit;font-size:.875rem;font-weight:500}.scale-btn:hover,.scale-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{background:#6366f11a}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:top;padding:.75rem 1rem}tr:hover td{background:var(--bg-card-hover)}tr:last-child td{border-bottom:none}.status-badge{border-radius:99px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pending{color:var(--color-warning);background:#f59e0b26}.status-approved{color:var(--color-success);background:#10b98126}.status-rejected{color:var(--color-danger);background:#ef444426}.status-super_admin{color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#06b6d433)}.page-header{margin-bottom:2rem}.page-title{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.375rem;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.hero{text-align:center;padding:4rem 1rem 3rem}.hero-title{background:linear-gradient(135deg, #fff 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto 2rem;font-size:1.1rem}.alert{border-radius:var(--radius-md);border:1px solid;margin-bottom:1rem;padding:1rem 1.25rem;font-size:.875rem}.alert-warning{color:var(--color-warning);background:#f59e0b1a;border-color:#f59e0b4d}.alert-success{color:var(--color-success);background:#10b9811a;border-color:#10b9814d}.alert-info{color:#a5b4fc;background:#6366f11a;border-color:#6366f14d}.alert-danger{color:var(--color-danger);background:#ef44441a;border-color:#ef44444d}.admin-layout{grid-template-columns:220px 1fr;align-items:start;gap:2rem;display:grid}.admin-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem;position:sticky;top:80px}.admin-nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.admin-nav-link:hover,.admin-nav-link.active{color:var(--color-primary);background:#6366f126}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state-icon{margin-bottom:1rem;font-size:3rem}.empty-state-text{font-size:.95rem}.spinner{border:3px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.text-muted{color:var(--text-muted);font-size:.8rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.gap-1{gap:.5rem}.flex{display:flex}.items-center{align-items:center}@media (width<=768px){.admin-layout{grid-template-columns:1fr}.admin-nav{position:static}.card-grid{grid-template-columns:1fr}}