@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--color-bg-primary: #13171E;--color-bg-secondary: #1A1F28;--color-bg-tertiary: #242A35;--color-slate: #2B3A4A;--color-slate-light: #45586F;--color-slate-dark: #1E2835;--color-slate-dim: #151F2A;--color-ember: #5A9A7C;--color-ember-light: #7DB39A;--color-ember-dark: #478066;--color-success: #6B9B8C;--color-success-light: #8BB3A6;--color-success-dark: #548073;--color-warning: #B8975E;--color-warning-light: #CAAD7E;--color-warning-dark: #9A7F4A;--color-error: #B27268;--color-error-light: #C68E85;--color-error-dark: #945B53;--color-text-primary: #E5EBF0;--color-text-secondary: #98A8B8;--color-text-dim: #6B7885;--font-display: "Bebas Neue", "Impact", sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(43,58,74,.02) 2px,rgba(43,58,74,.02) 4px);pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(43,58,74,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,154,124,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;font-family:var(--font-display);letter-spacing:.1em;color:var(--color-cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.app-header{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-slate);padding:var(--space-md) var(--space-xl);position:relative}.app-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-slate) 0%,var(--color-ember) 100%);opacity:0;animation:scanline 3s ease-in-out infinite}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-header h1{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-display);font-size:2.5rem;font-weight:400;letter-spacing:.05em;color:var(--color-text-primary);text-transform:uppercase;position:relative}.app-header h1:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,var(--color-slate),var(--color-ember));border-radius:2px}.app-emoji{font-size:2.25rem;filter:drop-shadow(0 0 8px var(--color-slate));animation:float 3s ease-in-out infinite}.logout-button{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-error);border:2px solid var(--color-error-dark);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-error);transition:left var(--transition-base);z-index:-1}.logout-button:hover{color:var(--color-bg-primary);border-color:var(--color-error);transform:translateY(-2px)}.logout-button:hover:before{left:0}.sync-progress-bar{background:var(--color-bg-tertiary);border-bottom:2px solid rgba(43,58,74,.2);padding:var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-right,0px)) var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-left,0px));position:relative}.sync-progress-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-slate),transparent);animation:progressScan 2s ease-in-out infinite}@keyframes progressScan{0%,to{opacity:.3}50%{opacity:1}}.sync-progress-bar__content{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.sync-progress-bar__status{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.sync-progress-bar__message{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:.05em;color:var(--color-text-primary)}.sync-progress-bar__detail{margin:0;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}.app-main{flex:1;padding:var(--space-xl) calc(var(--space-xl) + env(safe-area-inset-right,0px)) var(--space-xl) calc(var(--space-xl) + env(safe-area-inset-left,0px))}.content-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}section,.app-section{background:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-xl);position:relative;overflow:hidden;animation:slideInUp .5s ease-out backwards}.app-section:nth-child(1){animation-delay:.1s}.app-section:nth-child(2){animation-delay:.2s}.app-section:nth-child(3){animation-delay:.3s}.app-section:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-slate),var(--color-ember))}section h2,section h3{margin-bottom:var(--space-md);color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}section h2{font-size:2rem}section h3{font-size:1.5rem}section p{line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-md)}section ul,section ol{margin-left:var(--space-lg);line-height:1.8;color:var(--color-text-secondary)}section li{margin-bottom:var(--space-sm)}code{background:#2b3a4a1a;color:var(--color-slate-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;border:1px solid rgba(43,58,74,.2)}.app-footer{background:var(--color-bg-secondary);border-top:2px solid var(--color-bg-tertiary);padding:var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-right,0px)) calc(var(--space-lg) + env(safe-area-inset-bottom,0px)) calc(var(--space-xl) + env(safe-area-inset-left,0px));text-align:center}.app-footer p{color:var(--color-text-dim);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.05em}.modal-overlay{position:fixed;inset:0;background:#0a0e27e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.modal-content{background:var(--color-bg-secondary);border:2px solid var(--color-slate);border-radius:var(--radius-md);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:0 0 40px #2b3a4a33;animation:slideUp .3s ease-out;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-slate),var(--color-ember))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase}.modal-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.5;font-size:.9rem}.modal-error{color:var(--color-error);font-family:var(--font-mono);font-size:.875rem;padding:var(--space-sm) var(--space-md);background:#b272681a;border:1px solid var(--color-error-dark);border-radius:var(--radius-sm);margin-top:var(--space-md);letter-spacing:.05em}.modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);justify-content:flex-end}.modal-button{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button--primary{background:var(--color-ember);color:var(--color-bg-primary);border:2px solid var(--color-ember-dark)}.modal-button--primary:hover:not(:disabled){background:var(--color-ember-light);border-color:var(--color-ember);transform:translateY(-2px);box-shadow:0 8px 24px #5a9a7c4d}.modal-button--primary:active:not(:disabled){transform:translateY(0)}.modal-button--secondary{background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-slate-dark)}.modal-button--secondary:hover:not(:disabled){background:var(--color-slate-dark);color:var(--color-text-primary);border-color:var(--color-slate);transform:translateY(-2px)}.modal-button--secondary:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.app-header{padding:var(--space-md)}.header-content{flex-direction:column;gap:var(--space-md)}.app-header h1{font-size:1.75rem}.app-header h1:before{left:-10px}.logout-button{width:100%;text-align:center}.app-main{padding:var(--space-md) calc(var(--space-md) + env(safe-area-inset-right,0px)) var(--space-md) calc(var(--space-md) + env(safe-area-inset-left,0px))}section,.app-section{padding:var(--space-lg)}.modal-content{width:95%;padding:var(--space-lg)}.content-container{gap:var(--space-lg)}}html{scroll-behavior:smooth;background:var(--color-bg-secondary)}::selection{background:#2b3a4a4d;color:var(--color-text-primary)}*:focus-visible{outline:2px solid var(--color-slate);outline-offset:2px}button,a,input,textarea,select{transition:all var(--transition-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-dark)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) calc(var(--space-md) + env(safe-area-inset-right,0px)) calc(var(--space-md) + env(safe-area-inset-bottom,0px)) calc(var(--space-md) + env(safe-area-inset-left,0px));position:relative}.login-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-2xl);border:2px solid var(--color-slate);max-width:450px;width:100%;box-shadow:0 0 40px #2b3a4a4d,0 16px 48px #00000080;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-slate),var(--color-ember))}.login-card:after{content:"";position:absolute;top:50%;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(43,58,74,.1) 0%,transparent 70%);border-radius:50%;transform:translateY(-50%);pointer-events:none}.login-title{font-family:var(--font-display);font-size:2.5rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:var(--space-sm);text-align:center;position:relative;z-index:1}.login-title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--color-slate),var(--color-ember));margin:var(--space-sm) auto 0;border-radius:2px}.login-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-2xl);font-size:.875rem;position:relative;z-index:1}.login-form{display:flex;flex-direction:column;gap:var(--space-lg);position:relative;z-index:1}.login-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border:2px solid rgba(43,58,74,.2);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;transition:all var(--transition-base)}.login-input:focus{outline:none;border-color:var(--color-slate);background:var(--color-bg-tertiary);box-shadow:0 0 0 3px #2b3a4a1a}.login-input::placeholder{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.05em}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-button{padding:var(--space-md) var(--space-xl);background:var(--color-ember);border:none;border-radius:var(--radius-sm);color:var(--color-bg-primary);font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#e5ebf04d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.login-button:hover:not(:disabled){background:var(--color-ember-light);transform:translateY(-2px);box-shadow:0 8px 24px #5a9a7c66}.login-button:hover:not(:disabled):before{width:300px;height:300px}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--color-error);font-family:var(--font-mono);font-size:.8rem;padding:var(--space-md);background:#b272681a;border:2px solid var(--color-error);border-radius:var(--radius-sm);text-align:center;letter-spacing:.05em}.navbar{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-slate);padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) calc(var(--space-xl) + env(safe-area-inset-right,0px)) var(--space-md) calc(var(--space-xl) + env(safe-area-inset-left,0px));position:sticky;top:0;z-index:100}.navbar:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-slate) 0%,var(--color-ember) 100%);opacity:0;animation:scanline 3s ease-in-out infinite}@keyframes scanline{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:.6;transform:translate(100%)}}.navbar__content{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:var(--space-xl)}.navbar__brand{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.navbar__emoji{font-size:1.75rem;filter:drop-shadow(0 0 8px var(--color-slate));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.navbar__title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;letter-spacing:.05em;color:var(--color-text-primary);text-transform:uppercase;margin:0}.navbar__connections{display:flex;align-items:center;gap:var(--space-md);flex:1}.navbar__connection{position:relative}.navbar__connection-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:2px solid;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:all var(--transition-base);cursor:pointer;position:relative}.navbar__connection-indicator--connected{background:#6b9b8c1a;border-color:var(--color-success);color:var(--color-success);position:relative}.navbar__connection-indicator--connected:before{content:"";position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success);animation:connectedPulse 2s ease-in-out infinite}@keyframes connectedPulse{0%,to{opacity:.3}50%{opacity:1}}.navbar__connection-indicator--disconnected{background:#b272681a;border-color:var(--color-error);color:var(--color-error)}.navbar__connection-indicator--warning{background:#b8975e1a;border-color:var(--color-warning);color:var(--color-warning)}.navbar__connection-indicator--loading{background:#2b3a4a1a;border-color:var(--color-slate);color:var(--color-slate);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.navbar__connection-indicator:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.navbar__connection-icon{font-size:1rem}.navbar__connection-label{font-size:.7rem}.navbar__tooltip{position:absolute;top:calc(100% + var(--space-sm));left:50%;transform:translate(-50%);background:var(--color-bg-tertiary);border:2px solid var(--color-slate);border-radius:var(--radius-md);padding:var(--space-md);min-width:280px;max-width:calc(100vw - var(--space-xl));box-shadow:0 8px 24px #00000080;z-index:1000;animation:tooltipFadeIn .2s ease-out;pointer-events:auto}@media(max-width:640px){.navbar__tooltip{position:fixed;top:auto;bottom:auto;left:var(--space-sm);right:var(--space-sm);transform:none;min-width:0;width:auto;max-width:none}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.navbar__tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--color-slate)}.navbar__tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(43,58,74,.3);font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary)}.navbar__tooltip-status{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid currentColor}.navbar__tooltip-status--connected{background:#6b9b8c26;color:var(--color-success)}.navbar__tooltip-status--disconnected{background:#b2726826;color:var(--color-error)}.navbar__tooltip-status--warning{background:#b8975e26;color:var(--color-warning)}.navbar__tooltip-status--loading{background:#2b3a4a26;color:var(--color-slate)}.navbar__tooltip-details{display:flex;flex-direction:column;gap:var(--space-xs)}.navbar__tooltip-detail{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:var(--space-xs);background:#2b3a4a0d;border-radius:var(--radius-sm)}.navbar__tooltip-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.navbar__tooltip-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.7rem}.navbar__tooltip-warning{margin-top:var(--space-xs);padding:var(--space-sm);background:#b8975e1a;border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;color:var(--color-warning);line-height:1.4}.navbar__tooltip-disconnect{margin-top:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-error);border:2px solid var(--color-error-dark);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden}.navbar__tooltip-disconnect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-error);transition:left var(--transition-base);z-index:-1}.navbar__tooltip-disconnect:hover{color:var(--color-bg-primary);border-color:var(--color-error);transform:translateY(-1px)}.navbar__tooltip-disconnect:hover:before{left:0}.navbar__actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.navbar__user-email{font-size:.8rem;color:var(--color-text-muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.navbar__button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:2px solid;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.navbar__button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.navbar__button-icon{font-size:.9rem}.navbar__button-text{font-size:.7rem}.navbar__button--logout{background:transparent;color:var(--color-error);border-color:var(--color-error-dark)}.navbar__button--logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-error);transition:left var(--transition-base);z-index:-1}.navbar__button--logout:hover{color:var(--color-bg-primary);border-color:var(--color-error);transform:translateY(-2px)}.navbar__button--logout:hover:before{left:0}.navbar__button--notifications{background:transparent;color:var(--color-text-secondary);border-color:var(--color-bg-tertiary);padding:var(--space-sm)}.navbar__button--notifications:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-slate);transition:left var(--transition-base);z-index:-1}.navbar__button--notifications:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-slate);transform:translateY(-2px)}.navbar__button--notifications:hover:not(:disabled):before{left:0}.navbar__button--notifications-active{color:var(--color-success);border-color:var(--color-success)}.navbar__button--notifications-active:before{background:var(--color-success)}.navbar__button--notifications-active:hover:not(:disabled){border-color:var(--color-success)}@media(max-width:900px){.navbar__content{gap:var(--space-md)}.navbar__connection-label{display:none}.navbar__connection-indicator{padding:var(--space-sm)}}@media(max-width:640px){.navbar{padding:calc(var(--space-sm) + env(safe-area-inset-top,0px)) calc(var(--space-md) + env(safe-area-inset-right,0px)) var(--space-sm) calc(var(--space-md) + env(safe-area-inset-left,0px))}.navbar__content{gap:var(--space-sm)}.navbar__emoji{font-size:1.35rem}.navbar__title{font-size:0}.navbar__title:after{content:"MFS";font-size:1.35rem}.navbar__connections{gap:var(--space-xs)}.navbar__connection-indicator{padding:6px}.navbar__connection-indicator:before{display:none}.navbar__user-email,.navbar__button--logout .navbar__button-text{display:none}.navbar__button--logout{padding:var(--space-sm)}}.status-card{background:var(--color-bg-tertiary);border:2px solid var(--status-color);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;flex-direction:column}.status-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--status-color),transparent);animation:statusPulse 3s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.3}50%{opacity:1}}.status-card:hover{border-color:var(--status-color);transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px var(--status-color)}.status-card__header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.status-card__title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.status-card__title-group{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.status-card__icon{font-size:1.25rem;line-height:1;filter:drop-shadow(0 0 8px var(--status-color));flex-shrink:0}.status-card__title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:2px var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid currentColor;position:relative;white-space:nowrap;flex-shrink:0}.status-badge--success{background:#6b9b8c1a;color:var(--color-success);padding-left:14px}.status-badge--success:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:5px;height:5px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success);animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:.3}50%{opacity:1}}.status-badge--error{background:#b272681a;color:var(--color-error)}.status-badge--warning{background:#5a9a7c1a;color:var(--color-ember)}.status-badge--loading{background:#2b3a4a1a;color:var(--color-slate);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-card__content{color:var(--color-text-secondary);flex:1;display:flex;flex-direction:column;justify-content:center}.status-card__message{margin:0;font-size:.9rem;line-height:1.6}.status-card__message--warning{color:var(--color-ember);font-family:var(--font-mono);font-size:.85rem;padding:var(--space-sm);background:#5a9a7c1a;border-left:3px solid var(--color-ember);border-radius:var(--radius-sm)}.status-card__action-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.status-card__info{display:flex;flex-direction:column;gap:var(--space-xs)}.status-card__info-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;padding:var(--space-xs) var(--space-sm);background:#2b3a4a0d;border-radius:var(--radius-sm);border-left:2px solid var(--color-slate)}.status-card__info-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em}.status-card__info-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.85rem}.status-card__button{padding:var(--space-xs) var(--space-md);background:var(--color-success);color:var(--color-bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);align-self:center;position:relative;overflow:hidden}.status-card__button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#e5ebf04d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.status-card__button:hover:not(:disabled){background:var(--color-success-light);transform:translateY(-2px);box-shadow:0 4px 12px #6b9b8c66}.status-card__button:hover:not(:disabled):before{width:300px;height:300px}.status-card__button:active:not(:disabled){transform:translateY(0)}.status-card__button:disabled{opacity:.5;cursor:not-allowed}.status-card__button--disconnect{background:var(--color-error);margin-top:var(--space-sm)}.status-card__button--disconnect:hover:not(:disabled){background:var(--color-error);box-shadow:0 4px 12px #b2726866;filter:brightness(1.2)}.status-card--connected{--status-color: var(--color-success)}.status-card--disconnected{--status-color: var(--color-error)}.status-card--warning{--status-color: var(--color-ember)}.status-card--loading{--status-color: var(--color-slate)}@media(max-width:768px){.status-card{padding:var(--space-sm) var(--space-md)}.status-card__button{width:100%;text-align:center}}.stat-card{background:var(--color-bg-tertiary);border:2px solid var(--accent-color);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:0;animation:slideAccent 2s ease-in-out infinite}@keyframes slideAccent{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.stat-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 8px 24px #0006,0 0 0 1px var(--accent-color);background:var(--accent-bg-hover)}.stat-card:after{content:"";position:absolute;top:50%;right:var(--space-lg);width:60px;height:60px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.1;border-radius:50%;transform:translateY(-50%);pointer-events:none}.stat-card__icon-wrapper{width:3.5rem;height:3.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border:2px solid var(--accent-color);flex-shrink:0;position:relative}.stat-card__icon-wrapper:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-sm);padding:2px;background:linear-gradient(135deg,var(--accent-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.stat-card:hover .stat-card__icon-wrapper:before{opacity:1}.stat-card__icon{font-size:1.75rem;line-height:1;filter:drop-shadow(0 0 8px var(--accent-color))}.stat-card__content{flex:1;min-width:0}.stat-card__label{margin:0 0 var(--space-xs) 0;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em}.stat-card__value-group{display:flex;align-items:baseline;gap:var(--space-md)}.stat-card__value{margin:0;font-family:var(--font-display);font-size:2.25rem;font-weight:400;letter-spacing:.05em;color:var(--color-text-primary);line-height:1}.stat-card__trend{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);letter-spacing:.05em}.stat-card__trend--up{color:var(--color-success);background:#6b9b8c26;border:1px solid var(--color-success-dark)}.stat-card__trend--down{color:var(--color-error);background:#b2726826;border:1px solid var(--color-error-dark)}.stat-card--purple{--accent-color: #a78bfa;--accent-bg: rgba(167, 139, 250, .1);--accent-bg-hover: rgba(167, 139, 250, .05)}.stat-card--green{--accent-color: var(--color-success);--accent-bg: rgba(107, 155, 140, .1);--accent-bg-hover: rgba(107, 155, 140, .05)}.stat-card--blue{--accent-color: var(--color-slate);--accent-bg: rgba(43, 58, 74, .1);--accent-bg-hover: rgba(43, 58, 74, .05)}.stat-card--orange{--accent-color: var(--color-ember);--accent-bg: rgba(90, 154, 124, .1);--accent-bg-hover: rgba(90, 154, 124, .05)}@media(max-width:768px){.stat-card{padding:var(--space-md);gap:var(--space-md)}.stat-card__icon-wrapper{width:3rem;height:3rem}.stat-card__icon{font-size:1.5rem}.stat-card__value{font-size:1.75rem}}.activity-card{background:var(--color-bg-tertiary);border:2px solid;border-left:4px solid;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.activity-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor;opacity:.5}.activity-card:hover{transform:translate(4px);border-color:currentColor;box-shadow:-4px 0 0 0 currentColor}.activity-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.activity-card__status{display:flex;align-items:center;gap:var(--space-sm)}.activity-card__icon{font-size:1.25rem;line-height:1;filter:drop-shadow(0 0 6px currentColor)}.activity-card__status-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.activity-card__time{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-dim);letter-spacing:.05em}.activity-card__content{display:flex;flex-direction:column;gap:var(--space-sm)}.activity-card__filename{margin:0;font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--color-text-primary);word-break:break-all}.activity-card__reason{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.activity-card__activity-id{margin:0;font-size:.8rem;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.activity-card__label{font-family:var(--font-mono);color:var(--color-text-dim);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.activity-card__code{background:#2b3a4a1a;color:var(--color-slate);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;border:1px solid rgba(43,58,74,.3)}.activity-card__details{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);background:#2b3a4a0d;border:2px solid rgba(43,58,74,.2)}.activity-card__details-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.activity-card__details-icon{font-size:1rem}.activity-card__details-content{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.8rem;color:var(--color-text-secondary)}.activity-card__details-content p{margin:0}.activity-card__details-content strong{color:var(--color-text-primary);margin-right:var(--space-sm);font-family:var(--font-mono);font-size:.7rem}@media(max-width:768px){.activity-card{padding:var(--space-sm) var(--space-md)}.activity-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.activity-card__filename{font-size:.85rem}}.progress-bar-container{width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);gap:var(--space-md)}.progress-bar__label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em}.progress-bar__percentage{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.progress-bar{width:100%;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative;border:2px solid rgba(43,58,74,.2)}.progress-bar--small{height:.5rem}.progress-bar--medium{height:.75rem}.progress-bar--large{height:1rem}.progress-bar__fill{height:100%;transition:width .4s ease;position:relative;overflow:hidden}.progress-bar__fill--purple{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.progress-bar__fill--green{background:linear-gradient(90deg,var(--color-success-dark),var(--color-success))}.progress-bar__fill--blue{background:linear-gradient(90deg,var(--color-slate-dark),var(--color-slate))}.progress-bar__fill--orange{background:linear-gradient(90deg,var(--color-ember-dark),var(--color-ember))}.progress-bar__shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(229,235,240,.4),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.toast-container{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;gap:var(--space-md);max-width:400px;width:calc(100% - 2rem)}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:2px solid;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080,0 0 0 1px;animation:slideInUp .3s ease-out;border-left:4px solid;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:toastScan 2s ease-in-out infinite}@keyframes toastScan{0%,to{opacity:.3}50%{opacity:1}}.toast--success{border-color:var(--color-success);color:var(--color-success)}.toast--error{border-color:var(--color-error);color:var(--color-error)}.toast--warning{border-color:var(--color-ember);color:var(--color-ember)}.toast--info{border-color:var(--color-slate);color:var(--color-slate)}.toast__icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;border:2px solid currentColor;position:relative}.toast--success .toast__icon{background:#6b9b8c26;box-shadow:0 0 12px var(--color-success)}.toast--error .toast__icon{background:#b2726826;box-shadow:0 0 12px var(--color-error)}.toast--warning .toast__icon{background:#5a9a7c26;box-shadow:0 0 12px var(--color-ember)}.toast--info .toast__icon{background:#2b3a4a26;box-shadow:0 0 12px var(--color-slate)}.toast__message{flex:1;margin:0;color:var(--color-text-primary);font-size:.875rem;line-height:1.4}.toast__close{background:none;border:2px solid var(--color-text-dim);color:var(--color-text-dim);font-family:var(--font-mono);font-size:.75rem;font-weight:700;line-height:1;cursor:pointer;padding:var(--space-xs);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast__close:hover{background:currentColor;border-color:currentColor;color:var(--color-bg-primary)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.toast-container{bottom:var(--space-sm);left:50%;width:calc(100% - 1rem)}.toast{padding:var(--space-sm) var(--space-md)}.toast__message{font-size:.8rem}}.connections-panel{width:100%}.connections-panel__header{margin-bottom:var(--space-xl)}.connections-panel__title{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;position:relative;padding-left:var(--space-md)}.connections-panel__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(180deg,var(--color-slate),var(--color-ember));border-radius:2px}.connections-panel__subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0;padding-left:var(--space-md)}.connections-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.connections-panel__modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:768px){.connections-panel__grid{grid-template-columns:1fr}}.activity-history{width:100%}.activity-history__header{margin-bottom:var(--space-xl)}.activity-history__title{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;position:relative;padding-left:var(--space-md)}.activity-history__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(180deg,var(--color-slate),var(--color-ember));border-radius:2px}.activity-history__subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0;padding-left:var(--space-md)}.activity-history__filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.activity-history__filter-button{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-sm)}.activity-history__filter-button:hover{background:#2b3a4a0d;border-color:var(--color-slate);transform:translateY(-1px);color:var(--color-slate)}.activity-history__filter-button--active{background:var(--color-slate);color:var(--color-bg-primary);border-color:var(--color-slate)}.activity-history__filter-badge{padding:var(--space-xs) var(--space-sm);background:#e5ebf033;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.activity-history__filter-button--active .activity-history__filter-badge{background:#13171e4d}.activity-history__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-secondary)}.activity-history__spinner{width:40px;height:40px;border:3px solid rgba(43,58,74,.2);border-top-color:var(--color-slate);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.activity-history__error{text-align:center;padding:var(--space-2xl);color:var(--color-error);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.activity-history__retry-button{padding:var(--space-sm) var(--space-lg);background:var(--color-ember);color:var(--color-bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base)}.activity-history__retry-button:hover{background:var(--color-ember-light);transform:translateY(-2px);box-shadow:0 4px 12px #5a9a7c66}.activity-history__list{display:flex;flex-direction:column;gap:var(--space-md)}.activity-history__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);gap:var(--space-md)}.activity-history__pagination-button{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-slate);border:2px solid var(--color-slate-dark);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden}.activity-history__pagination-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-slate);transition:left var(--transition-base);z-index:-1}.activity-history__pagination-button:hover:not(:disabled){color:var(--color-bg-primary);border-color:var(--color-slate);transform:translateY(-1px)}.activity-history__pagination-button:hover:not(:disabled):before{left:0}.activity-history__pagination-button:disabled{opacity:.4;cursor:not-allowed}.activity-history__pagination-info{font-family:var(--font-mono);color:var(--color-text-dim);font-size:.75rem;font-weight:700;letter-spacing:.1em}.activity-history__empty{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--color-text-secondary)}.activity-history__empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md);opacity:.5;filter:drop-shadow(0 0 16px currentColor)}.activity-history__empty-text{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.activity-history__empty-subtext{font-size:.9rem;margin:0}@media(max-width:768px){.activity-history__filters{gap:var(--space-sm)}.activity-history__filter-button{padding:var(--space-sm) var(--space-md);font-size:.7rem}.activity-history__pagination{flex-wrap:wrap}.activity-history__pagination-button{flex:1;min-width:120px}.activity-history__pagination-info{width:100%;text-align:center;order:-1;margin-bottom:var(--space-sm)}}.cycling-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.cycling-tab__actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-bg-tertiary)}.cycling-tab__button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden;border:2px solid;display:flex;align-items:center;gap:var(--space-sm)}.cycling-tab__button:disabled{opacity:.5;cursor:not-allowed}.cycling-tab__button:disabled:hover{transform:none}.cycling-tab__button-icon{font-size:1rem}.cycling-tab__button-text{font-size:.75rem}.cycling-tab__button--secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-slate)}.cycling-tab__button--secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-slate);transition:left var(--transition-base);z-index:-1}.cycling-tab__button--secondary:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-slate-light);transform:translateY(-2px)}.cycling-tab__button--secondary:hover:not(:disabled):before{left:0}.cycling-tab__button--primary{background:transparent;color:var(--color-ember);border-color:var(--color-ember-dark)}.cycling-tab__button--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-ember);transition:left var(--transition-base);z-index:-1}.cycling-tab__button--primary:hover:not(:disabled){color:var(--color-bg-primary);border-color:var(--color-ember);transform:translateY(-2px);box-shadow:0 0 12px #5a9a7c4d}.cycling-tab__button--primary:hover:not(:disabled):before{left:0}@media(max-width:768px){.cycling-tab__actions{flex-direction:column}.cycling-tab__button{width:100%;justify-content:center}}.running-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.running-tab__actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-bg-tertiary)}.running-tab__button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);position:relative;overflow:hidden;border:2px solid;display:flex;align-items:center;gap:var(--space-sm)}.running-tab__button:disabled{opacity:.5;cursor:not-allowed}.running-tab__button:disabled:hover{transform:none}.running-tab__button-icon{font-size:1rem}.running-tab__button-text{font-size:.75rem}.running-tab__button--sync{background:var(--color-success, #5a9a7c);color:var(--color-text-primary);border-color:var(--color-success, #5a9a7c)}.running-tab__button--sync:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-success-light, #6bb98c);transition:left var(--transition-base);z-index:-1}.running-tab__button--sync:hover:not(:disabled){border-color:var(--color-success-light, #6bb98c);transform:translateY(-2px);box-shadow:0 4px 12px #5a9a7c4d}.running-tab__button--sync:hover:not(:disabled):before{left:0}.running-tab__button--secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-slate)}.running-tab__button--secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-slate);transition:left var(--transition-base);z-index:-1}.running-tab__button--secondary:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-slate-light);transform:translateY(-2px)}.running-tab__button--secondary:hover:not(:disabled):before{left:0}.running-tab__section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:var(--space-xl) 0 var(--space-sm) 0}.running-tab__section-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.running-tab__merge-section{margin-bottom:var(--space-xxl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--color-bg-tertiary)}.running-tab__merge-action{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-bg-tertiary)}.running-tab__group-actions{display:flex;gap:var(--space-sm);align-items:center}.running-tab__group-actions .running-tab__button{flex:1}.running-tab__error{background:var(--color-bg-secondary);border:2px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md);transition:all var(--transition-base)}.running-tab__error:before{content:"⚠️";font-size:1.5rem;flex-shrink:0}.running-tab__error p{margin:0;color:var(--color-error-light);font-size:.95rem;line-height:1.5}.running-tab__error:hover{border-color:var(--color-error-light);transform:translateY(-2px);box-shadow:0 4px 12px #b2726833}.running-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);text-align:center;color:var(--color-text-dim)}.running-tab__empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.running-tab__empty-text{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary)}.running-tab__empty-subtext{margin:0;font-size:.875rem;color:var(--color-text-dim);max-width:400px}.running-tab__results{display:flex;flex-direction:column;gap:var(--space-xl)}.running-tab__results-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.running-tab__group{background:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.running-tab__group:hover{border-color:var(--color-slate);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.running-tab__group-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-bg-tertiary)}.running-tab__group-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.running-tab__group-activities{display:flex;flex-direction:column;gap:var(--space-md)}.running-tab__activity{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-base)}.running-tab__activity:hover{border-color:var(--color-slate)}.running-tab__activity--track{background:var(--color-ember-dark, #2a4a3a);border-color:var(--color-ember, #5a9a7c)}.running-tab__activity-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);min-width:80px;padding-top:2px}.running-tab__activity--track .running-tab__activity-label{color:var(--color-ember)}.running-tab__activity-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.running-tab__activity-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.running-tab__activity-details{display:flex;gap:var(--space-md);flex-wrap:wrap;font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.running-tab__activity-details span{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}.running-tab__arrow{text-align:center;font-size:1.5rem;color:var(--color-text-dim);padding:var(--space-xs) 0}.running-tab__validation{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-sm);display:flex;align-items:flex-start;gap:var(--space-md);border:2px solid;transition:all var(--transition-base)}.running-tab__validation--success{background:#6b9b8c1a;border-color:var(--color-success)}.running-tab__validation--error{background:#b272681a;border-color:var(--color-error)}.running-tab__validation-icon{font-size:1.5rem;flex-shrink:0}.running-tab__validation-content{flex:1}.running-tab__validation-title{font-size:.95rem;font-weight:600;margin-bottom:var(--space-xs)}.running-tab__validation--success .running-tab__validation-title{color:var(--color-success-light)}.running-tab__validation--error .running-tab__validation-title{color:var(--color-error-light)}.running-tab__validation-details{font-size:.85rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.running-tab__merge-section{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-bg-tertiary)}.running-tab__button--primary{background:var(--color-ember);color:var(--color-text-primary);border-color:var(--color-ember);width:100%;justify-content:center}.running-tab__button--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-ember-light);transition:left var(--transition-base);z-index:-1}.running-tab__button--primary:hover:not(:disabled){border-color:var(--color-ember-light);transform:translateY(-2px);box-shadow:0 4px 12px #5a9a7c4d}.running-tab__button--primary:hover:not(:disabled):before{left:0}.running-tab__button--small{padding:var(--space-xs) var(--space-md);font-size:.7rem}.running-tab__button--warning{background:var(--color-warning, #ff9800);border-color:var(--color-warning, #ff9800);color:var(--color-text-primary)}.running-tab__button--warning:hover:not(:disabled){background:var(--color-warning-light, #ffb74d);border-color:var(--color-warning-light, #ffb74d)}.running-tab__merge-status{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);border:2px solid}.running-tab__merge-status--loading{background:#5a9a7c1a;border-color:var(--color-ember);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.running-tab__merge-status--success{background:#6b9b8c1a;border-color:var(--color-success)}.running-tab__merge-status--error{background:#b272681a;border-color:var(--color-error);margin-bottom:var(--space-sm);max-width:100%;overflow:hidden}.running-tab__merge-icon{font-size:1.5rem;flex-shrink:0}.running-tab__merge-text{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.running-tab__merge-error{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.running-tab__merge-error-text{font-size:.875rem;font-weight:500;color:var(--color-error-light);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.5;max-width:100%;overflow:hidden}.running-tab__merge-error-step{font-size:.85rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.running-tab__merge-error-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.running-tab__sync-result{background:#6b9b8c1a;border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md);transition:all var(--transition-base);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.running-tab__sync-result-icon{font-size:1.5rem;flex-shrink:0}.running-tab__sync-result-content{flex:1}.running-tab__sync-result-title{font-size:1rem;font-weight:600;color:var(--color-success-light);margin-bottom:var(--space-xs)}.running-tab__sync-result-details{font-size:.875rem;color:var(--color-text-secondary)}.running-tab__sync-result-details p{margin:.25rem 0}.running-tab__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);text-align:center;color:var(--color-text-dim)}.running-tab__loading-icon{font-size:3rem;margin-bottom:var(--space-md);animation:pulse 2s ease-in-out infinite}.running-tab__date-group{margin-bottom:var(--space-xl)}.running-tab__date-header{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-bg-tertiary)}.running-tab__merge-controls{background:#6b9b8c1a;border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.running-tab__merge-info{font-size:.875rem;font-weight:600;color:var(--color-success-light);margin-bottom:var(--space-sm)}.running-tab__merge-validation{margin-top:var(--space-sm);font-size:.875rem}.running-tab__merge-validation--success{color:var(--color-success-light)}.running-tab__merge-validation--error{color:var(--color-error)}.running-tab__activities{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.running-tab__activity-card{background:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-base)}.running-tab__activity-card:hover{border-color:var(--color-slate);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.running-tab__activity-card--highlight{border-color:var(--color-success);background:#6b9b8c0d;box-shadow:0 0 0 1px var(--color-success)}.running-tab__activity-card--highlight:hover{border-color:var(--color-success-light);box-shadow:0 0 0 2px var(--color-success-light),0 4px 12px #6b9b8c33}.running-tab__activity-card--merged{opacity:.5;filter:grayscale(.8);pointer-events:none;position:relative}.running-tab__activity-card--merged:after{content:"✓ Merged";position:absolute;top:var(--space-xs);right:var(--space-xs);background:var(--color-success);color:var(--color-text-primary);padding:2px 8px;border-radius:var(--radius-xs);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:1}.running-tab__activity-card-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.running-tab__activity-icon{font-size:1.5rem;flex-shrink:0}.running-tab__activity-title{flex:1;min-width:0}.running-tab__activity-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.running-tab__activity-time{font-size:.75rem;color:var(--color-text-dim);font-family:var(--font-mono);margin-top:var(--space-xs)}.running-tab__activity-stats{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.running-tab__stat{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xs);padding:var(--space-xs) var(--space-sm);min-width:0;flex:1 1 calc(50% - var(--space-sm))}.running-tab__stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:2px;font-weight:700}.running-tab__stat-value{font-size:.875rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.running-tab__merged-activity{background:var(--color-bg-primary);border-radius:var(--radius-sm);overflow:hidden}.running-tab__merged-activity-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#6b9b8c26;border-bottom:2px solid var(--color-success)}.running-tab__merged-activity-icon{font-size:2rem;flex-shrink:0}.running-tab__merged-activity-title{flex:1}.running-tab__merged-activity-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.running-tab__merged-activity-subtitle{font-size:.875rem;color:var(--color-success-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.running-tab__merged-activity-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);padding:var(--space-md)}.running-tab__merged-activity-stats .running-tab__stat{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary)}@media(max-width:900px){.running-tab__actions{flex-direction:column}.running-tab__button{width:100%;justify-content:center;padding:var(--space-md) var(--space-lg);min-height:48px}.running-tab__activities{grid-template-columns:1fr}.running-tab__activity-card{flex-direction:column}.running-tab__activity-label{min-width:auto}.running-tab__activity-details{flex-direction:column}}.tabs{width:100%}.tabs__header{display:flex;gap:0;border-bottom:2px solid var(--color-bg-tertiary);margin-bottom:var(--space-lg);position:relative}.tabs__header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-slate),var(--color-ember));opacity:.3}.tabs__tab{padding:var(--space-md) var(--space-xl);background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-dim);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--transition-base);position:relative}.tabs__tab:hover{color:var(--color-text-secondary);background:#2b3a4a1a}.tabs__tab--active{color:var(--color-ember);border-bottom-color:var(--color-ember)}.tabs__tab--active:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--color-ember);box-shadow:0 0 8px var(--color-ember)}.tabs__content{width:100%}@media(max-width:768px){.tabs__tab{padding:var(--space-sm) var(--space-md);font-size:.875rem}}.admin-panel{padding:var(--space-lg) 0}.admin-panel__title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.admin-panel__description{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 var(--space-lg) 0}.admin-panel__error{background:#b272681a;color:var(--color-error);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-error-dark);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em}.admin-panel__form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.admin-panel__input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:2px solid var(--color-slate-dark);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem;color:var(--color-text-primary);transition:all var(--transition-base)}.admin-panel__input::placeholder{color:var(--color-text-dim)}.admin-panel__input:focus{outline:none;border-color:var(--color-ember);box-shadow:0 0 0 2px #5a9a7c33}.admin-panel__add-button{padding:var(--space-sm) var(--space-lg);background:var(--color-ember);color:var(--color-bg-primary);border:2px solid var(--color-ember-dark);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:all var(--transition-base)}.admin-panel__add-button:hover:not(:disabled){background:var(--color-ember-light);border-color:var(--color-ember);transform:translateY(-2px);box-shadow:0 4px 12px #5a9a7c4d}.admin-panel__add-button:disabled{opacity:.4;cursor:not-allowed}.admin-panel__list{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-panel__user{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border:2px solid rgba(43,58,74,.2);border-radius:var(--radius-md);transition:all var(--transition-base)}.admin-panel__user:hover{border-color:var(--color-slate)}.admin-panel__user-info{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-panel__user-email{font-size:.9rem;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.admin-panel__badge{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--color-ember);color:var(--color-bg-primary);padding:2px 8px;border-radius:var(--radius-sm)}.admin-panel__user-connections{display:flex;gap:6px}.admin-panel__dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6rem;font-weight:700;background:var(--color-slate-dark);color:var(--color-text-dim);letter-spacing:0}.admin-panel__dot--active{background:var(--color-success-dark);color:var(--color-text-primary)}.admin-panel__remove-button{padding:var(--space-xs) var(--space-md);background:transparent;color:var(--color-error);border:2px solid var(--color-error-dark);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base)}.admin-panel__remove-button:hover{background:var(--color-error);color:var(--color-bg-primary);border-color:var(--color-error);transform:translateY(-2px)}.admin-panel__barrys{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:2px solid rgba(43,58,74,.2)}.admin-panel__barrys-status{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border:2px solid rgba(43,58,74,.2);border-radius:var(--radius-md)}.admin-panel__barrys-info{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.admin-panel__barrys-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm)}.admin-panel__barrys-badge--valid{background:var(--color-success-dark);color:var(--color-text-primary)}.admin-panel__barrys-badge--expired{background:#b2726833;color:var(--color-error)}.admin-panel__barrys-email{font-size:.875rem;color:var(--color-text-primary)}.admin-panel__barrys-date{font-size:.75rem;color:var(--color-text-dim);font-family:var(--font-mono)}.admin-panel__barrys-form{display:flex;gap:var(--space-sm)}.admin-panel__empty{color:var(--color-text-dim);font-size:.875rem;text-align:center;padding:var(--space-xl);font-family:var(--font-mono);letter-spacing:.05em}@media(max-width:768px){.admin-panel__form{flex-direction:column}.admin-panel__add-button{width:100%;text-align:center}.admin-panel__user{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.admin-panel__remove-button{width:100%;text-align:center}.admin-panel__barrys-form{flex-direction:column}.admin-panel__barrys-status{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.barrys-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.barrys-tab__actions{display:flex;gap:var(--space-md);justify-content:space-between;align-items:center;padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-bg-tertiary)}.barrys-tab__sync-group{display:flex;align-items:center;gap:var(--space-md)}.barrys-tab__sync-time{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);letter-spacing:.03em}.barrys-tab__button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base);border:2px solid;display:flex;align-items:center;gap:var(--space-sm);background:var(--color-success, #5a9a7c);color:var(--color-text-primary);border-color:var(--color-success, #5a9a7c);position:relative;overflow:hidden}.barrys-tab__button:disabled{opacity:.5;cursor:not-allowed}.barrys-tab__button:hover:not(:disabled){border-color:var(--color-success-light, #6bb98c);transform:translateY(-2px);box-shadow:0 4px 12px #5a9a7c4d}.barrys-tab__week{margin-bottom:var(--space-xl)}.barrys-tab__week-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-bg-tertiary)}.barrys-tab__day{margin-bottom:var(--space-lg)}.barrys-tab__day-header{font-size:1rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm) 0}.barrys-tab__day-date{font-weight:400;color:var(--color-text-dim);font-family:var(--font-mono);font-size:.85rem;margin-left:var(--space-sm)}.barrys-tab__classes{display:flex;flex-direction:column;gap:var(--space-sm)}.barrys-tab__class{background:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-md)}.barrys-tab__class:hover{border-color:var(--color-slate);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.barrys-tab__class--booked{border-color:var(--color-success);background:#6b9b8c14}.barrys-tab__class--booked:hover{border-color:var(--color-success-light)}.barrys-tab__class--available{border-color:var(--color-warning);background:#b8975e14}.barrys-tab__class--available:hover{border-color:var(--color-warning-light)}.barrys-tab__class--highlight{border-color:var(--color-ember);background:#5a9a7c14}.barrys-tab__class--highlight:hover{border-color:var(--color-ember-light)}.barrys-tab__class-time{font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:var(--color-text-primary);min-width:80px;flex-shrink:0}.barrys-tab__class-info{flex:1;min-width:0}.barrys-tab__class-name{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.barrys-tab__class-meta{display:flex;gap:var(--space-md);flex-wrap:wrap;font-size:.8rem;color:var(--color-text-secondary)}.barrys-tab__class-meta span{display:flex;align-items:center;gap:4px}.barrys-tab__availability{display:flex;gap:var(--space-sm);margin-top:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim)}.barrys-tab__availability span{padding:1px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}.barrys-tab__avail-label{font-family:var(--font-body);font-size:.8rem;font-weight:400;color:var(--color-text-secondary);letter-spacing:normal;background:none!important;padding:0!important}.barrys-tab__avail-label--short{display:none}.barrys-tab__avail--has-spots{color:var(--color-success-light);background:#6b9b8c26!important}.barrys-tab__class-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.barrys-tab__book-button{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;cursor:pointer;border:2px solid var(--color-ember);background:var(--color-ember);color:var(--color-bg-primary);font-family:var(--font-mono);transition:all var(--transition-base)}.barrys-tab__book-button:hover:not(:disabled){background:var(--color-ember-light);border-color:var(--color-ember-light);transform:translateY(-1px)}.barrys-tab__book-button:disabled{opacity:.6;cursor:not-allowed}.barrys-tab__class-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-sm);border-radius:var(--radius-xs);white-space:nowrap;flex-shrink:0}.barrys-tab__class-badge--booked{background:var(--color-success);color:var(--color-bg-primary)}.barrys-tab__class-badge--available{background:#b8975e33;color:var(--color-warning);border:1px solid var(--color-warning)}.barrys-tab__class-badge--attended{background:#6b9b8c33;color:var(--color-success-light);border:1px solid var(--color-success)}.barrys-tab__class-badge--cancelled{background:#b2726833;color:var(--color-error);border:1px solid var(--color-error)}.barrys-tab__class-badge--noshow{background:#b2726826;color:var(--color-error-light);border:1px solid var(--color-error)}.barrys-tab__class--dimmed{opacity:.5}.barrys-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);text-align:center;color:var(--color-text-dim)}.barrys-tab__empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.barrys-tab__empty-text{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary)}.barrys-tab__empty-subtext{margin:0;font-size:.875rem;color:var(--color-text-dim);max-width:400px}.barrys-tab__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);text-align:center;color:var(--color-text-dim)}.barrys-tab__loading-icon{font-size:3rem;margin-bottom:var(--space-md);animation:barrys-pulse 2s ease-in-out infinite}@keyframes barrys-pulse{0%,to{opacity:1}50%{opacity:.5}}.barrys-tab__error{background:var(--color-bg-secondary);border:2px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md)}.barrys-tab__error:before{content:"⚠️";font-size:1.5rem;flex-shrink:0}.barrys-tab__error p{margin:0;color:var(--color-error-light);font-size:.95rem;line-height:1.5}.barrys-tab__filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.barrys-tab__filter{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-bg-tertiary);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em}.barrys-tab__filter:hover{border-color:var(--color-slate);color:var(--color-text-primary)}.barrys-tab__filter--active{background:var(--color-ember);border-color:var(--color-ember);color:var(--color-bg-primary)}.barrys-tab__filter--active:hover{background:var(--color-ember-light);border-color:var(--color-ember-light)}@media(max-width:768px){.barrys-tab__actions{flex-wrap:wrap}.barrys-tab__class{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.barrys-tab__class-time{min-width:auto;display:flex;align-items:center;gap:var(--space-sm)}.barrys-tab__class-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.barrys-tab__book-button{width:100%;text-align:center;padding:var(--space-sm) var(--space-md)}.barrys-tab__avail-label--full{display:none}.barrys-tab__avail-label--short{display:inline}.barrys-tab__availability{gap:4px}.barrys-tab__availability span{padding:1px 4px}}.booking-modal{background:var(--color-bg-secondary);border:2px solid var(--color-ember);border-radius:var(--radius-md);padding:var(--space-xl);max-width:380px;width:90%;box-shadow:0 0 60px #5a9a7c26,0 0 20px #5a9a7c14;animation:slideUp .3s ease-out;position:relative;overflow:hidden}.booking-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-ember),var(--color-warning),var(--color-ember))}.booking-modal__header{margin-bottom:var(--space-lg)}.booking-modal__title{margin:0;color:var(--color-text-primary);font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em;text-transform:uppercase}.booking-modal__class{background:var(--color-bg-tertiary);border:1px solid rgba(43,58,74,.3);border-radius:var(--radius-sm);padding:var(--space-lg);margin-bottom:var(--space-lg)}.booking-modal__date{font-family:var(--font-display);font-size:1.1rem;color:var(--color-ember);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-sm)}.booking-modal__details{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.booking-modal__time{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.booking-modal__separator{width:4px;height:4px;border-radius:50%;background:var(--color-text-dim);flex-shrink:0}.booking-modal__instructor{font-size:1rem;color:var(--color-text-secondary)}.booking-modal__meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);letter-spacing:.05em}.booking-modal__spots{color:var(--color-warning);font-weight:700}.booking-modal__error{color:var(--color-error);font-family:var(--font-mono);font-size:.8rem;padding:var(--space-sm) var(--space-md);background:#b272681a;border:1px solid var(--color-error-dark);border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.booking-modal__actions{display:flex;flex-direction:column;gap:var(--space-sm)}.booking-modal__btn{width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base)}.booking-modal__btn:disabled{opacity:.5;cursor:not-allowed}.booking-modal__btn--book{background:var(--color-ember);color:var(--color-bg-primary);border:2px solid var(--color-ember-dark);font-size:.875rem;padding:var(--space-md) var(--space-lg)}.booking-modal__btn--book:hover:not(:disabled){background:var(--color-ember-light);border-color:var(--color-ember);transform:translateY(-1px);box-shadow:0 4px 16px #5a9a7c4d}.booking-modal__btn--book:active:not(:disabled){transform:translateY(0)}.booking-modal__btn--skip{background:transparent;color:var(--color-error);border:1px solid var(--color-error-dark)}.booking-modal__btn--skip:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.booking-modal__btn--later{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-slate)}.booking-modal__btn--later:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}