:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--brand-primary: #e11d48;--brand-primary-hover: #be123c;--brand-secondary: #0f766e;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-glass: 0 8px 32px 0 rgba(15, 23, 42, .03);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(226, 232, 240, .8);--glass-blur: blur(12px);--status-success: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--status-info: #3b82f6;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-primary: #0b0f19;--bg-secondary: #131c2e;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--brand-primary: #f43f5e;--brand-primary-hover: #fb7185;--brand-secondary: #14b8a6;--border-color: #1e293b;--border-color-hover: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .5);--glass-bg: rgba(19, 28, 46, .7);--glass-border: rgba(30, 41, 59, .8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-md)}.premium-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.premium-card:hover{border-color:var(--border-color-hover)}.btn{font-family:var(--font-sans);font-weight:500;font-size:.9rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--border-color-hover)}.input-field{font-family:var(--font-sans);width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);outline:none;font-size:.95rem;transition:var(--transition-smooth)}.input-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e11d481a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}@keyframes pulseGlow{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-active{background-color:var(--status-success);box-shadow:0 0 8px var(--status-success);animation:pulseGlow 2s infinite ease-in-out}.status-paused{background-color:var(--status-warning);box-shadow:0 0 8px var(--status-warning)}.status-danger{background-color:var(--status-danger);box-shadow:0 0 8px var(--status-danger)}.modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000}.modal-content{width:100%;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.login-brand-panel{flex:1.2;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;padding:4rem;gap:2rem;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;top:-120px;left:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(225,29,72,.08) 0%,transparent 70%);pointer-events:none}.login-brand-panel:after{content:"";position:absolute;bottom:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(15,118,110,.07) 0%,transparent 70%);pointer-events:none}.login-brand-logo{display:flex;align-items:center;gap:.75rem}.login-brand-logo .logo-emoji{font-size:3rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(225,29,72,.3))}.login-brand-logo h1{font-size:3.5rem;font-weight:900;color:var(--brand-primary);font-family:var(--font-display);letter-spacing:-.04em}.login-brand-tagline{font-size:1.4rem;font-weight:400;color:var(--text-secondary);font-family:var(--font-display);line-height:1.3}.login-brand-description{color:var(--text-secondary);line-height:1.7;font-size:1rem;max-width:460px}.login-brand-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.login-brand-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:#e11d4812;border:1px solid rgba(225,29,72,.15);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--brand-primary);letter-spacing:.01em}.login-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.login-form-card{width:100%;max-width:440px;animation:loginCardIn .4s cubic-bezier(.16,1,.3,1) both}.login-mobile-logo{display:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;text-decoration:none}.login-mobile-logo .logo-emoji{font-size:1.8rem}.login-mobile-logo span{font-size:1.6rem;font-weight:900;color:var(--brand-primary);font-family:var(--font-display);letter-spacing:-.04em}.login-register-scroll{max-height:calc(100vh - 8rem);overflow-y:auto;padding-right:4px}@media (max-width: 1023px){.login-brand-panel{flex:0 0 340px;padding:3rem 2.5rem}.login-brand-logo h1{font-size:2.6rem}.login-brand-tagline{font-size:1.1rem}.login-brand-description{font-size:.9rem}.login-brand-badges{display:none}.login-form-panel{padding:2rem 1.5rem}}@media (max-width: 639px){.login-layout{flex-direction:column;min-height:100dvh}.login-brand-panel{display:none}.login-form-panel{flex:1;justify-content:flex-start;padding:1.5rem 1rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-mobile-logo{display:flex}.login-form-card{max-width:100%}.login-form-card .glass-panel{padding:1.5rem!important}.login-register-scroll{max-height:none;overflow-y:visible;padding-right:0}}@media (min-width: 1280px){.login-brand-panel{padding:5rem}.login-brand-logo h1{font-size:4rem}.login-brand-tagline{font-size:1.6rem}.login-brand-description{font-size:1.05rem}}.swal2-container{z-index:999999!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes breathe-red{0%{background-color:#ef44440d;border-color:#ef44444d;box-shadow:0 0 4px #ef44441a}50%{background-color:#ef444433;border-color:#ef444499;box-shadow:0 0 12px #ef44444d}to{background-color:#ef44440d;border-color:#ef44444d;box-shadow:0 0 4px #ef44441a}}@keyframes blink-amber{0%{background-color:#f59e0b33;border-color:#f59e0b99;box-shadow:0 0 12px #f59e0b4d}50%{background-color:#f59e0b0d;border-color:#f59e0b33;box-shadow:0 0 2px #f59e0b0d}to{background-color:#f59e0b33;border-color:#f59e0b99;box-shadow:0 0 12px #f59e0b4d}}@keyframes pulse{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.05);opacity:1}}