:root{--bg:#fafafa;--surface:#fff;--surface-raised:#f2f2f4;--border:#e2e2e5;--text:#1a1a1a;--text-muted:#6b6b70;--accent:#8a1414;--accent-hover:#a91f1f;--danger:#c62828;--success:#1e9e5a;--warning:#c17d05;--info:#2563a8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--shadow-accent:0 4px 14px rgba(138,20,20,.28)}[data-theme=dark]{--bg:#0b0b0d;--surface:#17171a;--surface-raised:#1f1f23;--border:#2a2a2e;--text:#f5f5f5;--text-muted:#9a9a9f;--accent:#8a1414;--accent-hover:#a91f1f;--danger:#e5484d;--success:#34c471;--warning:#e0a020;--info:#5b9bd5;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 12px 32px rgba(0,0,0,.45);--shadow-accent:0 4px 14px rgba(138,20,20,.4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;transition:background .15s ease,color .15s ease;-webkit-font-smoothing:antialiased}button{font-family:inherit}::selection{background:var(--accent);color:#fff}.tr-fade-in{animation:tr-fade-in .25s ease}@keyframes tr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes authPhotoKenBurnsFloat{0%{transform:scale(1) translate(0)}50%{transform:scale(1.08) translate(-1.5%,-1%)}to{transform:scale(1.14) translate(1%,1.5%)}}.auth-photo-animated{animation:authPhotoKenBurnsFloat 18s ease-in-out infinite alternate;will-change:transform}@media (prefers-reduced-motion:reduce){.auth-photo-animated{animation:none}}@keyframes authTypewriterBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:860px){.auth-page-main{flex-direction:column!important}.auth-hero-panel{display:block!important;flex:none!important;width:100%!important;height:220px!important;min-height:220px!important;position:relative!important;overflow:hidden!important}.hero-brand-header{top:16px!important;left:20px!important;gap:10px!important}.hero-brand-logo{width:34px!important;height:34px!important;border-radius:10px!important}.hero-brand-title{font-size:17px!important}.hero-brand-subtitle{font-size:10px!important}.hero-caption-box{bottom:16px!important;left:20px!important;right:20px!important}.hero-badge{font-size:11px!important;padding:4px 10px!important;margin-bottom:8px!important}.hero-title{font-size:18px!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hero-caption-text,.mobile-logo-header{display:none!important}.auth-form-panel{flex:1 1!important;padding:28px 20px 48px!important;margin-top:-16px!important;border-radius:20px 20px 0 0!important;background:var(--bg)!important;position:relative!important;z-index:10!important;box-shadow:0 -10px 30px rgba(0,0,0,.3)!important}.superadmin-card{flex-direction:column!important;border-radius:20px!important}.superadmin-hero-panel{display:flex!important;flex:none!important;width:100%!important;height:200px!important;min-height:200px!important;padding:16px 20px!important}.superadmin-brand-header{gap:8px!important}.superadmin-brand-logo{width:32px!important;height:32px!important}.superadmin-brand-title{font-size:16px!important}.superadmin-brand-sub{font-size:10px!important}.superadmin-caption-box{margin-top:auto!important}.superadmin-badge{font-size:10.5px!important;padding:3px 10px!important;margin-bottom:6px!important}.superadmin-title{font-size:17px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.superadmin-caption-text,.superadmin-footer-text{display:none!important}.superadmin-form-panel{padding:28px 20px 36px!important}}