@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-glass:#ffffffe6;--bg-glass-card:#f8fafcf2;--bg-secondary:#f1f5f9;--bg-main:#fff;--primary:#3b82f6;--primary-glow:#3b82f640;--secondary:#8b5cf6;--accent:#10b981;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--text-main:#0f172a;--text-muted:#64748b;--border-light:#0f172a1a;--nav-height:80px;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--radius-pill:9999px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1);--content-padding:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);overscroll-behavior-y:none;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#3b82f614,#0000 40%),radial-gradient(circle at 85% 20%,#8b5cf60f,#0000 35%),linear-gradient(#3b82f608,#0000 25%);position:fixed;inset:0}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:0 1px 3px #0f172a14}.glass-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:24px;box-shadow:0 2px 8px #0f172a0f}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-screen{letter-spacing:-.5px;margin-bottom:24px;font-size:28px;font-weight:700}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.animate-entrance{animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUpFade}#root{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:var(--content-padding);padding-bottom:calc(var(--nav-height) + var(--content-padding));flex:1;width:100%;max-width:600px;margin:0 auto}.offline-banner{z-index:80;color:#111827;letter-spacing:.02em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f59e0beb;padding:12px 18px;font-size:13px;font-weight:700;position:sticky;top:0}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #0f172a1a;border-radius:32px;width:min(440px,100%);padding:32px;box-shadow:0 24px 80px #0f172a1f}.auth-field{gap:8px;margin-bottom:16px;display:grid}.auth-field label{color:var(--text-muted);font-size:13px;font-weight:600}.auth-field input{width:100%;color:var(--text-main);font:inherit;background:#f8fafccc;border:1px solid #0f172a26;border-radius:18px;padding:15px 16px}.auth-field input:focus{background:#fff;border-color:#3b82f685;outline:2px solid #3b82f652}.status-pill{border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.online{color:#ecfdf5;background:#064e3be6}.status-pill.offline{color:#fffbeb;background:#92400eeb}.primary-button{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;cursor:pointer;border:0;width:100%;padding:16px 18px;font-size:15px;font-weight:700;box-shadow:0 14px 40px #2563eb59}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button{border-radius:var(--radius-pill);width:100%;color:var(--text-main);cursor:pointer;background:#f8fafce6;border:1px solid #0f172a26;padding:14px 18px;font-size:14px;font-weight:600}.helper-text{color:var(--text-muted);font-size:13px}.error-box{color:#fff1f2;background:#7f1d1df0;border:1px solid #fca5a559;border-radius:16px;margin-bottom:16px;padding:12px 14px;font-size:13px}::-webkit-scrollbar{display:none}@media (width<=640px){.auth-card{border-radius:24px;padding:24px}}.notification-stack{z-index:95;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:18px;right:18px}.notification-item{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:14px;padding:12px 14px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpFade;box-shadow:0 10px 28px #0f172a40}.notification-item.info{background:#1e40afeb}.notification-item.success{background:#065f46eb}.notification-item.warning{background:#92400ef2}.notification-item.error{background:#7f1d1df2}.notification-title{letter-spacing:.04em;opacity:.9;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.notification-message{font-size:13px;line-height:1.35}.brand-logo-shell{background:#fffffff5;border:1px solid #ffffff2e;border-radius:22px;padding:10px 14px;display:block;box-shadow:0 14px 30px #0f172a3d}.brand-logo-image{width:100%;height:auto;display:block}.impersonation-banner{z-index:85;color:#ecfeff;background:linear-gradient(135deg,#0e7490f0,#1e40afeb);border:1px solid #7dd3fc61;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(640px,100vw - 24px);margin:10px auto 0;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 16px 30px #0f172a59}.impersonation-banner p{margin:0;font-size:13px;line-height:1.35}.impersonation-banner button{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.impersonation-banner button:hover{background:#ffffff47}.super-admin-create-card{background:radial-gradient(circle at 100% 0%, #3b82f638, transparent 40%), radial-gradient(circle at 0% 100%, #10b98121, transparent 34%), var(--bg-glass-card);overflow:hidden}.super-admin-close-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#0f172a73;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.super-admin-close-btn:hover{color:#fff;border-color:#fff3}.super-admin-create-header{gap:8px;max-width:560px;margin-bottom:20px;display:grid}.super-admin-create-badge{letter-spacing:.04em;text-transform:uppercase;color:#dbeafe;background:#1e40af6b;border:1px solid #93c5fd61;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.super-admin-create-header h3{letter-spacing:-.02em;font-size:22px;font-weight:700}.super-admin-create-header p{color:var(--text-muted);font-size:14px}.super-admin-error-box{color:#fee2e2;background:#7f1d1d75;border:1px solid #f8717152;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:500}.super-admin-form-grid{grid-template-columns:1fr;gap:14px;display:grid}.super-admin-section-title{letter-spacing:.05em;text-transform:uppercase;color:#bfdbfef2;margin-top:4px;font-size:12px;font-weight:700}.super-admin-divider{background:linear-gradient(90deg,#0000,#94a3b873,#0000);width:100%;height:1px;margin:8px 0}.super-admin-field{gap:8px;display:grid}.super-admin-field label{color:#dbeafe;font-size:13px;font-weight:600}.super-admin-field small{color:var(--text-muted);font-size:12px}.super-admin-input-shell{transition:var(--transition-smooth);background:#0f172a94;border:1px solid #94a3b838;border-radius:16px;align-items:center;gap:10px;padding:0 12px;display:flex}.super-admin-input-shell svg{color:#94a3b8e0;flex-shrink:0}.super-admin-input-shell:focus-within{background:#0f172ac7;border-color:#60a5fae6;box-shadow:0 0 0 3px #3b82f62e}.super-admin-input-shell input{width:100%;color:var(--text-main);font:inherit;background:0 0;border:0;outline:none;padding:13px 0}.super-admin-input-shell input::placeholder{color:#94a3b8cc}.super-admin-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.super-admin-secondary-btn,.super-admin-primary-btn{letter-spacing:.01em;cursor:pointer;border:0;border-radius:12px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700}.super-admin-secondary-btn{color:#dbeafe;background:#1e293ba6;border:1px solid #94a3b83d}.super-admin-primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 28px #2563eb5c}.super-admin-primary-btn:disabled{opacity:.72;cursor:wait}@media (width>=860px){.super-admin-form-grid{grid-template-columns:1fr 1fr}.super-admin-field-full,.super-admin-section-title,.super-admin-divider,.super-admin-actions{grid-column:1/-1}}@media (width<=680px){.impersonation-banner{border-radius:14px;flex-direction:column;align-items:flex-start;margin-top:8px}.impersonation-banner button{width:100%}.super-admin-create-card{padding:20px 16px}.super-admin-actions{flex-direction:column-reverse}.super-admin-secondary-btn,.super-admin-primary-btn{width:100%}}