@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.upgrade-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.upgrade-modal{background:#0f172af2;border:1px solid #8b5cf64d;border-radius:16px;width:90%;max-width:460px;padding:2.5rem;animation:.3s slideUp;position:relative;box-shadow:0 0 40px #8b5cf626,0 20px 60px #00000080}.upgrade-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.upgrade-close:hover{color:#e2e8f0;background:#ffffff1a}.upgrade-header{text-align:center;margin-bottom:1.5rem}.upgrade-icon-wrap{color:#a78bfa;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf64d;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;animation:2s ease-in-out infinite pulse-glow;display:flex}.upgrade-header h2{color:#f1f5f9;margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.upgrade-subtitle{color:#94a3b8;font-size:.9rem;line-height:1.5}.plan-badge{letter-spacing:.3px;border-radius:4px;padding:.15rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.plan-current{color:#94a3b8;background:#64748b33;border:1px solid #64748b4d}.plan-required{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.upgrade-benefits{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:.65rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.benefit-row{color:#cbd5e1;align-items:center;gap:.6rem;font-size:.88rem;animation:.3s both fadeSlideIn;display:flex}.benefit-row:first-child{animation-delay:50ms}.benefit-row:nth-child(2){animation-delay:.1s}.benefit-row:nth-child(3){animation-delay:.15s}.benefit-row:nth-child(4){animation-delay:.2s}.benefit-row:nth-child(5){animation-delay:.25s}.benefit-check{color:#34d399;flex-shrink:0}.upgrade-actions{flex-direction:column;gap:.6rem;display:flex}.btn-upgrade{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #8b5cf64d}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.btn-upgrade-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:.7rem 1.5rem;font-size:.88rem;transition:all .2s}.btn-upgrade-secondary:hover{color:#e2e8f0;background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 20px 4px #8b5cf626}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--color-primary-dark) 0%, #0a1f14 100%);z-index:var(--z-sidebar);transition:width var(--transition-base);border-right:1px solid #2d6a4f26;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-header{padding:var(--space-5) var(--space-4);border-bottom:1px solid #2d6a4f26;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-md);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-glow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-text{flex-direction:column;display:flex}.logo-title{font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;letter-spacing:-.01em}.logo-subtitle{font-size:var(--text-xs);color:var(--color-primary-lighter)}.sidebar-toggle{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff14}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ffffff8c;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex}.nav-item:hover{color:#ffffffd9;background:#ffffff0f}.nav-item-active{color:#fff;box-shadow:inset 3px 0 0 var(--color-accent-gold);background:linear-gradient(135deg,#2d6a4f59,#2d6a4f26)}.nav-divider{height:1px;margin:var(--space-3) var(--space-4);background:#2d6a4f26}.nav-item-locked{opacity:.45;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;position:relative}.nav-item-locked:hover{opacity:.7;color:#a78bfae6;background:#8b5cf614}.lock-icon{color:#8b5cf699;margin-left:auto}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid #2d6a4f26}.user-info{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2);display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-gold), #c4945f);width:36px;height:36px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;display:flex}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff}.user-role{font-size:var(--text-xs);color:var(--color-primary-lighter)}.logout-btn{color:#fff6;width:100%}.logout-btn:hover{color:var(--color-error);background:#ef444414}.main-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed)}.content-header{height:var(--header-height);padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);z-index:var(--z-header);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.header-actions{align-items:center;gap:var(--space-4);display:flex}.tenant-selector{background:var(--color-bg-tertiary);cursor:pointer;max-width:220px}.content-body{padding:var(--space-8);max-width:var(--content-max-width);flex:1;width:100%}.auth-layout{min-height:100vh;display:flex}.auth-brand-panel{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.brand-bg-pattern{pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#d4a37314 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff08 0%,#0000 50%);position:absolute;inset:0}.brand-content{text-align:center;z-index:1;padding:var(--space-8)}.brand-logo{border-radius:var(--radius-xl);color:#fff;width:80px;height:80px;margin:0 auto var(--space-8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.brand-title{font-size:var(--text-5xl);color:#fff;letter-spacing:.06em;font-weight:800;line-height:1.1}.brand-divider{background:var(--color-accent-gold);width:60px;height:3px;margin:var(--space-6) auto;border-radius:var(--radius-full)}.brand-tagline{font-size:var(--text-lg);color:#ffffffd9;line-height:var(--leading-relaxed)}.brand-sub{font-size:var(--text-xs);color:#fff6;letter-spacing:.15em;text-transform:uppercase;margin-top:var(--space-4)}.auth-form-panel{background:var(--color-bg-secondary);width:520px;min-width:420px;padding:var(--space-12);justify-content:center;align-items:center;display:flex;overflow-y:auto}@media (width<=900px){.auth-brand-panel{display:none}.auth-form-panel{width:100%;min-width:unset}}.zen-layout{background:var(--color-bg);min-height:100vh;display:flex}.zen-sidebar{z-index:40;background:linear-gradient(#0c0a1a 0%,#120f25 100%);border-right:1px solid #a855f726;flex-direction:column;width:260px;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.zen-sidebar-header{border-bottom:1px solid #a855f71a;padding:1.5rem}.zen-logo{align-items:center;gap:.75rem;display:flex}.zen-logo-icon{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 20px #a855f74d}.zen-logo-text{flex-direction:column;display:flex}.zen-logo-title{color:#e2e8f0;letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.zen-logo-subtitle{color:#a855f7;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}.zen-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex}.zen-nav-item{color:#94a3b8;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.zen-nav-item:hover{color:#c4b5fd;background:#a855f714}.zen-nav-item.active{color:#a855f7;background:#a855f71f;border-color:#a855f733}.zen-nav-divider{background:#a855f714;height:1px;margin:.5rem 1rem}.zen-sidebar-footer{border-top:1px solid #a855f71a;flex-direction:column;gap:.5rem;padding:1rem .75rem;display:flex}.zen-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.zen-back-btn:hover{color:#94a3b8;background:#ffffff0a}.zen-main{flex-direction:column;flex:1;margin-left:260px;display:flex}.zen-header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#0f172a99;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.zen-page-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.zen-badge{color:#a855f7;background:#a855f71f;border:1px solid #a855f733;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.zen-body{flex:1;padding:2rem;overflow-y:auto}@keyframes zenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.zen-animate-in{animation:.3s ease-out zenFadeIn}@media (width<=1024px){.zen-sidebar{width:220px}.zen-main{margin-left:220px}}.landing{background:var(--color-bg-primary)}.landing-container{max-width:1200px;padding:0 var(--space-8);margin:0 auto}.landing-header{z-index:50;padding:var(--space-4) 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0b1120d9;position:fixed;top:0;left:0;right:0}.landing-header .landing-container{justify-content:space-between;align-items:center;display:flex}.header-brand{align-items:center;gap:var(--space-3);font-weight:var(--font-bold);font-size:var(--text-lg);color:#fff;display:flex}.header-nav{align-items:center;gap:var(--space-6);display:flex}.header-nav a{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.header-nav a:hover{color:#fff}.hero{background:radial-gradient(at 30%,#1b43321f 0%,#0000 60%);padding:160px 0 100px;position:relative}.hero .landing-container{align-items:center;gap:var(--space-16);display:flex}.hero-content{flex:1}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-primary-lighter);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-6);background:#1b433233;border:1px solid #2d6a4f4d;display:inline-flex}.hero-title{margin-bottom:var(--space-6);color:#fff;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15}.text-gradient{background:linear-gradient(135deg, var(--color-accent-gold), var(--color-accent-gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:540px}.hero-ctas{gap:var(--space-4);display:flex}.hero-visual{flex-shrink:0}.hero-card{padding:var(--space-8);width:320px}.hero-card-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.hero-card-stats{gap:var(--space-4);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.hero-card-stats strong{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;display:block}.hero-card-stats span{font-size:var(--text-xs);color:var(--color-text-muted)}.section{padding:100px 0}.section-alt{background:var(--color-bg-secondary)}.section-title{text-align:center;font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.section-desc{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-12);font-size:var(--text-lg)}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-8)}.feature-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.steps-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.step-card{text-align:center;position:relative}.step-number{border-radius:var(--radius-full);background:var(--color-accent-gold);width:28px;height:28px;color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.step-icon-wrapper{border-radius:var(--radius-xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:64px;height:64px;color:var(--color-primary-lighter);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.step-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.step-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;display:grid}.pricing-card{padding:var(--space-8);flex-direction:column;display:flex}.pricing-highlight{border-color:var(--color-accent-gold);box-shadow:var(--shadow-glow-gold);position:relative}.pricing-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.pricing-price{margin-bottom:var(--space-6)}.price-amount{font-size:var(--text-3xl);font-weight:var(--font-bold)}.price-period{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-features{margin-bottom:var(--space-8);gap:var(--space-3);flex-direction:column;flex:1;list-style:none;display:flex}.pricing-features li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.pricing-features li svg{color:var(--color-success);flex-shrink:0}.landing-footer{padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-brand{align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);color:var(--color-text-secondary);display:flex}.footer-content p{font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=768px){.features-grid,.steps-grid,.pricing-grid{grid-template-columns:1fr}.hero .landing-container{flex-direction:column}.hero-visual{display:none}}.login-form{width:100%;max-width:380px}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-row{justify-content:space-between;align-items:center;display:flex}.checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary-light);width:16px;height:16px}.form-link{font-size:var(--text-sm);color:var(--color-accent-gold)}.form-link:hover{color:var(--color-accent-gold-light)}.divider{align-items:center;gap:var(--space-4);display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.divider span{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.form-footer{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4)}.form-footer a{color:var(--color-accent-gold);font-weight:var(--font-semibold)}.register-form{width:100%;max-width:420px}.stepper{margin-bottom:var(--space-8);align-items:flex-start;gap:0;display:flex}.stepper-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:2px solid var(--color-border);width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-muted);transition:all var(--transition-base);z-index:1;justify-content:center;align-items:center;display:flex}.step-active .step-circle{border-color:var(--color-primary-light);color:var(--color-primary-lighter);background:#2d6a4f33}.step-completed .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);text-align:center}.step-active .step-label{color:var(--color-text-primary)}.step-line{background:var(--color-border);height:2px;position:absolute;top:16px;left:calc(50% + 20px);right:calc(20px - 50%)}.step-completed .step-line{background:var(--color-primary)}.verification-step{text-align:center;padding:var(--space-4) 0}.verify-icon{border-radius:var(--radius-full);width:80px;height:80px;margin:0 auto var(--space-6);color:var(--color-primary-lighter);background:#2d6a4f26;justify-content:center;align-items:center;display:flex}.verification-step h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.verification-step p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.verify-info{padding:var(--space-5);text-align:center;gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.verify-info p{font-size:var(--text-sm);margin:0}.dashboard-page{gap:var(--space-6);flex-direction:column;display:flex}.kpi-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);transition:var(--transition-base);position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-light), transparent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.kpi-card:hover:before{opacity:1}.kpi-card:hover{box-shadow:var(--shadow-glow-primary);border-color:#40916c4d;transform:translateY(-2px)}.kpi-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.kpi-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.kpi-icon{color:var(--color-primary-light);padding:var(--space-2);border-radius:var(--radius-md);background:#2d6a4f1a;display:flex}.kpi-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);font-family:var(--font-mono)}.kpi-trend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-success);display:flex}.chart-card,.reportes-card,.connectivity-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:var(--space-6)}.chart-card{margin-bottom:var(--space-6)}.chart-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.chart-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.chart-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard-bottom{gap:var(--space-6);grid-template-columns:1fr 340px;display:grid}.card-header-row{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-header-row h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.table-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm);border-radius:var(--radius-lg);background:#0f172a4d}.conn-list{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex}.conn-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#0f172a66;border:1px solid #94a3b80d;display:flex}.conn-icon{color:var(--color-primary-light)}.conn-info{flex:1}.conn-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);display:block}.conn-detail{font-size:var(--text-xs);color:var(--color-accent-gold);margin-top:2px;display:block}.conn-status{border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-semibold);text-transform:uppercase;padding:2px 8px}.conn-status.online{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.conn-status.offline{color:var(--color-error);background:#ef44441a;border:1px solid #ef444433}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom{grid-template-columns:1fr}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}}.institutions-page{gap:var(--space-6);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-start;display:flex}.page-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.page-header p{font-size:var(--text-sm);color:var(--color-text-secondary)}.inst-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.inst-card{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.inst-card-header{align-items:flex-start;gap:var(--space-4);display:flex}.inst-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.inst-info{flex:1}.inst-info h3{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.inst-rfc{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.inst-menu{color:var(--color-text-muted);padding:var(--space-1)}.inst-details{gap:var(--space-3);flex-direction:column;display:flex}.inst-detail-row{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.inst-detail-row>span:first-child{color:var(--color-text-muted)}.webhook-url{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-gold);text-overflow:ellipsis;max-width:220px;overflow:hidden}.inst-card-actions{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:480px;max-width:90vw;padding:var(--space-8);background:var(--color-bg-secondary)}.modal h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.file-upload{padding:var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:center}.file-upload input{font-size:var(--text-sm);color:var(--color-text-secondary)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.reports-page{gap:var(--space-6);flex-direction:column;display:flex}.filters-bar{gap:var(--space-4);padding:var(--space-4);align-items:center;display:flex}.search-input{flex:1;align-items:center;display:flex;position:relative}.search-input svg{color:var(--color-text-muted);position:absolute;left:12px}.search-input .input-field{padding-left:40px}.filter-select{max-width:220px}.table-wrapper{padding:var(--space-2);overflow-x:auto}.table-pagination{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.detail-page{gap:var(--space-6);flex-direction:column;display:flex}.back-btn{align-self:flex-start}.detail-header{padding:var(--space-6)}.fub-full-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-gold);margin-bottom:var(--space-3);word-break:break-all;display:block}.detail-meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.detail-columns{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.person-card,.phases-card{padding:var(--space-6)}.person-card h3,.phases-card h3{align-items:center;gap:var(--space-2);font-size:var(--text-base);margin-bottom:var(--space-5);display:flex}.person-fields{gap:var(--space-4);flex-direction:column;display:flex}.field{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.field>span:first-child{color:var(--color-text-muted);align-items:center;gap:var(--space-1);display:flex}.field code{font-family:var(--font-mono);color:var(--color-accent-gold)}.field-highlight{padding:var(--space-3);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444426}.field-highlight strong{color:var(--color-error)}.phase-stepper{flex-direction:column;gap:0;display:flex}.phase-step{gap:var(--space-4);padding-bottom:var(--space-6);display:flex;position:relative}.phase-dot{border-radius:var(--radius-full);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.phase-step.completed .phase-dot{background:var(--color-primary);color:#fff}.phase-step.active .phase-dot{color:var(--color-info);background:#3b82f633;animation:2s infinite pulse}.phase-step.pending .phase-dot{background:var(--color-surface-elevated);color:var(--color-text-muted);border:2px dashed var(--color-border)}.phase-step.cancelled .phase-dot{color:var(--color-error);background:#ef44441a}.phase-content h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.phase-date{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.phase-detail{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);display:block}.phase-line{background:var(--color-border);width:2px;position:absolute;top:36px;bottom:0;left:18px}.phase-step.completed .phase-line{background:var(--color-primary)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:2s linear infinite spin-slow}.phase-actions{margin-top:var(--space-6);gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-5);flex-direction:column;display:flex}.action-group{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff05}.action-group h4{font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);display:flex}.action-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.inline-form{gap:var(--space-3);flex-direction:column;display:flex}.inline-form .input-field{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.form-actions{gap:var(--space-3);display:flex}.btn-warning{color:#fff;font-weight:var(--font-semibold);background:linear-gradient(135deg,#da840b 0%,#bd580f 100%);border:none}.btn-warning:hover{opacity:.9}.matches-section{padding:var(--space-6)}.matches-section h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-5)}.confirm-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:90%;max-width:420px;animation:.25s slideUp;box-shadow:0 20px 60px #00000080}.confirm-icon{border-radius:var(--radius-full);width:56px;height:56px;color:var(--color-warning);margin:0 auto var(--space-4);background:#f59e0b1f;justify-content:center;align-items:center;display:flex}.confirm-modal h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.confirm-modal p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.6}.confirm-modal code{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--color-accent-gold);background:#ffffff0f;padding:2px 6px}.confirm-warning{font-weight:var(--font-medium);color:var(--color-warning)!important;font-size:var(--text-xs)!important}.confirm-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:center;display:flex}.confirm-actions .btn{min-width:140px}@media (width<=900px){.detail-columns{grid-template-columns:1fr}}.matches-page{gap:var(--space-6);flex-direction:column;display:flex}.stats-row{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-5);text-align:center}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (width<=768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.monitoring-page{gap:var(--space-6);flex-direction:column;display:flex}.gauge-grid{gap:var(--space-5);grid-template-columns:repeat(5,1fr);display:grid}.gauge-card{padding:var(--space-5);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.gauge-circle{border-radius:var(--radius-full);border:3px solid var(--color-primary-light);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.gauge-card.warning .gauge-circle{border-color:var(--color-warning)}.gauge-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.gauge-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase}.gauge-sub{font-size:var(--text-xs);color:var(--color-warning)}.monitor-row{gap:var(--space-6);grid-template-columns:1fr 380px;display:grid}.traffic-chart{padding:var(--space-6)}.traffic-chart h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.chart-legend-inline{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4);display:flex}.logs-panel{padding:var(--space-5);flex-direction:column;max-height:400px;display:flex}.logs-panel h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.log-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.log-filters .btn{font-weight:var(--font-semibold);transition:var(--transition-base);border-radius:var(--radius-full)!important;padding:var(--space-1) var(--space-2)!important;border:1px solid var(--color-border)!important;background:var(--glass-bg)!important;color:var(--color-text-secondary)!important;font-size:11px!important}.log-filters .btn:hover{background:var(--color-bg-elevated)!important;border-color:var(--color-border-hover)!important;color:var(--color-text-primary)!important}.log-filters .btn.active{background:var(--color-primary-light)!important;border-color:var(--color-primary-light)!important;color:#fff!important;box-shadow:var(--shadow-glow-primary)!important}.log-stream{font-family:var(--font-mono);font-size:var(--text-xs);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.log-entry{gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#0f172a80;display:flex}.log-time{color:var(--color-text-muted);min-width:60px}.log-level{min-width:50px;font-weight:var(--font-semibold)}.log-msg{color:var(--color-text-secondary)}.events-section{padding:var(--space-6)}.events-section h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-5)}@media (width<=1024px){.gauge-grid{grid-template-columns:repeat(3,1fr)}.monitor-row{grid-template-columns:1fr}}.activity-page{gap:var(--space-6);flex-direction:column;display:flex}.activity-filters{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;display:flex}.activity-filters .btn{transition:all .2s}.activity-layout{gap:var(--space-6);grid-template-columns:1fr 280px;display:grid}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:var(--space-4);display:flex}.timeline-connector{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex}.timeline-dot{border-radius:var(--radius-full);color:#fff;z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline-line{background:var(--color-border);flex:1;width:2px;min-height:20px}.timeline-content{padding:var(--space-4);margin-bottom:var(--space-4);flex:1;transition:border-color .3s,box-shadow .3s}.timeline-header{margin-bottom:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.timeline-time{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.timeline-content h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.timeline-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.timeline-tenant{font-size:var(--text-xs);color:var(--color-accent-gold);font-weight:var(--font-medium)}.timeline-item-new .timeline-content{border-color:var(--color-primary);box-shadow:0 0 12px #60a5fa26}.timeline-item-new .timeline-dot{animation:1s ease-in-out pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.badge-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.activity-summary{padding:var(--space-6);height:fit-content;top:calc(var(--header-height) + var(--space-8));position:sticky}.activity-summary h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.summary-stats{gap:var(--space-5);flex-direction:column;display:flex}.summary-stat{text-align:center}.summary-value{font-size:var(--text-3xl);font-weight:var(--font-bold);transition:all .3s;display:block}.summary-label{font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=900px){.activity-layout{grid-template-columns:1fr}}.api-page{gap:var(--space-6);flex-direction:column;display:flex}.api-card{padding:var(--space-6)}.api-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-5)}.credential-grid{gap:var(--space-4);flex-direction:column;display:flex}.cred-row{align-items:center;gap:var(--space-4);display:flex}.cred-label{width:180px;font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.cred-value{align-items:center;gap:var(--space-3);display:flex}.cred-value code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-gold)}.icon-btn{padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);align-items:center;display:flex}.icon-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.token-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-2);overflow:hidden}.token-bar-fill{background:linear-gradient(90deg, var(--color-success), var(--color-warning));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);border:1px solid var(--color-border);position:absolute;inset:0}.toggle-slider:before{content:"";border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary);border-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.security-page{gap:var(--space-6);flex-direction:column;display:flex}.scan-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.scan-card{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.scan-passed{border-color:#22c55e33}.scan-review{border-color:#f59e0b33}.scan-header{justify-content:space-between;align-items:center;display:flex}.scan-icon{border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:48px;height:48px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.scan-card h3{font-size:var(--text-base);font-weight:var(--font-semibold)}.scan-tool{font-size:var(--text-sm);color:var(--color-text-secondary)}.scan-date{font-size:var(--text-xs);color:var(--color-text-muted)}.vuln-grid{gap:var(--space-3);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.vuln-item span:first-child{display:block}.vuln-count{font-size:var(--text-xl);font-weight:var(--font-bold)}.vuln-item span:last-child{font-size:var(--text-xs);color:var(--color-text-muted)}.scan-progress{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:4px;overflow:hidden}.scan-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.scan-actions{gap:var(--space-3);display:flex}.security-bottom{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.checklist-panel,.history-panel{padding:var(--space-6)}.checklist-panel h3,.history-panel h3{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-5);display:flex}.checklist{gap:var(--space-3);flex-direction:column;display:flex}.check-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;display:flex}.check-item.checked{color:var(--color-success)}.check-item.checked span{color:var(--color-text-secondary)}.check-item.unchecked{color:var(--color-warning)}.check-item.unchecked span{color:var(--color-text-primary)}.checklist-score{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.history-timeline{gap:var(--space-4);flex-direction:column;display:flex}.history-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.history-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);min-width:80px}.history-clean{color:var(--color-success)}.history-issue{color:var(--color-warning)}.history-by{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}@media (width<=900px){.scan-grid,.security-bottom{grid-template-columns:1fr}}.zen-dashboard{flex-direction:column;gap:1.5rem;display:flex}.zen-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.zen-kpi-card{background:#ffffff08;border:1px solid #a855f71a;border-radius:12px;padding:1.25rem;transition:all .2s}.zen-kpi-card:hover{border-color:#a855f740;transform:translateY(-1px)}.zen-kpi-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.zen-kpi-label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.zen-kpi-icon{color:#a855f7;opacity:.7}.zen-kpi-value{color:#e2e8f0;font-size:1.75rem;font-weight:700;line-height:1}.zen-kpi-sub{color:#64748b;margin-top:.5rem;font-size:.78rem}.zen-plan-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.zen-plan-card{border:1px solid var(--color-border);text-align:center;background:#ffffff05;border-radius:10px;padding:1rem}.zen-plan-name{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.zen-plan-count{color:#e2e8f0;font-size:1.5rem;font-weight:700}.zen-plan-card[data-plan=TRIAL]{border-left:3px solid #64748b}.zen-plan-card[data-plan=MONTHLY]{border-left:3px solid #38bdf8}.zen-plan-card[data-plan=ANNUAL]{border-left:3px solid #f59e0b}.zen-plan-card[data-plan=ENTERPRISE]{border-left:3px solid #a855f7}.zen-section{border:1px solid var(--color-border);background:#ffffff05;border-radius:12px;padding:1.5rem}.zen-section h3{color:var(--color-text-primary);margin:0 0 1rem;font-size:.95rem;font-weight:600}.zen-bottom-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.zen-bottom-grid{grid-template-columns:1fr}}.zen-table{border-collapse:collapse;width:100%}.zen-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.6rem .75rem;font-size:.72rem;font-weight:600}.zen-table td{color:var(--color-text-secondary);border-bottom:1px solid #ffffff0a;padding:.7rem .75rem;font-size:.85rem}.zen-table tr:hover td{background:#a855f708}.zen-badge-pill{border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.zen-badge-active{color:#10b981;background:#10b9811f}.zen-badge-inactive{color:#ef4444;background:#ef44441f}.zen-badge-trial{color:#94a3b8;background:#64748b26}.zen-badge-monthly{color:#38bdf8;background:#38bdf81f}.zen-badge-annual{color:#f59e0b;background:#f59e0b1f}.zen-badge-enterprise{color:#a855f7;background:#a855f71f}.zen-loading{color:#64748b;justify-content:center;align-items:center;padding:4rem;font-size:.9rem;display:flex}.zen-search{border:1px solid var(--color-border);color:var(--color-text-primary);background:#ffffff08;border-radius:8px;align-items:center;gap:.5rem;width:100%;max-width:360px;padding:.6rem 1rem;font-size:.88rem;transition:border-color .2s;display:flex}.zen-search:focus-within{border-color:#a855f766}.zen-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.zen-search input::placeholder{color:#475569}.zen-action-btn{border:1px solid var(--color-border);color:#94a3b8;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.zen-action-btn:hover{color:#a855f7;background:#a855f714;border-color:#a855f74d}.zen-action-btn.danger:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.zen-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.zen-filter-group{gap:.5rem;display:flex}.zen-filter-btn{border:1px solid var(--color-border);color:#94a3b8;cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.zen-filter-btn:hover{border-color:#a855f74d}.zen-filter-btn.active{color:#a855f7;background:#a855f71f;border-color:#a855f74d}.zen-toggle{cursor:pointer;background:#334155;border:none;border-radius:10px;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.zen-toggle.active{background:#a855f7}.zen-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.zen-toggle.active:after{transform:translate(16px)}.zen-select{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;background:#ffffff08;border-radius:6px;outline:none;padding:4px 8px;font-size:.78rem}.zen-select:focus{border-color:#a855f766}.zen-select option{color:#e2e8f0;background:#0f172a}:root{--color-primary:#1b4332;--color-primary-light:#2d6a4f;--color-primary-lighter:#40916c;--color-primary-dark:#0f2b1f;--color-bg-primary:#0b1120;--color-bg-secondary:#0f172a;--color-bg-tertiary:#1e293b;--color-bg-elevated:#1a2435;--color-bg-card:#1e293b99;--color-bg-input:#0f172acc;--color-border:#94a3b81f;--color-border-hover:#94a3b840;--color-border-focus:var(--color-primary-light);--color-accent-gold:#d4a373;--color-accent-gold-light:#e6c9a8;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-primary:0 0 20px #1b43324d;--shadow-glow-gold:0 0 16px #d4a37333;--glass-bg:#1e293b73;--glass-border:#94a3b81a;--glass-blur:blur(16px);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1400px;--z-sidebar:40;--z-header:30;--z-modal:50;--z-toast:60}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--color-primary-lighter);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-gold)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary-lighter));transform:translateY(-1px);box-shadow:0 0 28px #1b433280}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.btn-gold{background:linear-gradient(135deg, var(--color-accent-gold), #c4945f);color:var(--color-text-inverse)}.btn-gold:hover{box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;padding:2px 10px;display:inline-flex}.badge-success{color:var(--color-success);background:#22c55e26}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-error{color:var(--color-error);background:#ef444426}.badge-info{color:var(--color-info);background:#3b82f626}.badge-neutral{color:var(--color-text-secondary);background:#94a3b826}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input-field:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #2d6a4f33}.input-field::placeholder{color:var(--color-text-muted)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:16px}.input-field.input-with-icon{padding-left:44px;padding-right:44px}.input-toggle{color:var(--color-text-muted);border-radius:var(--radius-sm);align-items:center;padding:4px;display:flex;position:absolute;right:12px}.input-toggle:hover{color:var(--color-text-secondary);background:#0000001a}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table tr:hover td{background:#1e293b4d}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-in{animation:.3s ease-out slideInLeft}.form-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#ef44441f;border:1px solid #ef44444d;display:flex}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.badge-gold{color:var(--color-accent-gold);background:#d4af3726}@media (width<=768px){.data-table,.data-table tbody,.data-table tr,.data-table td,.zen-table,.zen-table tbody,.zen-table tr,.zen-table td{width:100%;display:block}.data-table thead,.zen-table thead{display:none}.data-table tr,.zen-table tr{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:1rem;padding-bottom:.5rem;overflow:hidden}.data-table td,.zen-table td{text-align:right;padding:var(--space-2) var(--space-4);border-bottom:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.data-table td:before,.zen-table td:before{content:attr(data-label);font-weight:var(--font-semibold);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;text-align:left;flex-shrink:0;margin-top:2px}.data-table td:empty,.zen-table td:empty{display:none}.data-table td:last-child,.zen-table td:last-child{padding-top:var(--space-3);justify-content:flex-end}}