@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:#f1f5f9;display:flex;font-family:Outfit,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-page:before{animation:meshMove 20s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 30%,#0066ff1a 0,#0000 40%),radial-gradient(circle at 70% 70%,#7c3aed1a 0,#0000 40%),radial-gradient(circle at 20% 80%,#00ccff14 0,#0000 30%),radial-gradient(circle at 80% 20%,#6366f114 0,#0000 30%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes meshMove{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,-50px) scale(1.1)}}.enterprise-layout{animation:slideInUp 1s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffffb3;border:1px solid #fff9;border-radius:32px;box-shadow:0 40px 100px -20px #0000001a;display:flex;max-width:1100px;min-height:720px;overflow:hidden;width:100%;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.brand-section{align-items:center;background:#0f172a;color:#fff;display:flex;flex:1.3 1;flex-direction:column;justify-content:center;padding:80px 60px;position:relative;text-align:center}.brand-section:after{animation:pulseGlow 4s ease-in-out infinite;background:radial-gradient(circle,#0066ff26 0,#0000 70%);content:"";height:300px;position:absolute;width:300px;z-index:0}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.logo-container{align-items:center;animation:fadeInDown 1s ease-out .2s both;display:flex;flex-direction:column;gap:24px;margin-bottom:50px;z-index:1}.brand-logo{animation:floatLogo 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,102,255,.5));height:auto;width:200px}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#fff9);-webkit-background-clip:text;background-clip:text;font-size:4.2rem;font-weight:800;letter-spacing:-3px;line-height:1;margin:0}.brand-description{animation:fadeIn 1s ease-out .5s both;max-width:480px;z-index:1}.brand-description h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:20px}.brand-description p{color:#ffffffb3;font-size:1.2rem;line-height:1.6}.copyright-notice{animation:fadeIn 1s ease-out .7s both;color:#fff6;font-size:.95rem;margin-top:auto;z-index:1}.form-section{background:#fff3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.login-form-container{animation:fadeIn 1s ease-out .4s both;margin:0 auto;max-width:400px;width:100%}.form-section h2{color:#1e293b;font-size:2.4rem;font-weight:800;margin-bottom:40px}.form-group{margin-bottom:28px}.form-group label{color:#475569;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.form-group input{background:#fff!important;border:2px solid #e2e8f0;border-radius:20px;color:#0f172a!important;font-size:1.1rem;font-weight:500;padding:18px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus{background:#fff!important;border-color:#06f;box-shadow:0 10px 20px -5px #0066ff26;outline:none;transform:translateY(-2px)}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 60px #fff!important}.login-btn{background:linear-gradient(135deg,#06f,#04b);border:none;border-radius:20px;box-shadow:0 15px 30px -10px #06f6;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:15px;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.login-btn:after{animation:sweep 4s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:rotate(30deg);width:20%}@keyframes sweep{0%{left:-60%}30%{left:150%}to{left:150%}}.login-btn:hover:not(:disabled){box-shadow:0 25px 45px -10px #0066ff80;filter:brightness(1.1);transform:translateY(-5px) scale(1.02)}.login-btn:active:not(:disabled){transform:translateY(-2px) scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.divider{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;font-weight:700;letter-spacing:2px;margin:35px 0;text-align:center;text-transform:uppercase}.divider:after,.divider:before{border-bottom:2px solid #f1f5f9;content:"";flex:1 1}.divider:not(:empty):before{margin-right:1.5rem}.divider:not(:empty):after{margin-left:1.5rem}.google-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #0000000d;color:#1e293b;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.google-btn:hover:not(:disabled){background:#fff;border-color:#06f;box-shadow:0 15px 30px #00000014;transform:translateY(-4px) scale(1.01)}.google-btn:active:not(:disabled){transform:translateY(-1px) scale(.99)}.switch-mode-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:1rem;font-weight:700;margin-top:35px;width:100%}.switch-mode-btn:hover{color:#1e40af;text-decoration:underline}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.brand-section{padding:60px 40px}.brand-name{font-size:3.2rem}}@media (max-width:900px){.enterprise-layout{flex-direction:column;max-width:500px;min-height:auto}.brand-section{border-bottom:10px solid #f1f5f9;border-right:none;padding:60px 30px}.brand-name{font-size:3rem}.brand-logo{width:150px}}:root{--primary:#06f;--primary-dark:#0052cc;--primary-light:#3385ff;--primary-ultra-light:#e6f0ff;--secondary:#7c3aed;--secondary-dark:#6d28d9;--secondary-light:#a78bfa;--secondary-ultra-light:#f3eeff;--success:#10b981;--success-dark:#059669;--success-light:#34d399;--warning:#f59e0b;--warning-dark:#d97706;--warning-light:#fbbf24;--danger:#ef4444;--danger-dark:#dc2626;--danger-light:#f87171;--background:#fff;--background-secondary:#f8fafc;--surface:#fff;--surface-elevated:#fff;--surface-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 10px 25px -5px #0066ff4d;--shadow-secondary:0 10px 25px -5px #7c3aed4d;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-size:16px}body{background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-tight);margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:40px;font-size:var(--font-size-3xl)}h2{font-size:32px;font-size:var(--font-size-2xl)}h3{font-size:24px;font-size:var(--font-size-xl)}h4{font-size:20px;font-size:var(--font-size-lg)}h5{font-size:16px;font-size:var(--font-size-md)}h6{font-size:14px;font-size:var(--font-size-sm)}p{margin-bottom:16px;margin-bottom:var(--spacing-md)}a{color:#06f;color:var(--primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#0052cc;color:var(--primary-dark)}.btn{border-radius:var(--radius-lg);display:inline-flex;font-size:16px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#06f;background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:#0052cc;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#7c3aed;background:var(--secondary);color:#fff;color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background:#6d28d9;background:var(--secondary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:#10b981;background:var(--success);color:#fff;color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:#059669;background:var(--success-dark)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff;color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--danger-dark)}.btn-outline{background:#0000;border:2px solid #06f;border:2px solid var(--primary);color:#06f;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#06f;background:var(--primary);color:#fff;color:var(--text-inverse)}.btn-ghost{background:#0000;color:#1e293b;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:#fff;background:var(--background)}.btn-sm{font-size:14px;font-size:var(--font-size-sm);min-height:36px;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:20px;font-size:var(--font-size-lg);min-height:52px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-base)}.card:hover{border-color:#3385ff;border-color:var(--primary-light);box-shadow:0 10px 25px -5px #0066ff4d;box-shadow:var(--shadow-primary);transform:translateY(-4px)}.card-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--border-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.input,.select,.textarea{background:#fff;background:var(--surface);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-md);min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 3px #e6f0ff;box-shadow:0 0 0 3px var(--primary-ultra-light);outline:none}.input::placeholder,.textarea::placeholder{color:#94a3b8;color:var(--text-tertiary)}.textarea{min-height:120px;resize:vertical}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.badge-primary{background:linear-gradient(135deg,#e6f0ff,#e6f0ff);background:linear-gradient(135deg,var(--primary-ultra-light),#e6f0ff);border:1px solid #3385ff;border:1px solid var(--primary-light);color:#0052cc;color:var(--primary-dark)}.badge-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #34d399;border:1px solid var(--success-light);color:#059669;color:var(--success-dark)}.badge-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border:1px solid var(--warning-light);color:#d97706;color:var(--warning-dark)}.badge-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #f87171;border:1px solid var(--danger-light);color:#dc2626;color:var(--danger-dark)}.badge-secondary{background:linear-gradient(135deg,#f3eeff,#f3eeff);background:linear-gradient(135deg,var(--secondary-ultra-light),#f3eeff);border:1px solid #a78bfa;border:1px solid var(--secondary-light);color:#6d28d9;color:var(--secondary-dark)}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#06f;border:4px solid var(--border-light);border-top-color:var(--primary)}.modal-backdrop{align-items:center;animation:fadeIn .3s ease;animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal-backdrop)}.modal{animation:slideUp .3s ease;animation:slideUp var(--transition-base);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;padding:var(--spacing-xl);width:100%}.modal,.toast{background:#fff;background:var(--surface)}.toast{animation:slideInRight .3s ease;animation:slideInRight var(--transition-base);border-radius:12px;border-radius:var(--radius-lg);bottom:24px;bottom:var(--spacing-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:400px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:24px;right:var(--spacing-lg);z-index:1070;z-index:var(--z-tooltip)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left:4px solid #10b981;border-left:4px solid var(--success)}.toast-warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.toast-danger{border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.container{margin:0 auto;max-width:1200px;padding:0 24px;padding:0 var(--spacing-lg);width:100%}.grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){:root{--font-size-3xl:32px;--font-size-2xl:24px;--font-size-xl:20px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.modal{padding:24px;padding:var(--spacing-lg)}.toast{bottom:16px;bottom:var(--spacing-md);left:16px;left:var(--spacing-md);max-width:none;right:16px;right:var(--spacing-md)}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.rounded-sm{border-radius:4px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.hidden{display:none}.visible{display:block}.fade-in{animation:fadeIn .3s ease;animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp .3s ease;animation:slideUp var(--transition-base)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border-bottom:1px solid #2196f34d;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 12px #2196f31a;box-shadow:var(--shadow-light);box-sizing:border-box;display:flex;height:64px;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}:root{--primary-blue:#2196f3;--light-blue:#e3f2fd;--dark-blue:#1976d2;--white:#fff;--off-white:#f5f5f7;--gray-text:#1d2525;--gray-secondary:#4b5e5e;--success-green:#34c759;--error-red:#ff3b30;--shadow-light:0 4px 12px #2196f31a;--shadow-medium:0 8px 24px #2196f326;--glass-bg:#fffffff2;--glass-border:#2196f34d;--gradient-button:linear-gradient(45deg,#2196f3,#42a5f5)}.header-brand,.logo{align-items:center;display:flex}.logo{color:#1d2525;color:var(--gray-text);font-size:1.5rem;font-weight:700;gap:.5rem;letter-spacing:-.02em;margin:0}.logo-icon{fill:#2196f3;fill:var(--primary-blue);height:24px;width:24px}.navigation{display:flex;flex:1 1;gap:.75rem;justify-content:center}.nav-item{border-radius:8px;color:#1d2525;color:var(--gray-text);font-size:.875rem;min-width:100px;padding:.5rem 1rem;position:relative;transition:background-color .2s ease,transform .2s ease,color .2s ease}.nav-item:hover{background:#e3f2fd;background:var(--light-blue);transform:translateY(-1px)}.nav-item.active{color:#2196f3;color:var(--primary-blue);font-weight:600}.nav-item.active:after{background:linear-gradient(45deg,#2196f3,#42a5f5);background:var(--gradient-button);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.nav-item:focus{outline:2px solid #2196f3;outline:2px solid var(--primary-blue);outline-offset:2px}.nav-icon{fill:currentColor;height:20px;margin-right:.5rem;width:20px}.header-actions{align-items:center}.logout-btn{background:#ff3b30;background:var(--error-red);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease,transform .2s ease}.logout-btn:focus,.logout-btn:hover{background:#d32f2f;transform:scale(1.02)}.logout-btn:focus{outline:2px solid #ff3b30;outline:2px solid var(--error-red);outline-offset:2px}@media (max-width:768px){.header{flex-direction:column;gap:1rem;height:auto;padding:1rem}.navigation{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-item{font-size:.75rem;min-width:80px;padding:.5rem}.nav-icon{height:18px;width:18px}.logo{font-size:1.25rem}}@media (max-width:480px){.header{padding:.75rem}.nav-item{min-width:70px;padding:.4rem}.logout-btn{font-size:.75rem;padding:.4rem .8rem}}@media (prefers-reduced-motion:reduce){.logout-btn,.nav-item{transition:none}.logout-btn:hover,.nav-item:hover{transform:none}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.header{background:#fff;background:var(--white)}}.home-screen{animation:fadeIn .6s ease}.welcome-section{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-primary);color:var(--text-inverse);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.welcome-section:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;position:absolute;right:-20%;top:-50%;width:100%}.welcome-content h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px #0000001a}.welcome-content p{font-size:var(--font-size-lg);margin:0;opacity:.9}.date-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);text-transform:capitalize}.stats-section{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card.primary:hover{border-color:var(--primary-light)}.stat-card.secondary:hover{border-color:var(--secondary-light)}.stat-card.accent:hover{border-color:var(--success-light)}.stat-icon{align-items:center;background:var(--background-secondary);border-radius:var(--radius-xl);display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.stat-card.primary .stat-icon{background:var(--primary-ultra-light);color:var(--primary)}.stat-card.secondary .stat-icon{background:var(--secondary-ultra-light);color:var(--secondary)}.stat-card.accent .stat-icon{background:#ecfdf5;color:var(--success)}.stat-info h3{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.stat-info h3,.stat-number{margin-bottom:var(--spacing-xs)}.stat-number{color:var(--text-primary)}.stat-info p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.stat-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.stat-sub-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.stat-sub-value.online{color:var(--success)}.stat-sub-value.offline{color:var(--danger)}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0;text-decoration:underline}.btn-link:hover{color:var(--primary-dark)}.quick-actions{margin-bottom:var(--spacing-2xl)}.quick-actions h2{margin-bottom:var(--spacing-lg)}.actions-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.action-card{align-items:flex-start;background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:left;transition:all var(--transition-base)}.action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-5px)}.action-icon{align-items:center;background:var(--primary-ultra-light);border-radius:var(--radius-lg);color:var(--primary);display:flex;font-size:24px;height:48px;justify-content:center;transition:all var(--transition-base);width:48px}.action-card:hover .action-icon{background:var(--primary);color:var(--text-inverse);transform:scale(1.1) rotate(5deg)}.action-card h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.action-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.recent-section{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.btn-text{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:var(--font-weight-medium)}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recent-item{align-items:center;background:var(--background-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;padding:var(--spacing-md);transition:all var(--transition-base)}.recent-item:hover{background:var(--surface-hover);transform:translateX(5px)}.recent-icon{align-items:center;background:var(--secondary-ultra-light);border-radius:var(--radius-md);color:var(--secondary);display:flex;font-size:20px;height:40px;justify-content:center;margin-right:var(--spacing-md);width:40px}.recent-info{flex:1 1}.recent-info h4{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs) 0}.recent-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.recent-status{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.modal-lg{max-width:900px;width:95%}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.btn-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xl)}.tv-details-content,.tv-stats-summary{margin-bottom:var(--spacing-lg)}.tv-stats-summary{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.summary-item{align-items:center;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.summary-item.online{background:#ecfdf5;color:var(--success-dark)}.summary-item.offline{background:#fef2f2;color:var(--danger-dark)}.summary-item.total{background:var(--background-secondary);color:var(--text-primary)}.summary-item .label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.summary-item .value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.tv-table-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.tv-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.tv-table td,.tv-table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-md);text-align:left}.tv-table th{background:var(--background-secondary);color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.tv-table tr:last-child td{border-bottom:none}.modal-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-md)}@media (max-width:1024px){.actions-grid,.stats-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.welcome-section{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.actions-grid,.stats-section,.tv-stats-summary{grid-template-columns:1fr}}.status-pulse-container{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.status-dot{box-shadow:0 0 10px var(--success);height:12px;width:12px;z-index:2}.status-dot,.status-pulse{background-color:var(--success);border-radius:50%}.status-pulse{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;height:100%;opacity:.6;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.5)}80%,to{opacity:0;transform:scale(2)}}.tv-registration-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tv-registration-modal{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:24px}.modal-title h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin:0}.modal-subtitle{color:#64748b;font-size:.95rem;margin:8px 0 0}.connection-code-badge{align-items:center;background-color:#e0f2fe;border-radius:8px;display:inline-flex;gap:8px;margin-top:16px;padding:8px 16px}.code-label{color:#0369a1;font-size:.875rem;font-weight:600}.code-value{color:#0284c7;font-family:monospace;font-size:1.25rem;font-weight:800;letter-spacing:1px}.mandatory-alert{align-items:center;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:8px;color:#c2410c;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-top:16px;padding:12px}.modal-scroll-content{max-height:60vh;overflow-y:auto;padding:24px}.form-group{margin-bottom:24px}.form-label{color:#334155;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.form-input{border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.option-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px;text-align:left;transition:all .2s}.option-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.option-btn.selected{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.location-summary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-top:10px;padding:20px}.summary-header{align-items:center;color:#3b82f6;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.summary-text{color:#475569;font-weight:500;line-height:1.5}.modal-footer{background-color:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.custom-input-container{margin-top:12px}.helper-text{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;font-style:italic;gap:6px;margin-top:8px}.devices-screen{min-height:100vh;padding:var(--spacing-xl) 0}.screen-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.header-actions{gap:var(--spacing-md)}.screen-header h1{margin-bottom:var(--spacing-xs)}.text-secondary{color:var(--text-secondary);font-size:var(--font-size-md)}.stats-grid{gap:var(--spacing-lg)}.stat-card-clickable{cursor:pointer;position:relative;transition:all var(--transition-base)}.stat-card-clickable:after{bottom:var(--spacing-xs);color:var(--text-tertiary);content:"👆 Click para filtrar";font-size:var(--font-size-xs);left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-base)}.stat-card-clickable:hover:after{opacity:1}.stat-card-clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px) scale(1.05)}.stat-card-clickable.active{background:linear-gradient(135deg,var(--primary-ultra-light),#e6f0ff);border:2px solid var(--primary);box-shadow:var(--shadow-primary)}.stat-label{margin-bottom:var(--spacing-xs)}.stat-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.filters-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.filters-bar .select{flex:1 1;min-width:200px}.tv-list{margin-top:var(--spacing-xl)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.empty-state,.loading-container{padding:var(--spacing-3xl)}.empty-icon{margin-bottom:var(--spacing-lg)}.empty-state h3{margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);margin-bottom:0}.tv-card{border:2px solid #0000;cursor:pointer;transition:all var(--transition-base)}.tv-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tv-card.selected{background:var(--primary-ultra-light);border-color:var(--primary)}.tv-card-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.tv-card-header h3{flex:1 1;font-size:var(--font-size-lg);margin:0}.tv-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tv-info-row{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between}.tv-info-row .label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.tv-info-row .value{color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:right}.tv-card-footer{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.modal-actions{gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.screen-header{flex-direction:column;gap:var(--spacing-md)}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.grid-cols-3,.grid-cols-4,.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filters-bar .select{width:100%}}.profile-screen{min-height:100vh;padding:var(--spacing-xl) 0}.profile-header{padding:var(--spacing-2xl);text-align:center}.avatar-container{margin-bottom:var(--spacing-lg)}.avatar,.avatar-container{display:flex;justify-content:center}.avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;box-shadow:var(--shadow-lg);color:var(--text-inverse);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);height:120px;width:120px}.user-name{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.user-email{color:var(--text-secondary)}.role-badge,.user-email{margin-bottom:var(--spacing-md)}.role-badge{background:var(--primary-ultra-light);border-radius:var(--radius-full);color:var(--primary-dark);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-lg)}.role-badge.super-admin{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:var(--font-weight-bold)}.location-info{margin:var(--spacing-md) 0}.location-text{color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.region-text,.user-since{color:var(--text-secondary);font-size:var(--font-size-sm)}.section{margin-top:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-xl);text-align:center}.stat-number{color:var(--primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.info-card{padding:var(--spacing-lg)}.info-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:var(--spacing-md) 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.info-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.actions-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.modal-large{max-height:85vh;max-width:900px;overflow-y:auto}.users-list{margin:var(--spacing-lg) 0;max-height:500px;overflow-y:auto}.user-item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.user-info h3{margin-bottom:var(--spacing-xs)}.user-email-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.created-by-text,.user-location-text,.user-status-text{color:var(--text-secondary);font-size:var(--font-size-xs)}.user-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-type-selector{display:flex;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.user-type-button{background:var(--surface);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.user-type-button:hover{background:var(--primary-ultra-light);border-color:var(--primary)}.user-type-button.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.user-type-description{background:var(--background);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.create-user-form{margin:var(--spacing-lg) 0}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-primary);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.warning-text{color:var(--warning-dark);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.help-text{background:var(--primary-ultra-light);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.help-text-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.help-text ul{list-style:none;padding:0}.help-text li{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md)}.help-text li:before{color:var(--primary);content:"•";margin-right:var(--spacing-sm)}@media (max-width:768px){.avatar{font-size:var(--font-size-2xl);height:80px;width:80px}.actions-grid,.form-row,.stats-grid{grid-template-columns:1fr}.user-item{flex-direction:column;gap:var(--spacing-md)}.user-actions{flex-direction:row;width:100%}.user-type-selector{flex-direction:column}}.presentations-screen{animation:fadeIn .4s ease;background-color:#f8fafc;min-height:100vh;padding:var(--spacing-xl) 0}.presentations-screen.loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:50vh}.presentations-header{align-items:center;animation:slideDown .8s ease;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-primary);color:var(--text-inverse);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.presentations-header:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;pointer-events:none;position:absolute;right:-20%;top:-50%;width:100%}.header-info{position:relative;z-index:1}.header-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:var(--text-inverse);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.5px;margin-bottom:4px;text-shadow:0 4px 8px #0003}.presentations-count{color:#ffffffe6;font-size:var(--font-size-md);font-weight:500;text-shadow:0 1px 2px #0000001a}.tv-status{position:relative;z-index:1}.tv-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-lg);color:#fff;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.tv-indicator.connected{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 15px #fff3}.tv-indicator.disconnected{opacity:.7}.tv-icon{fill:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:20px;width:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.empty-presentations{background:#fff;border:1px dashed #cbd5e1;border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:64px 24px;text-align:center}.empty-icon{fill:#94a3b8;height:64px;margin:0 auto 16px;opacity:.5;width:64px}.empty-presentations h3{color:#334155;font-size:var(--font-size-lg);margin-bottom:8px}.empty-presentations p{color:#64748b;font-size:var(--font-size-md)}.presentations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0 4px}.presentation-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease-in-out}.presentation-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.presentation-info{cursor:pointer;flex:1 1;padding:20px}.info-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.presentation-title{color:#0f172a;font-size:18px;font-weight:600;line-height:1.4;margin:0}.live-badge{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.live-icon{animation:pulse-red 2s infinite;background-color:#dc2626;border-radius:50%;height:8px;width:8px}.info-content{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.info-item{color:#64748b;font-size:13px;font-weight:500;gap:6px}.info-icon{fill:#94a3b8;height:16px;width:16px}.presentation-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:12px 20px}.presentation-actions button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;height:36px;justify-content:center;padding:8px 16px;transition:all .2s}.action-icon{fill:currentColor;height:16px;width:16px}.btn-view{background:#fff;border:1px solid #cbd5e1;color:#475569}.btn-view:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.btn-send{background:#2563eb;border:1px solid #2563eb;color:#fff}.btn-send:hover:not(.disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-send.disabled{background:#e2e8f0;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.btn-delete{background:#0000;border:1px solid #0000;color:#94a3b8;flex:0 0 auto!important;padding:0!important;width:36px}.btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;padding:2rem;width:90%}.modal-content h3{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.modal-content>p{color:#64748b;font-size:.95rem;margin:0 0 1.5rem}.modal-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.modal-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-actions button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.modal-actions button:hover:before{height:300px;width:300px}.modal-actions .btn-view{background:#f8fafc;border:2px solid #e2e8f0;color:#475569}.modal-actions .btn-view:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;color:#1e293b;transform:translateY(-2px)}.modal-actions .btn-send{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb4d;color:#fff}.modal-actions .btn-send:hover:not(:disabled){box-shadow:0 8px 20px #2563eb66;transform:translateY(-2px)}.modal-actions .btn-send:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed}.btn-confirm-delete{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;box-shadow:0 4px 14px #dc26264d;color:#fff}.btn-confirm-delete:hover{box-shadow:0 8px 20px #dc262666;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-red{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.presentations-header{align-items:flex-start;flex-direction:column;gap:16px}.presentation-actions{flex-wrap:wrap}.btn-delete{margin-top:8px;width:100%!important}}.presentation-preview{background:#000;display:flex;flex-direction:column;height:100%;position:relative}.presentation-preview.error,.presentation-preview.loading{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#007bff}.loading-text{color:#6c757d;font-size:16px}.error-icon,.error-text{margin-bottom:20px}.error-text{color:#2c3e50;text-align:center}.retry-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:8px;padding:12px 24px;transition:background .3s ease}.retry-button:hover{background:#0056b3}.back-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:8px;padding:12px 24px;transition:background .3s ease}.back-button:hover{background:#545b62}.preview-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.preview-title{color:#2c3e50;flex:1 1;font-size:18px;font-weight:700;margin:0 16px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.action-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.action-button:hover{background:#e9ecef}.preview-content{background:#000;flex:1 1;flex-direction:column}.media-container,.preview-content{align-items:center;display:flex;justify-content:center;position:relative}.media-container{height:70vh;width:100%}.no-media-container{color:#bdc3c7;padding:40px;text-align:center}.no-media-icon{font-size:64px;margin-bottom:16px}.no-media-text{font-size:16px}.error-container{background:#fdf2f2;border-radius:12px;color:#e74c3c;margin:20px;padding:40px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-text{font-size:18px;font-weight:700;margin-bottom:8px}.error-subtext{color:#7f8c8d;font-size:14px;margin-bottom:20px}.video-container{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-player{height:auto;max-height:100%;max-width:100%;width:auto}.image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.preview-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.play-button{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .3s ease;width:60px;z-index:10}.play-button:hover{background:#000000e6}.video-loading-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.video-loading-text{font-size:16px}.error-overlay{align-items:center;background:#000000e6;bottom:0;color:#e74c3c;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.error-overlay-text{font-size:16px;font-weight:700;margin:16px 0}.navigation-controls{align-items:center;background:#000c;display:flex;gap:40px;justify-content:center;padding:20px}.control-button{background:#ffffffe6;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s ease}.control-button:hover:not(.disabled){background:#fff;transform:translateY(-2px)}.control-button.disabled{cursor:not-allowed;opacity:.3}.slide-counter{color:#fff;font-size:16px;font-weight:700;min-width:80px;text-align:center}.thumbnails-container{background:#000000e6;border-top:1px solid #333;height:100px;padding:12px}.thumbnails-list{display:flex;gap:10px;overflow-x:auto;padding:4px}.thumbnail{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.thumbnail:hover{transform:scale(1.05)}.active-thumbnail{border-color:#007bff}.thumbnail-image{height:100%;object-fit:cover;width:100%}.video-indicator{background:#000000b3;border-radius:4px;font-size:10px;padding:2px 4px;position:absolute;right:4px;top:4px}.active-indicator{background:#007bff;bottom:0;height:3px;left:0;position:absolute;right:0}.fullscreen-modal{background:#000;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.fullscreen-header{background:#000c;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.close-fullscreen,.fullscreen-header{align-items:center;color:#fff;display:flex}.close-fullscreen{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:40px;justify-content:center;transition:background .3s ease;width:40px}.close-fullscreen:hover{background:#ffffff4d}.fullscreen-title{flex:1 1;font-size:18px;font-weight:700;margin:0 20px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fullscreen-content{flex:1 1;position:relative}.fullscreen-content,.fullscreen-controls{align-items:center;display:flex;justify-content:center}.fullscreen-controls{bottom:40px;gap:40px;left:0;padding:20px;position:absolute;right:0}@media (max-width:768px){.preview-header{padding:12px}.preview-title{font-size:16px;margin:0 12px}.media-container{height:60vh}.control-button{font-size:12px;min-width:80px;padding:10px 16px}.thumbnails-container{height:80px}.thumbnail{height:45px;width:60px}}@media (max-width:480px){.navigation-controls{gap:20px;padding:15px}.control-button{font-size:11px;min-width:70px;padding:8px 12px}.slide-counter{font-size:14px;min-width:60px}.thumbnails-list{gap:6px}.thumbnail{height:38px;width:50px}}.file-upload{animation:fadeIn .6s ease;min-height:100vh;padding:var(--spacing-2xl) 0}.file-upload-container{background-color:#f8f9fa;display:flex;height:calc(100vh - 64px);overflow:hidden}.upload-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;width:280px}.sidebar-section{border-bottom:1px solid #f1f3f4;padding:1.5rem 1rem}.sidebar-section.flex-grow{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto}.sidebar-header h3{color:#5f6368;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{align-items:center;background:none;border:none;border-radius:0 24px 24px 0;color:#3c4043;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;margin-right:1rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.nav-item:hover{background-color:#f1f3f4}.nav-item.active{background-color:#e8f0fe;color:#1a73e8}.nav-icon{font-size:1.2rem;margin-right:12px}.staged-files-list{display:flex;flex-direction:column;gap:.5rem}.empty-list-msg{color:#9aa0a6;font-size:.9rem;font-style:italic;margin-top:2rem;text-align:center}.mini-file-item{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:6px;display:flex;gap:.75rem;padding:.5rem;transition:box-shadow .2s}.mini-file-item:hover{box-shadow:0 1px 3px #0000001a}.mini-preview{align-items:center;background:#f1f3f4;border-radius:4px;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;overflow:hidden;width:32px}.mini-preview img{height:100%;object-fit:cover;width:100%}.mini-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.mini-name{color:#202124;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-size{color:#5f6368;font-size:.75rem}.mini-remove{align-items:center;background:none;border:none;border-radius:50%;color:#9aa0a6;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.mini-remove:hover{background-color:#fce8e6;color:#d93025}.sidebar-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:1rem}.total-size{color:#5f6368;font-size:.85rem;font-weight:500;text-align:right}.upload-main-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:2rem}.upload-header{margin-bottom:2rem}.upload-header h2{color:#202124;font-size:1.75rem;margin-bottom:.5rem}.upload-header{animation:slideDown .8s ease;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-primary);margin-bottom:var(--spacing-2xl);overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center}.upload-header:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.upload-header h2{color:var(--text-inverse);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);position:relative;text-shadow:0 2px 10px #0003;z-index:1}.upload-header p{color:#ffffffe6;font-size:var(--font-size-md);margin:0;position:relative;z-index:1}.error-messages{color:#202124;font-size:1.75rem;margin-bottom:.5rem}.breadcrumbs{align-items:center;color:#5f6368;display:flex;font-size:.9rem}.breadcrumbs .separator{margin:0 .5rem}.breadcrumbs .current{color:#1a73e8;font-weight:500}.upload-workspace{display:flex;flex-direction:column;flex-grow:1;gap:2rem;margin:0 auto;max-width:1200px;width:100%}.presentation-details-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.form-row{align-items:flex-start;display:flex;gap:1.5rem}.flex-grow{flex-grow:1}.form-group{gap:.5rem}.form-group label{color:#3c4043;font-size:.9rem;font-weight:500}.form-input{border:1px solid #dadce0;border-radius:6px;font-size:1rem;padding:.75rem}.form-input:focus{border-color:#1a73e8}.orientation-toggle{background:#f1f3f4;border-radius:8px;display:flex;padding:4px}.toggle-btn{background:none;border:none;border-radius:6px;color:#5f6368;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#1a73e8}.drop-zone{align-items:center;background-color:#fff;border:2px dashed #dadce0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem;text-align:center;transition:all .2s ease}.drop-zone.active,.drop-zone:hover{background-color:#f8faff;border-color:#1a73e8}.drop-content{pointer-events:none}.drop-icon{display:block;font-size:4rem;margin-bottom:1.5rem;opacity:.5}.drop-zone p{color:#202124;font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.drop-hint{color:#5f6368;font-size:.95rem}.drive-browser{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:500px}.drive-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;padding:1rem}.btn-back{background:none;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.btn-back:disabled{cursor:default;opacity:.5}.btn-back:hover:not(:disabled){background-color:#f1f3f4}.current-path{color:#202124;font-size:1.1rem;font-weight:500}.drive-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));overflow-y:auto;padding:1.5rem}.drive-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:background-color .2s}.drive-item:hover{background-color:#e8f0fe}.drive-icon{font-size:3rem;margin-bottom:.5rem}.drive-name{color:#3c4043;font-size:.9rem;line-height:1.3;word-break:break-word}.drive-add-hint{color:#1a73e8;font-size:.75rem;margin-top:.25rem;opacity:0;transition:opacity .2s}.drive-item:hover .drive-add-hint{opacity:1}.placeholder-source{align-items:center;color:#5f6368;display:flex;flex-direction:column;height:400px;justify-content:center}.source-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.staged-files-area{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.area-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.area-header h3{color:#202124;font-size:1.1rem}.area-header .hint{color:#5f6368;font-size:.85rem}.files-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-card{background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:grab;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.file-card:active{cursor:grabbing}.file-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.file-preview{align-items:center;background:#f1f3f4;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.file-preview img{height:100%;object-fit:cover;width:100%}.video-placeholder{font-size:2.5rem}.remove-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:24px}.file-card:hover .remove-btn{opacity:1}.file-meta{padding:.75rem}.file-name{color:#202124;display:block;font-size:.85rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#5f6368;display:block;font-size:.75rem}.file-order-badge{align-items:center;background:#1a73e8e6;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;left:4px;position:absolute;top:4px;width:20px}.upload-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.btn-create-presentation{align-items:center;background-color:#1a73e8;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-create-presentation:hover{background-color:#1557b0;box-shadow:0 2px 4px #0003}.btn-create-presentation:disabled{background-color:#dadce0;box-shadow:none;color:#9aa0a6;cursor:not-allowed}.upload-status{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background-color:#1a73e8;height:100%;transition:width .3s ease}.error-messages{background-color:#fce8e6;border:1px solid #fad2cf;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error-message{color:#d93025;font-size:.9rem;margin:.25rem 0}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.user-profile{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.user-profile.error,.user-profile.loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{border-top-color:#2196f3}.profile-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.profile-header h2{color:#000;font-size:28px;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.action-btn,.cancel-btn,.edit-btn,.logout-btn,.refresh-btn,.save-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:background-color .2s,opacity .2s}.edit-btn{background-color:#2196f3;border-color:#2196f3;color:#fff}.refresh-btn{background-color:#f8f9fa;border-color:#e9ecef;color:#666}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.save-btn{background-color:#34c759;border-color:#34c759;color:#fff}.cancel-btn{border:1px solid #e9ecef}.action-btn{background-color:#fff;border:2px solid #2196f3;color:#2196f3;display:block;margin-bottom:12px;padding:12px;text-align:center;width:100%}.premium-btn{background-color:#2196f3;border-color:#2196f3;color:#fff}.reconnect-btn{background-color:#ff9500;border-color:#ff9500;color:#fff}.logout-btn{background-color:#fff5f5;border-color:#fed7d7;color:#c53030;justify-content:center;margin-top:20px;width:100%}.profile-content{display:flex;gap:40px;padding:20px}.avatar-section{flex:1 1}.avatar-container{height:150px;position:relative;width:150px}.profile-avatar{object-fit:cover}.avatar-placeholder,.profile-avatar{border:2px solid #e9ecef;border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background-color:#2196f3;display:flex;justify-content:center}.avatar-text{color:#fff;font-size:48px;font-weight:700}.avatar-upload{background-color:#2196f3;border-radius:12px;bottom:0;color:#fff;cursor:pointer;font-size:12px;padding:8px;position:absolute;right:0;transition:background-color .2s}.avatar-upload:hover{background-color:#1976d2}.profile-info{flex:2 1}.edit-form{gap:16px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.form-input:focus{border-color:#2196f3;outline:none}.form-actions{display:flex;gap:12px;margin-top:16px}.view-mode{display:flex;flex-direction:column;gap:16px}.info-item{align-items:center;display:flex;gap:12px}.info-item strong{color:#000;font-size:16px;font-weight:600;width:150px}.info-item span{color:#666;font-size:16px}.plan-text{color:#2196f3;font-weight:700}.stats{display:flex;gap:24px;justify-content:space-between;margin-top:24px}.stat-item{flex:1 1;text-align:center}.stat-number{color:#2196f3;display:block;font-size:24px;font-weight:700}.stat-label{color:#666;font-size:14px}.account-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:20px;padding:20px}.account-info h3{color:#000;font-size:18px;font-weight:600;margin-bottom:16px}.actions-section{margin-top:20px}.actions-section h3{color:#000;font-size:18px;font-weight:600;margin-bottom:16px}button:hover:not(:disabled){opacity:.9}.sync-devices{background-color:#fff;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.sync-devices.loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{border:4px solid #e9ecef;border-top-color:#007aff;height:40px;width:40px}.spinner.small{height:20px;width:20px}.sync-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;margin-bottom:20px;padding:20px}.sync-header h2{color:#000;font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:#666;font-size:16px}.connected-section{padding:20px}.section-title{color:#000;font-size:18px;font-weight:600;margin-bottom:16px}.device-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:16px}.device-header{align-items:center;display:flex;margin-bottom:12px}.device-icon{font-size:24px;margin-right:12px}.device-header h4{color:#000;flex:1 1;font-size:18px;font-weight:600}.status-badge{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px}.status-badge.connected{background-color:#d4edda;color:#155724}.status-badge.disconnected{background-color:#f8d7da;color:#721c24}.device-info p{color:#666;font-size:14px;margin-bottom:4px}.online-status{color:#888;font-size:12px;font-style:italic}.device-actions{display:flex;gap:12px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:background-color .2s}.btn-primary{background-color:#007aff;border-color:#007aff;color:#fff}.btn-primary.disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#fff;border-color:#007aff;color:#007aff}.btn-danger{background-color:#fff5f5;border-color:#fed7d7;color:#c53030}.edit-btn{background-color:#fff;border-color:#007aff;color:#007aff}.manual-btn{border-width:2px;justify-content:center;padding:16px}.cancel-btn{background-color:#f8f9fa;border-color:#e9ecef;color:#666}.empty-devices{margin-top:20px;padding:40px;text-align:center}.empty-icon{color:#ccc;font-size:64px}.empty-devices h3{color:#000;font-size:20px;font-weight:600;margin:16px 0 8px}.empty-devices p{color:#666;font-size:16px;line-height:22px}.actions-section{display:flex;gap:12px;padding:20px}.modal-container{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:16px;max-width:400px;padding:24px;width:100%}.modal-content h3{color:#000;font-size:20px;font-weight:700;margin-bottom:8px}.modal-subtitle{color:#666;font-size:16px;line-height:22px;margin-bottom:24px}.code-input,.name-input{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:18px;font-weight:600;letter-spacing:2px;margin-bottom:24px;padding:16px;text-align:center;width:100%}.name-input{font-size:16px;font-weight:500;letter-spacing:normal;text-align:left}.modal-buttons{display:flex;gap:12px}.connected-users{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.connected-users.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{height:60px;margin-bottom:1.5rem;width:60px}.connected-users.loading p{font-size:1.2rem;opacity:.9}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem;padding:0 1rem}.users-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8f9fa);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 4px 20px #0000001a}.users-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;box-shadow:0 4px 15px #0000001a;font-size:1.1rem;font-weight:600;padding:.8rem 1.5rem}.users-list{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:3rem}.user-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.user-card:before{background:linear-gradient(135deg,#3498db,#2980b9);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.user-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-5px) scale(1.02)}.user-card:hover:before{background:linear-gradient(135deg,#e74c3c,#c0392b);width:6px}.user-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;box-shadow:0 4px 15px #3498db4d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:70px;justify-content:center;transition:all .3s ease;width:70px}.user-card:hover .user-avatar{box-shadow:0 6px 20px #3498db66;transform:scale(1.1)}.user-info{flex:1 1}.user-info h4{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.user-email{color:#7f8c8d;font-size:.95rem;font-weight:500;margin:0 0 .5rem}.user-role{background:linear-gradient(135deg,#27ae60,#229954);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.3rem 1rem;text-transform:uppercase}.user-status{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:16px;position:relative;width:16px}.status-indicator.online{background:#27ae60;box-shadow:0 0 0 #27ae6066}.status-indicator.away{background:#f39c12;box-shadow:0 0 0 #f39c1266}@keyframes pulse{0%{box-shadow:0 0 0 0 #27ae6066}70%{box-shadow:0 0 0 10px #27ae6000}to{box-shadow:0 0 0 0 #27ae6000}}.status-indicator.away{animation:pulseAway 2s infinite}@keyframes pulseAway{0%{box-shadow:0 0 0 0 #f39c1266}70%{box-shadow:0 0 0 10px #f39c1200}to{box-shadow:0 0 0 0 #f39c1200}}.last-active{color:#7f8c8d;font-size:.8rem;font-weight:500;white-space:nowrap}.users-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.stat:before{background:linear-gradient(90deg,var(--gradient-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat:first-child:before{--gradient-color:#3498db,#2980b9}.stat:nth-child(2):before{--gradient-color:#e74c3c,#c0392b}.stat:nth-child(3):before{--gradient-color:#27ae60,#229954}.stat:hover{box-shadow:0 15px 40px #0003;transform:translateY(-8px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#7f8c8d;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;margin:2rem 0;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.empty-state h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.empty-state p{color:#7f8c8d;font-size:1.1rem}.connected-users:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#7877c64d 0,#0000 50%),radial-gradient(circle at 90% 80%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 30% 70%,#78dbff33 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.user-role.admin{background:linear-gradient(135deg,#e74c3c,#c0392b)}.user-role.moderator{background:linear-gradient(135deg,#f39c12,#e67e22)}.user-role.usuario{background:linear-gradient(135deg,#3498db,#2980b9)}.user-card.new-user{animation:newUserHighlight 2s ease}@keyframes newUserHighlight{0%{background:#3498db4d;transform:scale(1)}50%{background:#3498db99;transform:scale(1.02)}to{background:#fffffff2;transform:scale(1)}}@media (max-width:768px){.connected-users{padding:1rem}.users-header{flex-direction:column;gap:1rem;text-align:center}.users-header h2{font-size:2rem}.user-card{flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center}.user-status{flex-direction:row;gap:1rem}.users-stats{grid-template-columns:1fr}.stat{padding:1.5rem 1rem}.stat-number{font-size:2.5rem}}@media (max-width:480px){.users-header h2{font-size:1.5rem}.users-count{font-size:.9rem;padding:.6rem 1.2rem}.user-avatar{font-size:1.2rem;height:60px;width:60px}.user-info h4{font-size:1.1rem}}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.users-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px}.users-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#1f618d)}.users-list.updating{position:relative}.users-list.updating:after{animation:pulse 2s infinite;background:#ffffffe6;border-radius:10px;color:#2c3e50;content:"🔄 Actualizando...";font-weight:600;left:50%;padding:1rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.main-app{background-color:var(--background-secondary);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:84px 20px 20px;width:100%}@media (max-width:768px){.main-content{padding:180px 16px 16px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen p{font-size:18px;font-weight:500}@media (max-width:768px){.loading-screen{padding:20px;text-align:center}.spinner{height:40px;width:40px}.loading-screen p{font-size:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.681cd6ef.css.map*/