:root{--page-bg-color: #f8f9fa;--login-card-bg: rgba(255, 255, 255, .95);--login-card-border: rgba(0, 0, 0, .1);--text-color: #2c3e50;--text-secondary: rgba(44, 62, 80, .8);--text-muted: rgba(44, 62, 80, .5);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(0, 0, 0, .2);--input-focus-bg: rgba(255, 255, 255, 1);--input-focus-border: #4CAF50;--button-primary-bg: linear-gradient(135deg, #4CAF50, #45a049);--button-primary-hover: linear-gradient(135deg, #45a049, #3d8b40);--button-secondary-bg: rgba(244, 67, 54, .1);--button-secondary-border: rgba(244, 67, 54, .3);--button-secondary-color: #dc3545;--button-secondary-hover: rgba(244, 67, 54, .2);--theme-toggle-bg: rgba(255, 255, 255, .9);--theme-toggle-border: rgba(0, 0, 0, .1);--theme-toggle-color: rgba(44, 62, 80, .8);--theme-toggle-hover: rgba(0, 0, 0, .05);--global-header-bg: rgba(255, 255, 255, .95);--global-header-border: rgba(0, 0, 0, .1);--nav-link-color: rgba(44, 62, 80, .8);--nav-link-hover: rgba(44, 62, 80, 1);--nav-link-active: #4CAF50;--nav-link-active-bg: rgba(76, 175, 80, .1);--error-bg: rgba(244, 67, 54, .1);--error-border: rgba(244, 67, 54, .3);--error-color: #dc3545;--success-bg: rgba(76, 175, 80, .1);--success-border: rgba(76, 175, 80, .3);--success-color: #4CAF50;--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-bg: rgba(255, 255, 255, .95);--modal-border: rgba(0, 0, 0, .1);--dropdown-bg: rgba(255, 255, 255, .98);--dropdown-border: rgba(0, 0, 0, .08);--dropdown-shadow: rgba(0, 0, 0, .12);--menu-item-hover: rgba(0, 0, 0, .05);--menu-divider: rgba(0, 0, 0, .1);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(0, 0, 0, .1);--card-shadow: rgba(0, 0, 0, .1);--background-primary: rgba(255, 255, 255, .95);--background-secondary: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .15);--border-hover: rgba(0, 0, 0, .25);--user-popup-bg: rgba(255, 255, 255, .98);--user-popup-border: rgba(0, 0, 0, .08);--user-popup-shadow: rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-error: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);--gradient-subtle: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-overlay: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .02) 100%);--animation-duration: .3s;--animation-timing: cubic-bezier(.4, 0, .2, 1);--animation-bounce: cubic-bezier(.68, -.55, .265, 1.55);--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--blur-xl: blur(24px)}[data-theme=dark]{--page-bg-color: rgb(31, 44, 59);--login-card-bg: #36424F;--login-card-border: rgba(255, 255, 255, .2);--text-color: white;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .5);--input-bg: rgba(255, 255, 255, .1);--input-border: rgba(255, 255, 255, .2);--input-focus-bg: rgba(255, 255, 255, .15);--input-focus-border: #4CAF50;--button-primary-bg: linear-gradient(135deg, #4CAF50, #45a049);--button-primary-hover: linear-gradient(135deg, #45a049, #3d8b40);--button-secondary-bg: rgba(244, 67, 54, .1);--button-secondary-border: rgba(244, 67, 54, .3);--button-secondary-color: #ff6b6b;--button-secondary-hover: rgba(244, 67, 54, .2);--theme-toggle-bg: rgba(255, 255, 255, .1);--theme-toggle-border: rgba(255, 255, 255, .2);--theme-toggle-color: rgba(255, 255, 255, .8);--theme-toggle-hover: rgba(255, 255, 255, .2);--global-header-bg: rgba(255, 255, 255, .1);--global-header-border: rgba(255, 255, 255, .2);--nav-link-color: rgba(255, 255, 255, .8);--nav-link-hover: rgba(255, 255, 255, 1);--nav-link-active: #4CAF50;--nav-link-active-bg: rgba(76, 175, 80, .2);--error-bg: rgba(244, 67, 54, .1);--error-border: rgba(244, 67, 54, .3);--error-color: #ff6b6b;--success-bg: rgba(76, 175, 80, .1);--success-border: rgba(76, 175, 80, .3);--success-color: #4CAF50;--modal-overlay-bg: rgba(0, 0, 0, .7);--modal-bg: rgba(0, 0, 0, .7);--modal-border: rgba(255, 255, 255, .2);--dropdown-bg: rgba(255, 255, 255, .25);--dropdown-border: rgba(255, 255, 255, .25);--dropdown-shadow: rgba(0, 0, 0, .4);--menu-item-hover: rgba(255, 255, 255, .1);--menu-divider: rgba(255, 255, 255, .2);--card-bg: rgba(0, 0, 0, .3);--card-border: rgba(255, 255, 255, .2);--card-shadow: rgba(0, 0, 0, .3);--background-primary: rgba(255, 255, 255, .1);--background-secondary: rgba(255, 255, 255, .15);--border-color: rgba(255, 255, 255, .2);--border-hover: rgba(255, 255, 255, .3);--user-popup-bg: rgba(0, 0, 0, .7);--user-popup-border: rgba(255, 255, 255, .15);--user-popup-shadow: rgba(0, 0, 0, .4);--glass-bg: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-error: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);--gradient-subtle: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--gradient-overlay: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5)}html{overflow-y:auto;height:100%;background-color:var(--page-bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color var(--animation-duration) var(--animation-timing);color:var(--text-color);scroll-behavior:smooth;overscroll-behavior:none}body{margin:0;padding:0;height:100%;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.loading{width:16px;height:16px;border:2px solid transparent;border-radius:50%;border-top-color:currentColor;animation:spin 1s ease-in-out infinite}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--text-muted);border-radius:50%;border-top-color:var(--nav-link-active);animation:spin 1s ease-in-out infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots:before,.loading-dots:after,.loading-dots{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:loading-dots 1.4s ease-in-out infinite both}.loading-dots:before{animation-delay:-.32s}.loading-dots:after{animation-delay:-.16s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn var(--animation-duration) var(--animation-timing)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-light{background:#ffffff1a;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.2)}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:8px!important}.gap-4{gap:16px!important}.text-center{text-align:center!important}.mb-4{margin-bottom:16px!important}.mb-8{margin-bottom:32px!important}.transition-all{transition:all var(--animation-duration) var(--animation-timing)}.transition-transform{transition:transform var(--animation-duration) var(--animation-timing)}.transition-opacity{transition:opacity var(--animation-duration) var(--animation-timing)}.transition-colors{transition:color var(--animation-duration) var(--animation-timing),background-color var(--animation-duration) var(--animation-timing),border-color var(--animation-duration) var(--animation-timing)}.hover-lift{transition:transform var(--animation-duration) var(--animation-timing)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--animation-duration) var(--animation-timing)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--animation-duration) var(--animation-timing)}.hover-glow:hover{box-shadow:0 0 20px #4caf504d}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #4caf504d}.text-responsive{font-size:clamp(14px,2vw,16px)}.heading-responsive{font-size:clamp(20px,4vw,32px)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.05)}50%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(.3)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #4caf504d}50%{box-shadow:0 0 20px #4caf5099}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.animate-fade-in-up{animation:fadeInUp var(--animation-duration) var(--animation-timing)}.animate-fade-in-down{animation:fadeInDown var(--animation-duration) var(--animation-timing)}.animate-fade-in-left{animation:fadeInLeft var(--animation-duration) var(--animation-timing)}.animate-fade-in-right{animation:fadeInRight var(--animation-duration) var(--animation-timing)}.animate-scale-in{animation:scaleIn var(--animation-duration) var(--animation-timing)}.animate-scale-out{animation:scaleOut var(--animation-duration) var(--animation-timing)}.animate-bounce-in{animation:bounceIn var(--animation-duration) var(--animation-bounce)}.animate-bounce-out{animation:bounceOut var(--animation-duration) var(--animation-bounce)}.animate-slide-up{animation:slideInUp var(--animation-duration) var(--animation-timing)}.animate-slide-down{animation:slideInDown var(--animation-duration) var(--animation-timing)}.animate-slide-left{animation:slideInLeft var(--animation-duration) var(--animation-timing)}.animate-slide-right{animation:slideInRight var(--animation-duration) var(--animation-timing)}.animate-rotate-in{animation:rotateIn var(--animation-duration) var(--animation-timing)}.animate-rotate-out{animation:rotateOut var(--animation-duration) var(--animation-timing)}.animate-pulse{animation:pulse 2s var(--animation-timing) infinite}.animate-glow{animation:glow 2s var(--animation-timing) infinite}.animate-shimmer{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.animate-float{animation:float 3s var(--animation-timing) infinite}.animate-wiggle{animation:wiggle 1s var(--animation-timing)}.stagger-children>*{opacity:0;animation:fadeInUp var(--animation-duration) var(--animation-timing) forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.hover-bounce:hover{animation:bounceIn .6s var(--animation-bounce)}.hover-wiggle:hover{animation:wiggle .6s var(--animation-timing)}.hover-float:hover{animation:float 2s var(--animation-timing) infinite}.loading-shimmer{background:linear-gradient(90deg,var(--input-bg) 25%,rgba(255,255,255,.3) 50%,var(--input-bg) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all var(--animation-duration) var(--animation-timing)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:all var(--animation-duration) var(--animation-timing)}@keyframes slothShimmer{0%{background-position:-100% center;opacity:0}50%{opacity:.3}to{background-position:100% center;opacity:0}}@keyframes slothFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes contentFadeInStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sloth-shimmer{position:relative;overflow:hidden;border-radius:12px;animation:slothFadeIn .3s cubic-bezier(.4,0,.2,1)}.sloth-shimmer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);background-size:200% 100%;animation:slothShimmer 1.8s ease-in-out infinite;border-radius:12px;pointer-events:none}[data-theme=dark] .sloth-shimmer:before{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.15) 50%,transparent 80%)}.no-instances-fade-in{animation:contentFadeInStagger .4s cubic-bezier(.4,0,.2,1) forwards}.no-instances-stagger>*:not(.sloth-shimmer){opacity:0;animation:contentFadeInStagger .4s cubic-bezier(.4,0,.2,1) forwards}.no-instances-stagger>*:nth-child(2){animation-delay:.1s}.no-instances-stagger>*:nth-child(3){animation-delay:.15s}.no-instances-stagger>*:nth-child(4){animation-delay:.2s}.sloth-float{animation:subtleFloat 6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sloth-shimmer:before{animation:none!important}.sloth-float{animation:none!important}}.login-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box;opacity:0;transition:opacity .2s ease-out}.login-container .footer-links{display:flex;justify-content:center;gap:16px;margin-top:16px}.login-container .footer-links a{color:var(--text-secondary);text-decoration:none;font-size:14px}.login-container.show{opacity:1}.login-card{background:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:var(--border-radius-md);padding:24px;width:100%;max-width:400px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(.98);transition:transform .2s ease-out}.login-container.show .login-card{transform:scale(1)}.login-header{text-align:center;margin-bottom:30px}.login-header img{height:60px;width:auto;filter:brightness(0) saturate(100%) invert(0)}[data-theme=dark] .login-header img{filter:brightness(0) saturate(100%) invert(1)}.login-form{display:flex;flex-direction:column;gap:20px}.login-form.busy{pointer-events:none;opacity:.7}.form-group{display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.form-group label{font-weight:500;color:var(--text-color);font-size:14px}.form-group input{padding:8px 12px;border:1px solid var(--input-border);border-radius:var(--border-radius-sm);background:var(--input-bg);color:var(--text-color);font-size:16px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--input-focus-border);background:var(--input-focus-bg);box-shadow:0 0 0 3px #4caf501a}.form-group input::placeholder{color:var(--text-muted)}.forgot-password-link{color:var(--text-secondary);text-decoration:none;font-size:14px;text-align:center;transition:color .3s ease}.forgot-password-link:hover{color:var(--text-color)}.back-to-email-link{color:var(--text-secondary);text-decoration:none;font-size:14px;text-align:center;transition:color .3s ease;display:block;margin-top:8px}.back-to-email-link:hover{color:var(--text-color)}.login-link-info{color:var(--text-secondary);font-size:14px;text-align:center;margin:0}.back-to-login-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s ease}.back-to-login-link:hover{color:var(--text-color)}.login-button{background:var(--button-primary-bg);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover{background:var(--button-primary-hover);transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-color);padding:12px 16px;border-radius:8px;font-size:14px;display:none}.success-message{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-color);padding:12px 16px;border-radius:8px;font-size:14px;display:none}.toggle-auth-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;width:100%}.toggle-auth-button:hover{background:var(--background-secondary);color:var(--text-color)}.sso-section{display:flex;flex-direction:column;gap:16px}.sso-divider{position:relative;text-align:center;margin:8px 0}.sso-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.sso-divider span{background:var(--login-card-bg);color:var(--text-secondary);font-size:14px;padding:0 16px;position:relative;z-index:1}.sso-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-primary);color:var(--text-color);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;cursor:pointer}.sso-button:hover{background:var(--background-secondary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.microsoft-sso svg{color:#00bcf2}.app-container{display:none;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease-out}.app-container.show{opacity:1}.app-container .global-header,.app-container .main-content{transform:scale(.99);transition:transform .2s ease-out;transition-delay:.05s}.app-container.show .global-header,.app-container.show .main-content{transform:scale(1)}.global-header{background:var(--global-header-bg);border-bottom:1px solid var(--global-header-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;height:64px;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header-container{margin:0 0 0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0;gap:0}.header-left{display:flex;align-items:center;flex-shrink:0;padding-left:24px}.logo-container{display:flex;align-items:center;gap:12px;transition:transform var(--animation-duration) var(--animation-timing)}.logo{height:32px;width:auto;filter:brightness(0) saturate(100%) invert(0);transition:filter var(--animation-duration) var(--animation-timing)}[data-theme=dark] .logo{filter:brightness(0) saturate(100%) invert(1)}.global-nav{flex:1;display:flex;justify-content:left;margin:0 24px}.nav-list{display:flex;list-style:none;margin:0;gap:0;background:var(--input-bg);border-left:1px solid var(--input-border);border-right:1px solid var(--input-border);border-top:none;border-bottom:none;border-radius:0;padding:0;height:64px;align-items:center;box-sizing:border-box;overflow:hidden}.nav-item{margin:0;position:relative;height:100%;flex-shrink:0}.nav-item:first-child .nav-link{border-top-left-radius:0;border-bottom-left-radius:0}.nav-item:last-child .nav-link{border-top-right-radius:0;border-bottom-right-radius:0}.nav-item:not(:last-child):after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:var(--input-border)}.nav-link{display:flex;align-items:center;gap:6px;padding:0 16px;color:var(--text-secondary);text-decoration:none;border-radius:0;font-weight:500;font-size:14px;transition:color .2s ease,background-color .2s ease;white-space:nowrap;height:100%;border:none;background:transparent;box-sizing:border-box;min-height:unset;max-height:100%;margin:0}.nav-link:hover,.nav-link.active{color:var(--text-color);background:var(--menu-item-hover)}.nav-icon{width:18px;height:18px;stroke-width:2;transition:transform var(--animation-duration) var(--animation-timing)}.nav-text{font-size:14px;font-weight:500}.header-right{display:flex;align-items:center;flex-shrink:0;height:100%;margin:0;padding:0}.header-actions{display:flex;align-items:center;gap:0;height:100%;margin:0;padding:0}.user-menu-container{position:relative;height:100%;margin:0;padding:0}.user-menu-button{background:var(--input-bg);border-left:1px solid var(--input-border);border-right:none;border-top:none;border-bottom:none;border-radius:0;padding:0 24px;color:var(--text-color);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease,border-color .2s ease;height:100%;width:100%;box-sizing:border-box;margin:0}.user-menu-button:hover{background:var(--input-focus-bg);border-color:var(--input-focus-border)}.user-avatar{width:24px;height:24px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.user-icon{width:14px;height:14px;stroke-width:2.5}.dropdown-arrow{width:14px;height:14px;stroke-width:2;color:var(--text-secondary);transition:transform var(--animation-duration) var(--animation-timing)}.user-menu-container.open .dropdown-arrow{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--user-popup-bg);border:1px solid var(--user-popup-border);border-radius:12px;box-shadow:var(--shadow-lg);min-width:280px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1001;overflow:hidden}.user-menu-container.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-menu-header{padding:20px 20px 16px;display:flex;align-items:center;gap:12px}.user-avatar-large{width:40px;height:40px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar-large svg{width:20px;height:20px;stroke-width:2}.user-info{flex:1;min-width:0}.user-menu-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.user-menu-email{display:block;font-size:14px;font-weight:600;color:var(--text-color);word-break:break-word;line-height:1.3}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:all var(--animation-duration) var(--animation-timing);border-radius:0;margin:0}.user-menu-item:hover{background:var(--menu-item-hover);color:var(--text-color)}.user-menu-item.logout-item{color:var(--error-color);margin-top:4px}.user-menu-item.logout-item:hover{background:var(--error-bg)}.menu-icon{width:16px;height:16px;stroke-width:2;flex-shrink:0}.user-menu-legal{border-top:1px solid var(--menu-item-hover);margin-top:8px;padding:16px 20px}.legal-links{display:flex;flex-direction:column;gap:8px}.legal-link{color:var(--text-secondary);font-size:12px;text-decoration:none;transition:color var(--animation-duration) var(--animation-timing);display:flex;align-items:center;gap:8px}.legal-link:hover{color:var(--text-color)}.legal-link:before{content:"🔗";font-size:10px;opacity:.7}.main-content{flex:1;padding:0 24px 24px;overflow-y:auto;overscroll-behavior-y:none;background:transparent}.app-footer{background:var(--card-bg);border-top:1px solid var(--card-border);padding:24px;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:center;align-items:center}.footer-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.footer-legal a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color var(--animation-duration) var(--animation-timing)}.footer-legal a:hover{color:var(--text-color)}.footer-separator{color:var(--text-muted);font-size:12px}.page-content{max-width:1200px;margin:0 auto}[data-theme=dark] .global-header{background:var(--global-header-bg);border-bottom-color:var(--global-header-border)}@media (max-width: 1024px){.header-container{padding:0;gap:0}.header-left{padding-left:16px}.global-nav{margin:0 16px}.nav-list{gap:0}.nav-link,.user-menu-button{padding:0 16px}}@media (max-width: 850px){.header-container{padding:0;gap:0}.header-left{padding-left:12px}.global-nav{margin:0 12px}.nav-list{gap:0;height:64px;padding:0}.nav-link{padding:0 12px;font-size:13px;margin:0}.nav-text{font-size:13px}.logo-container{gap:8px}.logo{height:28px}.user-menu-button{padding:0 12px}}@media (max-width: 600px){.header-container{padding:0;gap:0}.header-left{padding-left:8px}.global-nav{margin:0 8px}.nav-list{gap:0;height:64px;padding:0}.nav-link{padding:0 8px;font-size:12px;min-width:30px;margin:0}.nav-text{font-size:12px}.nav-icon{width:16px;height:16px}.logo-container{gap:6px}.logo{height:24px}.user-menu-button{padding:0 8px;min-width:36px;height:100%}.user-avatar{width:20px;height:20px}.user-icon{width:12px;height:12px}}@media (max-width: 768px){.global-header{height:56px}.header-container{gap:0;padding:0}.header-left{padding-left:16px}.global-nav{margin:0 16px}.nav-list{gap:0;height:56px!important;max-height:56px!important;min-height:56px!important;box-sizing:border-box;overflow:hidden;padding:0}.nav-text{display:none}.nav-link{padding:0 10px;min-width:44px;justify-content:center;height:100%!important;max-height:100%!important;min-height:unset!important;box-sizing:border-box;margin:0}.user-menu-button{height:100%!important;padding:0 16px}.main-content{padding:20px 16px}.app-footer{padding:20px;margin-top:auto}}@media (max-width: 480px){.header-container{padding:0;gap:0}.header-left{padding-left:12px}.global-nav{margin:0 12px}.nav-list{gap:0;height:56px;padding:0}.nav-link{padding:0 8px;min-width:36px;margin:0}.nav-icon{width:16px;height:16px}.header-actions{gap:0}.user-menu-button{width:100%;height:100%;padding:0 12px}.user-menu-legal{padding:12px 16px}.legal-links{gap:6px}.legal-link{font-size:11px}.app-footer{padding:16px;margin-top:auto}.footer-legal{gap:12px}.footer-legal a{font-size:13px}}.btn{background:var(--button-secondary-bg);color:var(--button-secondary-color);border:1px solid var(--button-secondary-border);border-radius:var(--border-radius-md);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--animation-duration) var(--animation-timing);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;min-height:36px}.btn:hover{background:var(--button-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);transition:transform .1s ease}.btn.btn-primary{background:var(--button-primary-bg);color:#fff;border:none}.btn.btn-primary:hover{background:var(--button-primary-hover)}.btn.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-color);border:1px solid var(--button-secondary-border)}.btn.btn-secondary:hover{background:var(--button-secondary-hover)}.button-primary{background:var(--button-primary-bg);color:#fff;border:none;border-radius:var(--border-radius-md);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--animation-duration) var(--animation-timing);display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--animation-duration) var(--animation-timing)}.button-primary:hover{background:var(--button-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-primary:hover:before{left:100%}.button-primary:active{transform:translateY(0);transition:transform .1s ease}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-color);border:1px solid var(--button-secondary-border);border-radius:var(--border-radius-md);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--animation-duration) var(--animation-timing);position:relative;overflow:hidden}.button-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-subtle);opacity:0;transition:opacity var(--animation-duration) var(--animation-timing)}.button-secondary:hover{background:var(--button-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button-secondary:hover:before{opacity:1}.button-secondary:active{transform:translateY(0);transition:transform .1s ease}.button-gradient{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-md);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--animation-duration) var(--animation-timing);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.button-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-ghost{background:transparent;color:var(--text-color);border:1px solid var(--input-border);border-radius:var(--border-radius-md);padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--animation-duration) var(--animation-timing)}.button-ghost:hover{background:var(--gradient-subtle);border-color:var(--input-focus-border);transform:translateY(-1px)}.status-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);transition:all var(--animation-duration) var(--animation-timing);position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--animation-duration) var(--animation-timing)}.status-card h3{margin:0 0 12px;color:var(--text-color);font-size:18px;font-weight:600;position:relative}.status-card h3:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:var(--gradient-primary);border-radius:1px}.status-metric{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:6px 0;transition:all var(--animation-duration) var(--animation-timing)}.status-metric:last-child{margin-bottom:0}.metric-label{color:var(--text-secondary);font-size:14px;font-weight:500}.metric-value{color:var(--text-color);font-weight:600;font-size:16px;position:relative}.metric-value.success{color:var(--success-color)}.metric-value.warning{color:#ff9800}.metric-value.error{color:var(--error-color)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--text-muted);border-radius:50%;border-top-color:var(--nav-link-active);animation:spin 1s ease-in-out infinite;flex-shrink:0}.loading-spinner.large{width:32px;height:32px;border-width:3px}.loading-spinner.small{width:16px;height:16px;border-width:1.5px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}@media (min-width: 1400px){.status-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (max-width: 1399px) and (min-width: 1100px){.status-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 1099px){.status-grid{grid-template-columns:1fr;gap:20px}}.status-metrics-row{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.status-metric{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--background-secondary);border-radius:8px;min-width:120px;flex:1 1 0;text-align:center;justify-content:center;align-items:center;min-height:80px;height:80px;box-sizing:border-box}.metric-label{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{color:var(--text-color);font-weight:700;font-size:20px;line-height:1.2;min-height:24px;display:flex;align-items:center;justify-content:center}.metric-subtitle{color:var(--text-muted);font-size:11px;font-weight:400}@media (max-width: 768px){.status-metrics-row{gap:12px}.status-metric{min-width:100px;padding:10px 12px;flex:1 1 calc(50% - 6px)}.metric-value{font-size:16px}.metric-label{font-size:11px}}@media (max-width: 480px){.status-metrics-row{gap:8px}.status-metric{min-width:80px;padding:8px 10px;flex:1 1 calc(50% - 4px)}.metric-value{font-size:14px}.metric-label{font-size:10px}}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--glass-shadow);transition:all var(--animation-duration) var(--animation-timing)}.card-glass:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-gradient{background:var(--gradient-subtle);border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--shadow-md);transition:all var(--animation-duration) var(--animation-timing);position:relative;overflow:hidden}.card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-overlay);opacity:0;transition:opacity var(--animation-duration) var(--animation-timing)}.card-gradient:hover:before{opacity:1}.card-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.progress-bar{width:100%;height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-success);border-radius:4px;transition:width var(--animation-duration) var(--animation-timing);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.badge-warning{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.badge-error{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.badge-info{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.subscription-info{display:flex;flex-direction:column;gap:6px;margin-top:8px}.subscription-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-status.subscription-active{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.subscription-status.subscription-active-manual{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.subscription-status.subscription-inactive{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.subscription-status.no-subscription{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.subscription-status.subscription-fixed-expiry{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.subscription-status.subscription-expiring-soon{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.subscription-status.subscription-expiring-urgent{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.subscription-status.subscription-expired{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.subscription-link{color:var(--nav-link-active);text-decoration:none;font-size:13px;font-weight:500;transition:color var(--animation-duration) var(--animation-timing)}.subscription-link:hover{color:var(--nav-link-hover);text-decoration:underline}.renewal-info{font-size:12px;color:var(--text-secondary);font-style:italic;text-align:right}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--border-radius-md);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal-overlay.show .modal{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.modal-header h2{margin:0;color:var(--text-color);font-size:20px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.modal-close:hover{background:var(--menu-item-hover);color:var(--text-color)}.modal-body{padding:16px}.modal-body p{color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:0 16px 16px}.status-badge.active{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-badge.cancelled{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.status-badge.expired{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.status-badge.pending{background:#2196f31a;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.status-badge.unknown{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}[data-theme=dark] .status-badge.active{background:#4caf5033;border-color:#4caf5066}[data-theme=dark] .status-badge.cancelled{background:#f4433633;border-color:#f4433666}[data-theme=dark] .status-badge.expired{background:#ff980033;border-color:#ff980066}[data-theme=dark] .status-badge.pending{background:#2196f333;border-color:#2196f366}[data-theme=dark] .status-badge.unknown{background:#9e9e9e33;border-color:#9e9e9e66}.instances-container{width:100%;display:flex;flex-direction:row;align-items:stretch;gap:0}.instances-container.tabbed-layout{flex-direction:row;align-items:stretch}.tabs-container{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--card-border);background:var(--card-bg);border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;min-width:200px;max-width:250px}.tabs-container::-webkit-scrollbar{width:4px}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.tab-button{padding:16px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-right:3px solid transparent;position:relative;text-align:left;width:100%}.tab-button:hover{color:var(--text-color);background:var(--menu-item-hover)}.tab-button.active{color:var(--nav-link-active);border-right-color:var(--nav-link-active);background:var(--nav-link-active-bg)}.tab-content{background:var(--card-bg);border:1px solid var(--card-border);border-left:none;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm);min-height:400px;flex:1;display:flex;flex-direction:column}.instance-content{display:none;padding:16px}.instance-content.active{display:block}.instance-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--card-border);width:100%}.instance-header-content{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;gap:16px}.instance-header h2{margin:0;color:var(--text-color);font-size:18px;font-weight:600;flex-shrink:0}.instance-header-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.instance-expiry{font-size:14px;color:var(--text-secondary);white-space:nowrap}.instance-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:20px;width:100%;box-sizing:border-box}.bondix-ui-container{width:100%;min-height:300px}.instances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.instance-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:16px;box-shadow:0 2px 4px var(--card-shadow);transition:all .2s ease}.instance-card:hover{box-shadow:var(--shadow-md)}.instance-card.offline{opacity:.7;background:var(--background-secondary)}.instance-card.offline:hover{opacity:.8}.instance-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0}.instance-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.instance-status.active{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.instance-status.idle{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.instance-status.offline{background:#f443361a;color:#dc3545;border:1px solid rgba(244,67,54,.3)}.instance-metrics{display:flex;flex-direction:column;gap:8px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.metric-label{font-size:13px;color:var(--text-secondary);font-weight:500}.metric-value{font-size:14px;font-weight:600;color:var(--text-color)}.metric-value.highlight{color:var(--nav-link-active)}.no-instances-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.no-instances-content{text-align:center;max-width:500px}.no-instances-image{width:200px;height:200px;margin:0 auto 24px;border-radius:12px}.no-instances-title{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 16px}.no-instances-description{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0 0 24px}.no-instances-action{margin-top:24px}.no-instances-placeholder{font-size:14px;color:var(--text-muted);margin:0}.shop-link{color:var(--nav-link-active);text-decoration:none;font-weight:500;transition:color .2s ease}.shop-link:hover{color:var(--button-primary-hover);text-decoration:underline}.wiki-link{color:var(--nav-link-active);text-decoration:none;font-weight:500;transition:all .2s ease;padding:2px 4px;border-radius:4px;background:rgba(var(--nav-link-active-rgb),.1)}.wiki-link:hover{color:var(--button-primary-hover);text-decoration:underline;background:rgba(var(--nav-link-active-rgb),.15)}[data-theme=dark] .no-instances-placeholder{color:var(--text-secondary)}[data-theme=dark] .wiki-link{background:rgba(var(--nav-link-active-rgb),.2)}[data-theme=dark] .wiki-link:hover{background:rgba(var(--nav-link-active-rgb),.3)}[data-theme=dark] .instance-status.active{background:#4caf5033;color:#4caf50;border-color:#4caf5066}[data-theme=dark] .instance-status.idle{background:#9e9e9e33;color:#bdbdbd;border-color:#9e9e9e66}[data-theme=dark] .metric-item .metric-value.highlight{color:#4caf50}@media (max-width: 640px){.instance-header-content{grid-template-columns:1fr;align-items:flex-start;gap:12px}.instance-header-meta{align-self:flex-start}}.stats-bar{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 2px 4px var(--card-shadow);margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:120px}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:600;color:var(--text-color)}.stats-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:rgba(var(--nav-link-active-rgb),.05);border:1px solid rgba(var(--nav-link-active-rgb),.1);border-radius:6px;font-size:13px;color:var(--text-secondary)}.note-icon{font-size:14px;opacity:.8}.note-text{font-weight:500}[data-theme=dark] .stats-note{background:rgba(var(--nav-link-active-rgb),.1);border-color:rgba(var(--nav-link-active-rgb),.2)}.bandwidth-group{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:20px;box-shadow:0 2px 4px var(--card-shadow);margin-bottom:24px}.bandwidth-group:last-child{margin-bottom:0}.bandwidth-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--card-border)}.bandwidth-group-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.bandwidth-group-stats{display:flex;gap:16px}.bandwidth-group-stats .stat-item{font-size:13px;color:var(--text-secondary);font-weight:500}.bandwidth-group-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px;padding:16px;background:var(--background-secondary);border-radius:6px;border:1px solid var(--card-border)}.summary-metric{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.summary-value{font-size:18px;font-weight:600;color:var(--text-color)}@media (max-width: 1024px){.stats-bar{gap:12px}.stat-item{flex-basis:calc(33.333% - 8px);max-width:calc(33.333% - 8px);min-width:0}}@media (max-width: 640px){.stats-bar{gap:8px;padding:12px 16px}.stat-item{flex-basis:calc(50% - 4px);max-width:calc(50% - 4px)}}.resources-grid{display:grid;gap:32px;margin-bottom:32px}.resources-grid-horizontal{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.resources-grid-horizontal:last-of-type{margin-bottom:32px}.resource-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.resource-section h2{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-color)}.resource-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource-card{background:var(--page-bg-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .2s ease}.resource-card:hover{border-color:var(--nav-link-active);box-shadow:var(--shadow-md)}.resource-card h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-color)}.resource-card p{margin:0 0 16px;color:var(--text-secondary);font-size:14px;line-height:1.5}.resource-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--border-radius-md);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--animation-duration) var(--animation-timing);cursor:pointer;border:none;min-width:120px;text-align:center}.resource-button.primary{background:var(--button-primary-bg);color:#fff;box-shadow:var(--shadow-sm)}.resource-button.primary:hover{background:var(--button-primary-hover);box-shadow:var(--shadow-md)}.resource-button.secondary{background:var(--page-bg-color);color:var(--text-color);border:1px solid var(--border-color)}.resource-button.secondary:hover{background:var(--nav-link-hover-bg);border-color:var(--nav-link-active)}.packages-loading,.packages-error{text-align:center;padding:20px 16px;margin-top:16px}.packages-loading p,.packages-error p{margin:12px 0 0;color:var(--text-secondary);font-size:13px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--nav-link-active);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.packages-error p{margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.packages-content{margin-top:16px}.packages-content .version-selector,.packages-content .model-selector{margin-bottom:16px}.packages-content .version-selector:last-child,.packages-content .model-selector:last-child{margin-bottom:0}.selector-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:32px}.version-selector,.model-selector{margin-bottom:16px}.version-selector:last-child,.model-selector:last-child{margin-bottom:0}.version-selector label,.model-selector label{display:block;font-weight:500;color:var(--text-color);margin-bottom:8px;font-size:14px}.version-select,.model-select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--page-bg-color);color:var(--text-color);font-size:14px;transition:all .2s ease}.version-select:focus,.model-select:focus{outline:none;border-color:var(--nav-link-active);box-shadow:0 0 0 3px #007bff1a}.version-select option,.model-select option{background:var(--card-bg);color:var(--text-color);padding:8px 12px}.version-select,.model-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}[data-theme=dark] .version-select,[data-theme=dark] .model-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.package-display{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:32px}.selected-package{display:flex;align-items:center;justify-content:space-between;gap:24px}.package-info h3{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px}.package-info p{color:var(--text-secondary);margin:0;font-size:14px}.download-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius-md);text-decoration:none;font-weight:500;font-size:14px;transition:all var(--animation-duration) var(--animation-timing);border:none;cursor:pointer;text-align:center;min-width:140px;max-width:100%;box-sizing:border-box}.download-button.primary{background:var(--button-primary-bg);color:#fff;box-shadow:var(--shadow-sm)}.download-button.primary:hover{background:var(--button-primary-hover);box-shadow:var(--shadow-md)}.download-button.disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.download-button.disabled:hover{background:var(--text-muted);box-shadow:var(--shadow-sm)}.downloads-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.info-card h3{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 16px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:8px 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.info-card li:last-child{border-bottom:none}.installation-steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;align-items:flex-start;gap:16px}.step-number{background:var(--nav-link-active);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.step-content h4{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px}.step-content p{font-size:14px;color:var(--text-secondary);margin:0}@media (max-width: 768px){.resource-cards-row{grid-template-columns:1fr;gap:16px}}.license-item{transition:all .2s ease}.license-item.expired{background:#f443360d;border-color:#f443364d}.license-item.expiring-soon{background:#ff98000d;border-color:#ff98004d}.license-item.active{background:#4caf500d;border-color:#4caf504d}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.expired{background:#f443361a;color:#dc3545;border:1px solid rgba(244,67,54,.3)}.badge.expiring-soon{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.badge.active{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.licenses-container{display:flex;flex-direction:column;gap:24px}.expired-licenses-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:20px;box-shadow:0 2px 4px var(--card-shadow);opacity:.7}.expired-section-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 16px;opacity:.8}.license-table-container{overflow-x:auto;border-radius:6px;border:1px solid var(--card-border)}.license-table{width:100%;border-collapse:collapse;font-size:14px}.license-table th{background:var(--background-secondary);color:var(--text-color);font-weight:600;text-align:left;padding:12px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.license-table td{padding:12px 16px;border-bottom:1px solid var(--card-border);vertical-align:middle}.license-table tbody tr:last-child td{border-bottom:none}.license-row{transition:background-color .2s ease}.license-row:hover{background:var(--background-secondary)}.license-row.expired{opacity:.6}.license-row.expiring-soon{background:#ff98000d}.license-key-cell{min-width:200px}.license-key-container{display:flex;align-items:center;gap:8px}.license-key-censored{font-family:Courier New,monospace;font-size:13px;color:var(--text-color);-webkit-user-select:none;user-select:none}.reveal-key-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reveal-key-btn:hover{background:var(--background-secondary);color:var(--text-color)}.expiring-soon-indicator{margin-left:4px;font-size:12px}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.expiring-soon{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.unactivated-licenses-section,.other-user-licenses-section{margin-top:32px;padding:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 2px 4px var(--card-shadow)}.unactivated-section-title,.other-user-section-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px}.section-description{font-size:14px;color:var(--text-secondary);margin:0 0 20px}.license-row.unactivated{background:#4caf500d}.license-row.other-user{background:#9e9e9e0d;opacity:.8}.activate-btn{background:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.activate-btn:hover{background:#45a049}.assigned-user{font-size:12px;color:var(--text-secondary);font-style:italic}[data-theme=dark] .license-item.expired{background:#f443361a;border-color:#f4433666}[data-theme=dark] .license-item.expiring-soon{background:#ff98001a;border-color:#ff980066}[data-theme=dark] .license-item.active{background:#4caf501a;border-color:#4caf5066}[data-theme=dark] .badge.expired{background:#f4433633;color:#ff6b6b;border-color:#f4433666}[data-theme=dark] .badge.expiring-soon{background:#ff980033;color:#ffb74d;border-color:#ff980066}[data-theme=dark] .badge.active{background:#4caf5033;color:#4caf50;border-color:#4caf5066}[data-theme=dark] .license-row.expiring-soon{background:#ff98001a}[data-theme=dark] .status-badge.expiring-soon{background:#ff980033;color:#ffb74d;border-color:#ff980066}[data-theme=dark] .license-row.unactivated{background:#4caf501a}[data-theme=dark] .license-row.other-user{background:#9e9e9e1a}.subscription-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px var(--card-shadow);transition:all .2s ease}.subscription-card:hover{box-shadow:var(--shadow-md)}.subscription-card.active{border-left:4px solid #4CAF50}.subscription-card.cancelled{border-left:4px solid #f44336;opacity:.8}.subscription-card.expired{border-left:4px solid #ff9800;opacity:.8}.subscription-card.pending{border-left:4px solid #2196F3}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.subscription-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-color)}.subscription-type{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.subscription-status .status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--card-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;color:var(--text-secondary);font-weight:500}.detail-value{font-size:14px;font-weight:600;color:var(--text-color)}.auto-renew-indicator{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.auto-renew-indicator.enabled{background:#4caf501a;color:#4caf50}.auto-renew-indicator.disabled{background:#9e9e9e1a;color:#9e9e9e}.subscription-servers{margin-bottom:20px}.subscription-servers h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-color)}.servers-list{display:flex;flex-wrap:wrap;gap:8px}.server-tag{background:var(--nav-link-active);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.no-servers{color:var(--text-secondary);font-style:italic;font-size:13px}.subscription-licenses{margin-bottom:20px}.subscription-licenses h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-color)}.licenses-list{display:flex;flex-wrap:wrap;gap:8px}.license-tag{background:var(--nav-link-active);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;font-family:monospace}.no-licenses{color:var(--text-secondary);font-style:italic;font-size:13px}.subscription-actions{display:flex;justify-content:flex-end;gap:12px}.subscription-actions .btn{flex:0 0 auto;padding:8px 16px;font-size:13px}.btn-danger{background:#f44336;color:#fff;border:1px solid #f44336}.btn-danger:hover{background:#d32f2f;border-color:#d32f2f}.btn-danger:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:6px;color:#fff;font-weight:500;z-index:1000;max-width:400px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.notification-success{background:#4caf50}.notification-error{background:#f44336}.notification-info{background:#2196f3}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state,.error-state{text-align:center;padding:60px 20px}.empty-state-icon,.error-icon{width:64px;height:64px;margin:0 auto 20px;color:var(--text-secondary);opacity:.6}.empty-state h3,.error-state h3{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-color)}.empty-state p,.error-state p{font-size:14px;color:var(--text-secondary);max-width:400px;margin:0 auto 20px}[data-theme=dark] .subscription-card{background:var(--card-bg);border-color:var(--card-border)}@media (min-width: 1400px){.page-content{max-width:1400px}.status-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 1200px){.page-content{max-width:100%;padding:0}.status-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media (max-width: 1024px){.main-content{padding:16px}.status-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.modal{width:90%;max-width:600px;margin:20px}.instances-container.tabbed-layout{flex-direction:column}.tabs-container{flex-direction:row;border-right:none;border-bottom:1px solid var(--card-border);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;overflow-x:auto;overflow-y:hidden;min-width:auto;max-width:none;width:100%}.tabs-container::-webkit-scrollbar{height:4px;width:auto}.tab-button{padding:12px 16px;font-size:14px;border-right:none;border-bottom:3px solid transparent;text-align:center;width:auto;white-space:nowrap}.tab-button.active{border-right-color:transparent;border-bottom-color:var(--nav-link-active)}.tab-content{border-left:1px solid var(--card-border);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm)}.instance-content,.instance-container{padding:16px}.no-instances-container{padding:20px 16px;min-height:350px}.no-instances-image{width:180px;height:180px;margin-bottom:20px}.no-instances-title{font-size:24px;margin-bottom:12px}.no-instances-description{font-size:16px;margin-bottom:20px}.resources-grid-horizontal{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.resource-section{padding:20px}.resource-section h2{font-size:16px}.resource-button{width:100%;max-width:100%;box-sizing:border-box;min-width:auto;justify-content:center}.selector-container{padding:20px;margin-bottom:24px}.version-selector,.model-selector{margin-bottom:16px}.version-select,.model-select{padding:12px 16px;font-size:14px}.package-display{padding:20px;margin-bottom:24px}.selected-package{flex-direction:column;align-items:flex-start;gap:20px}.package-info h3{font-size:18px}.package-info p{font-size:14px}.download-button{padding:12px 20px;font-size:14px;width:100%;max-width:100%;min-width:auto}.downloads-info{grid-template-columns:1fr;gap:20px}.info-card{padding:20px}.step{gap:16px}.license-table-container{margin:0 -20px;border-radius:0;border-left:none;border-right:none}.license-table{font-size:14px}.license-table th,.license-table td{padding:10px 14px}.license-key-cell{min-width:180px}.license-key-censored{font-size:13px}.reveal-key-btn{padding:4px}.reveal-key-btn svg{width:16px;height:16px}.status-badge{font-size:11px;padding:3px 8px}.bandwidth-group-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:12px}.summary-value{font-size:18px}.instances-grid{grid-template-columns:1fr;gap:16px}.instance-card{padding:16px}.instance-name{font-size:16px}.metric-pair{gap:12px}.metric-item .metric-value{font-size:16px}}@media (max-width: 768px){.main-content{padding:12px}.status-grid{grid-template-columns:1fr;gap:16px}.modal{width:95%;margin:20px}.tabs-container{padding:0 8px}.tab-button{padding:10px 14px;font-size:13px}.instance-content,.instance-container{padding:16px}.no-instances-container{padding:16px 12px;min-height:300px}.no-instances-image{width:150px;height:150px;margin-bottom:16px}.no-instances-title{font-size:20px;margin-bottom:8px}.no-instances-description{font-size:14px;margin-bottom:16px}.selector-container{padding:16px;margin-bottom:20px}.version-selector,.model-selector{margin-bottom:8px}.version-select,.model-select{padding:8px 12px;font-size:13px}.package-display{padding:16px;margin-bottom:20px}.selected-package{flex-direction:column;align-items:flex-start;gap:12px}.package-info h3{font-size:16px}.package-info p{font-size:13px}.download-button{padding:8px 16px;font-size:13px;width:100%;max-width:100%;min-width:auto}.resource-button{width:100%;max-width:100%;box-sizing:border-box;min-width:auto;justify-content:center}.downloads-info{grid-template-columns:1fr;gap:12px}.info-card{padding:16px}.step{gap:12px}.license-table-container{margin:0 -16px;border-radius:0;border-left:none;border-right:none}.license-table{font-size:13px}.license-table th,.license-table td{padding:8px 12px}.license-key-cell{min-width:150px}.license-key-censored{font-size:12px}.reveal-key-btn{padding:2px}.reveal-key-btn svg{width:14px;height:14px}.status-badge{font-size:10px;padding:2px 6px}.bandwidth-group-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:8px}.summary-value{font-size:16px}.instances-grid{grid-template-columns:1fr;gap:12px}.instance-card{padding:12px}.instance-name{font-size:14px}.metric-pair{gap:8px}.metric-item .metric-value{font-size:14px}}@media (max-width: 480px){.main-content{padding:8px}.bandwidth-group,.expired-licenses-section{padding:16px}.bandwidth-group-title,.expired-section-title{font-size:16px;margin-bottom:12px}.license-table{font-size:12px}.license-table th,.license-table td{padding:6px 8px}.license-key-censored{font-size:11px}.bandwidth-group-summary{grid-template-columns:1fr;gap:8px}.summary-value{font-size:14px}.instance-header{flex-direction:column;align-items:flex-start;gap:8px}.instance-status{align-self:flex-end}.status-card{padding:16px;border-radius:var(--border-radius-md)}.status-card h3{font-size:16px}.metric-value{font-size:14px}.button-primary,.button-secondary{padding:10px 20px;font-size:13px}}@media (max-width: 360px){.main-content{padding:6px}.status-card{padding:12px}.button-primary,.button-secondary{padding:8px 16px;font-size:12px}.resource-button,.download-button{padding:10px 16px;font-size:13px;width:100%;box-sizing:border-box;max-width:100%;min-width:auto}}@media (max-height: 500px) and (orientation: landscape){.main-content{padding:8px}.modal{margin:10px;max-height:90vh}.no-instances-container{min-height:200px;padding:16px}.no-instances-image{width:100px;height:100px;margin-bottom:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.global-header,.user-menu-dropdown,.modal-overlay{display:none!important}.main-content{padding:0}.status-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}*{color:#000!important;background:#fff!important}}@media (prefers-reduced-motion: reduce){.nav-link,.user-menu-button,.button-primary,.button-secondary,.status-card{transition:none!important;animation:none!important}.nav-link:hover,.user-menu-button:hover,.button-primary:hover,.button-secondary:hover,.status-card:hover{transform:none!important}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--page-bg-color: rgb(31, 44, 59);--text-color: white;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .5)}}@media (prefers-contrast: high){:root{--input-border: rgba(0, 0, 0, .8);--card-border: rgba(0, 0, 0, .8);--global-header-border: rgba(0, 0, 0, .8)}[data-theme=dark]{--input-border: rgba(255, 255, 255, .8);--card-border: rgba(255, 255, 255, .8);--global-header-border: rgba(255, 255, 255, .8)}}