.auth-page{opacity:0;z-index:100;background:#06080f;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.auth-page.auth-mounted{opacity:1}.auth-canvas{opacity:.5;z-index:0;width:100%;height:100%;position:absolute;inset:0}.auth-gradient-bg{z-index:1;background:radial-gradient(80% 60% at 20% 80%,#6366f114 0%,#0000 60%),radial-gradient(60% 50% at 80% 20%,#06b6d40f 0%,#0000 60%),radial-gradient(40% 40%,#a855f70a 0%,#0000 50%);position:absolute;inset:0}.auth-particles{z-index:2;pointer-events:none;position:absolute;inset:0}.auth-particle{background:#6366f166;border-radius:50%;animation:linear infinite particle-float;position:absolute}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}50%{opacity:.6;transform:translateY(-100px)translate(30px)scale(1.5)}90%{opacity:.2}}.auth-orbital-container{z-index:2;pointer-events:none;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-orbital{border:1px solid #0000;border-radius:50%;position:absolute;inset:0}.auth-orbital-1{border-color:#6366f114;animation:20s linear infinite orbital-spin;inset:0}.auth-orbital-2{border-color:#06b6d40f;animation:30s linear infinite reverse orbital-spin;inset:60px}.auth-orbital-3{border-color:#a855f70d;animation:25s linear infinite orbital-spin;inset:130px}.auth-orbital-1:after,.auth-orbital-2:after,.auth-orbital-3:after{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-3px}.auth-orbital-1:after{background:#6366f199;box-shadow:0 0 12px #6366f166}.auth-orbital-2:after{background:#06b6d499;box-shadow:0 0 12px #06b6d466}.auth-orbital-3:after{background:#a855f799;box-shadow:0 0 12px #a855f766}@keyframes orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-card-wrapper{z-index:10;opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards card-entrance;position:relative;transform:translateY(30px)scale(.95)}@keyframes card-entrance{to{opacity:1;transform:translateY(0)scale(1)}}.auth-card{-webkit-backdrop-filter:blur(40px)saturate(1.5);background:#0f121ed9;border:1px solid #6366f11f;border-radius:24px;width:420px;max-width:92vw;padding:40px 36px 32px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 4px 60px #00000080,0 0 100px #6366f10d,inset 0 1px #ffffff0a}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d 30%,#06b6d44d 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-glow{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.auth-glow-1{background:#6366f126;width:200px;height:200px;animation:4s ease-in-out infinite glow-pulse;top:-60px;right:-40px}.auth-glow-2{background:#06b6d41a;width:180px;height:180px;animation:5s ease-in-out infinite reverse glow-pulse;bottom:-50px;left:-30px}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.auth-logo-section{text-align:center;margin-bottom:32px}.auth-logo{justify-content:center;align-items:center;gap:14px;display:flex}.auth-logo-icon{background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid #6366f133;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;animation:3s ease-in-out infinite logo-glow;display:flex}@keyframes logo-glow{0%,to{box-shadow:0 0 20px #6366f11a}50%{box-shadow:0 0 30px #6366f133}}.auth-logo-text h1{letter-spacing:3px;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:800;line-height:1.2}.auth-cursor{background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.auth-logo-text p{color:#64748b;letter-spacing:.5px;margin:2px 0 0;font-size:11px}.auth-tabs{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:28px;padding:4px;display:flex;position:relative}.auth-tab{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:color .3s;position:relative}.auth-tab-active{color:#e2e8f0}.auth-tab-indicator{background:#6366f11f;border:1px solid #6366f126;border-radius:8px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}.auth-tab-indicator-right{transform:translate(100%)}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) field-slide}@keyframes field-slide{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:80px;transform:translateY(0)}}.auth-field label{color:#94a3b8;letter-spacing:.3px;font-size:12px;font-weight:500}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#475569;pointer-events:none;transition:color .3s;position:absolute;left:14px}.auth-input-wrapper:focus-within .auth-input-icon{color:#818cf8}.auth-input{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;outline:none;width:100%;padding:13px 14px 13px 44px;font-family:inherit;font-size:14px;transition:all .3s}.auth-input::placeholder{color:#334155}.auth-input:focus{background:#6366f10a;border-color:#6366f166;box-shadow:0 0 0 3px #6366f114,0 0 20px #6366f10d}.auth-input-password{padding-right:44px}.auth-toggle-password{color:#475569;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .3s;display:flex;position:absolute;right:12px}.auth-toggle-password:hover{color:#94a3b8}.auth-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.5s cubic-bezier(.36,.07,.19,.97) error-shake;display:flex}@keyframes error-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #6366f14d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-submit:before{content:"";background:linear-gradient(135deg,#0000,#ffffff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.auth-submit:hover:not(:disabled):before{transform:translate(100%)}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff2,#5b56e8);transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d,0 0 40px #6366f11a}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;border-top:1px solid #ffffff0a;margin-top:24px;padding-top:20px}.auth-footer p{color:#475569;margin:0;font-size:13px}.auth-switch-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .3s}.auth-switch-btn:hover{color:#a5b4fc}.auth-security-badge{color:#475569;z-index:11;opacity:0;background:#ffffff08;border:1px solid #ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards card-entrance;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.auth-mfa-forced{flex-direction:column;gap:18px;display:flex}.auth-mfa-forced-banner{color:#a5b4fc;background:#6366f114;border:1px solid #6366f133;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.auth-mfa-required-note{color:#334155;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:11px;display:flex}.captcha-row{align-items:center;gap:10px;display:flex}.captcha-canvas-wrap{border:1px solid #6366f126;border-radius:10px;flex-shrink:0;line-height:0;transition:border-color .3s;overflow:hidden}.captcha-canvas-wrap.captcha-error-ring{border-color:#ef444480;box-shadow:0 0 0 2px #ef44441f}.captcha-canvas{border-radius:9px;display:block}.captcha-refresh{color:#64748b;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.captcha-refresh:hover{color:#818cf8;background:#6366f10f;border-color:#6366f14d;transform:rotate(180deg)}.captcha-input-error{background:#ef44440a!important;border-color:#ef444466!important}.auth-mfa-step{flex-direction:column;gap:20px;display:flex}.auth-mfa-step-header{background:#6366f10f;border:1px solid #6366f11f;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.auth-mfa-step-icon{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.auth-mfa-step-title{color:#e2e8f0;margin:0;font-size:14px;font-weight:600}.auth-mfa-step-sub{color:#64748b;margin:2px 0 0;font-size:12px}.auth-mfa-hint{color:#475569;text-align:center;margin:6px 0 0;font-size:11px}.auth-mfa-link{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 0 0;font-family:inherit;font-size:12px;transition:color .3s;display:flex}.auth-mfa-link:hover{color:#818cf8}.otp-grid{justify-content:center;gap:8px;display:flex}.otp-cell{text-align:center;letter-spacing:0;color:#e2e8f0;caret-color:#818cf8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;outline:none;width:46px;height:54px;font-family:Courier New,monospace;font-size:22px;font-weight:700;transition:all .2s}.otp-cell:focus{background:#6366f10f;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.otp-cell-filled{background:#6366f10a;border-color:#6366f14d}.mfa-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.25s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mfa-modal{background:#0c0e1cfa;border:1px solid #6366f12e;border-radius:20px;width:440px;max-width:95vw;max-height:90vh;padding:28px;animation:.35s cubic-bezier(.16,1,.3,1) modal-entrance;overflow-y:auto;box-shadow:0 0 0 1px #ffffff08,0 8px 60px #0009,0 0 80px #6366f10f}@keyframes modal-entrance{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.mfa-modal-header{border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;display:flex}.mfa-modal-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid #6366f133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.mfa-modal-title{color:#e2e8f0;margin:0;font-size:16px;font-weight:700}.mfa-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.mfa-close-btn{color:#64748b;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.mfa-close-btn:hover{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1a}.mfa-steps-bar{justify-content:center;align-items:center;gap:0;margin-bottom:24px;display:flex}.mfa-step-dot{color:#475569;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.mfa-step-dot.active{color:#818cf8;background:#6366f11f;border-color:#6366f199;box-shadow:0 0 12px #6366f133}.mfa-step-dot.done{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.mfa-step-line{background:#ffffff0f;width:40px;height:1px;transition:background .3s}.mfa-step-line.done{background:#4ade804d}.mfa-form{flex-direction:column;gap:18px;display:flex}.mfa-instructions{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.mfa-instructions strong{color:#c7d2fe}.mfa-qr-wrapper{border:1px solid #6366f133;border-radius:14px;width:180px;height:180px;margin:0 auto;position:relative;overflow:hidden}.mfa-qr-img{border-radius:13px;display:block}.mfa-qr-glow{pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);position:absolute;inset:-20px}.mfa-secret-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:12px 14px}.mfa-secret-label{color:#475569;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.mfa-secret-row{align-items:center;gap:8px;display:flex}.mfa-secret-code{color:#94a3b8;letter-spacing:1.5px;word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:12px;line-height:1.5}.mfa-secret-btn{color:#64748b;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.mfa-secret-btn:hover{color:#818cf8;border-color:#6366f14d}.mfa-otp-section{justify-content:center;padding:8px 0;display:flex}.mfa-back-btn{color:#475569;cursor:pointer;text-align:center;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;transition:color .2s}.mfa-back-btn:hover{color:#94a3b8}.mfa-danger-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.mfa-danger-btn:hover:not(:disabled){background:#ef44440f;border-color:#ef444466}.mfa-danger-btn:disabled{opacity:.5;cursor:not-allowed}.mfa-done{text-align:center;padding:8px 0}.mfa-done-icon{background:#4ade8014;border:1px solid #4ade8033;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.mfa-done-title{color:#e2e8f0;margin:0 0 8px;font-size:18px;font-weight:700}.mfa-done-desc{color:#64748b;margin:0 0 20px;font-size:13px;line-height:1.6}@media (max-width:480px){.auth-card{border-radius:20px;padding:28px 24px 24px}.auth-logo-text h1{font-size:20px}.auth-orbital-container{width:400px;height:400px}.otp-cell{width:38px;height:46px;font-size:18px}.captcha-canvas-wrap canvas{width:150px!important}}.sp-overlay{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sp-panel{background:#0a0c18fa;border:1px solid #6366f12e;border-radius:22px;flex-direction:column;width:580px;max-width:96vw;max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) modal-entrance;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 8px 60px #000000b3,0 0 80px #6366f10f}.sp-header{border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:14px;padding:22px 24px 20px;display:flex}.sp-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#06b6d414);border:1px solid #6366f133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sp-title{color:#e2e8f0;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.sp-subtitle{color:#475569;margin:2px 0 0;font-size:12px}.sp-close{color:#64748b;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.sp-close:hover{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1a}.sp-tabs{background:#ffffff03;border-bottom:1px solid #ffffff0a;flex-shrink:0;gap:2px;padding:6px 8px 0;display:flex;position:relative}.sp-tab{color:#475569;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .2s;display:flex;position:relative}.sp-tab:hover{color:#94a3b8}.sp-tab-active{color:#c7d2fe}.sp-tab-count{color:#818cf8;background:#6366f11f;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700}.sp-tab-slider-3{background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:2px 2px 0 0;width:calc(33.33% - 6px);height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:8px}.sp-tab-slider-3.sp-tab-slider-history{transform:translate(0)}.sp-tab-slider-3.sp-tab-slider-users{transform:translate(calc(100% + 4px))}.sp-tab-slider-3.sp-tab-slider-security{transform:translate(calc(200% + 8px))}.sp-tab-slider-4{background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:2px 2px 0 0;width:calc(25% - 6px);height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:8px}.sp-tab-slider-4.sp-tab-slider-history{transform:translate(0)}.sp-tab-slider-4.sp-tab-slider-users{transform:translate(calc(100% + 4px))}.sp-tab-slider-4.sp-tab-slider-security{transform:translate(calc(200% + 8px))}.sp-tab-slider-4.sp-tab-slider-outreach{transform:translate(calc(300% + 12px))}.sp-tab-slider{background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:2px 2px 0 0;width:calc(50% - 5px);height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:8px}.sp-tab-slider-right{transform:translate(calc(100% + 2px))}.sp-content{scrollbar-width:thin;scrollbar-color:#6366f133 transparent;flex:1;padding:20px 24px;overflow-y:auto}.sp-toolbar{gap:10px;margin-bottom:16px;display:flex}.sp-search-wrap{flex:1;align-items:center;display:flex;position:relative}.sp-search-wrap svg{color:#475569;pointer-events:none;position:absolute;left:11px}.sp-search{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 34px;font-family:inherit;font-size:13px;transition:all .2s}.sp-search:focus{background:#6366f10a;border-color:#6366f14d}.sp-search::placeholder{color:#334155}.sp-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#5b5fef,#4f46e5);border:1px solid #6366f14d;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#5b56e8);transform:translateY(-1px);box-shadow:0 4px 16px #6366f140}.sp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sp-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sp-btn-ghost:hover{color:#94a3b8;background:#ffffff08;border-color:#ffffff1f}.sp-btn-xs{padding:6px 10px;font-size:12px}.sp-create-form{background:#6366f10a;border:1px solid #6366f11f;border-radius:14px;flex-direction:column;gap:14px;margin-bottom:16px;padding:18px;display:flex}.sp-create-form-header{color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sp-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sp-form-grid>:last-child{grid-column:1/-1}.sp-field{flex-direction:column;gap:5px;display:flex}.sp-field label{color:#64748b;letter-spacing:.3px;font-size:11px;font-weight:500}.sp-input{color:#e2e8f0;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .2s}.sp-input:focus{background:#6366f10a;border-color:#6366f159}.sp-input::placeholder{color:#2d3748}.sp-input-sm{padding:7px 10px;font-size:12px}.sp-input-wrap{align-items:center;display:flex;position:relative}.sp-input-wrap .sp-input{padding-right:36px}.sp-pw-toggle{color:#475569;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex;position:absolute;right:8px}.sp-pw-toggle:hover{color:#94a3b8}.sp-create-actions{justify-content:flex-end;gap:8px;display:flex}.sp-user-list{flex-direction:column;gap:6px;display:flex}.sp-empty{color:#334155;flex-direction:column;align-items:center;gap:8px;padding:32px;font-size:13px;display:flex}.sp-user-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;transition:border-color .2s;overflow:hidden}.sp-user-card:hover{border-color:#ffffff14}.sp-user-card-expanded{border-color:#6366f126}.sp-user-card-row{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.sp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sp-user-info{flex:1;min-width:0}.sp-user-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.sp-user-meta{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.sp-badge-you{color:#818cf8;letter-spacing:.3px;background:#6366f11f;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:600}.sp-user-badges{flex-shrink:0;gap:6px;display:flex}.sp-badge-mfa{letter-spacing:.2px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:flex}.sp-badge-mfa-on{color:#4ade80;background:#4ade8014;border:1px solid #4ade8033}.sp-badge-mfa-off{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433}.sp-chevron{color:#334155;flex-shrink:0;transition:transform .25s}.sp-chevron-up{transform:rotate(180deg)}.sp-user-actions{border-top:1px solid #ffffff0a;flex-direction:column;gap:8px;margin-top:0;padding:0 14px 14px;display:flex}.sp-action-btn{color:#64748b;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:12px;transition:all .2s;display:flex}.sp-action-btn:hover:not(:disabled){color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}.sp-action-btn:disabled{opacity:.5;cursor:not-allowed}.sp-action-btn-warning:hover:not(:disabled){color:#fbbf24;background:#fbbf240a;border-color:#fbbf2433}.sp-action-btn-danger:hover:not(:disabled){color:#f87171;background:#ef44440a;border-color:#ef444433}.sp-action-btn-confirm{color:#f87171!important;background:#ef44440f!important;border-color:#ef44444d!important}.sp-action-form-wrap{background:#6366f108;border:1px solid #6366f11a;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.sp-action-form-label{color:#64748b;margin:0;font-size:11px}.sp-inline-form{flex-direction:column;gap:8px;display:flex}.sp-inline-actions{justify-content:flex-end;gap:6px;display:flex}.sp-feedback{color:#4ade80;background:#4ade800f;border:1px solid #4ade8026;border-radius:7px;padding:6px 10px;font-size:11px}.sp-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.sp-error-sm{padding:5px 8px;font-size:11px}.sp-spinner{border:2px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.sp-security-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.sp-stat-card{border:1px solid;border-radius:12px;padding:16px;position:relative;overflow:hidden}.sp-stat-green{background:#4ade800d;border-color:#4ade8026}.sp-stat-amber{background:#fbbf240d;border-color:#fbbf2426}.sp-stat-indigo{background:#6366f10d;border-color:#6366f126}.sp-stat-value{color:#e2e8f0;font-size:28px;font-weight:800;line-height:1}.sp-stat-label{color:#64748b;margin-top:4px;font-size:11px}.sp-stat-icon{opacity:.15;position:absolute;top:12px;right:12px}.sp-stat-green .sp-stat-icon{color:#4ade80}.sp-stat-amber .sp-stat-icon{color:#fbbf24}.sp-stat-indigo .sp-stat-icon{color:#818cf8}.sp-mfa-callout{color:#a5b4fc;background:#6366f10f;border:1px solid #6366f126;border-radius:12px;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:12px;display:flex}.sp-mfa-callout svg{flex-shrink:0;margin-top:2px}.sp-mfa-callout strong{color:#c7d2fe;margin-bottom:3px;font-size:13px;display:block}.sp-mfa-callout p{color:#64748b;margin:0;line-height:1.6}.sp-section-title{color:#334155;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.sp-mfa-list{flex-direction:column;gap:6px;display:flex}.sp-mfa-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sp-mfa-user-info{flex:1;min-width:0}.sp-mfa-user-name{color:#cbd5e1;font-size:13px;font-weight:600;display:block}.sp-mfa-user-sub{color:#475569;font-size:11px}.sp-reset-mfa-btn{color:#d97706;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fbbf2433;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .2s;display:flex}.sp-reset-mfa-btn:hover{background:#fbbf240f;border-color:#fbbf2466}.sp-policy-list{flex-direction:column;gap:6px;display:flex}.sp-policy-row{background:#ffffff04;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.sp-policy-label{color:#64748b;flex:1;font-size:12px}.sp-policy-value{color:#94a3b8;font-family:Courier New,monospace;font-size:12px}.sp-history-empty{text-align:center;color:#475569;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.sp-history-empty p{color:#64748b;margin:0;font-size:14px;font-weight:500}.sp-history-empty span{color:#334155;font-size:12px}.sp-capacity-bar{margin-bottom:14px}.sp-capacity-info{color:#475569;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.sp-capacity-warning{color:#f87171}.sp-capacity-track{background:#ffffff0a;border-radius:2px;height:3px;overflow:hidden}.sp-capacity-fill{border-radius:2px;height:100%;transition:width .4s,background .3s}.sp-history-list{flex-direction:column;gap:6px;display:flex}.sp-history-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;transition:border-color .2s;overflow:hidden}.sp-history-card:hover{border-color:#ffffff14}.sp-history-card-open{border-color:#6366f133}.sp-history-row{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.sp-company-avatar{color:#ffffffd9;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.sp-history-info{flex:1;min-width:0}.sp-history-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sp-history-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.sp-history-url{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.sp-history-sector{color:#818cf8;white-space:nowrap;background:#6366f114;border:1px solid #6366f126;border-radius:20px;padding:1px 7px;font-size:10px}.sp-history-scores{flex-shrink:0;gap:4px;display:flex}.sp-score-pill{border:1px solid;border-radius:8px;flex-direction:column;align-items:center;min-width:38px;padding:4px 7px;display:flex}.sp-score-pill-val{font-size:13px;font-weight:700;line-height:1}.sp-score-pill-lbl{opacity:.7;letter-spacing:.2px;margin-top:1px;font-size:9px;font-weight:600}.sp-history-time{color:#334155;white-space:nowrap;flex-shrink:0;font-size:11px}.sp-history-detail{border-top:1px solid #ffffff0a;flex-direction:column;gap:12px;padding:0 14px 14px;display:flex}.sp-history-stats-row{flex-wrap:wrap;gap:14px;padding-top:12px;display:flex}.sp-history-stat{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.sp-history-stat svg{color:#475569;flex-shrink:0}.sp-history-stat strong{color:#94a3b8}.sp-history-ops{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-history-op-chip{color:#64748b;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:flex}.sp-op-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sp-op-dot-seo{background:#4ade80}.sp-op-dot-marketing{background:#fbbf24}.sp-op-dot-automatizacion{background:#22d3ee}.sp-op-dot-conversion{background:#a78bfa}.sp-op-dot-contenido{background:#f87171}.sp-history-op-more{color:#475569;padding:4px 8px;font-size:11px}.sp-history-actions{flex-wrap:wrap;gap:6px;display:flex}.sp-action-btn-primary{color:#818cf8!important;background:#6366f10f!important;border-color:#6366f133!important}.sp-action-btn-primary:hover:not(:disabled){color:#a5b4fc!important;background:#6366f11a!important;border-color:#6366f166!important}.sp-btn-ghost-danger{color:#f87171!important;border-color:#ef44444d!important}@media (max-width:600px){.sp-security-stats{grid-template-columns:1fr 1fr}.sp-form-grid{grid-template-columns:1fr}.sp-form-grid>:last-child{grid-column:auto}.sp-history-scores,.sp-score-pill-lbl{display:none}.sp-history-stats-row{gap:10px}}