@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.landing-container{background:var(--background);color:var(--foreground);position:relative;overflow:visible}.landing-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% -30%,hsl(from var(--primary) h s l / .1),transparent),radial-gradient(ellipse 60% 50% at 100% 50%,hsl(from var(--accent) h s l / .08),transparent);pointer-events:none}.landing-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:float 30s ease-in-out infinite}.landing-bg-orb-1{width:800px;height:800px;background:radial-gradient(circle,hsl(from var(--primary) h s l / .12) 0%,transparent 70%);top:-300px;right:-200px}.landing-bg-orb-2{width:600px;height:600px;background:radial-gradient(circle,hsl(from var(--accent) h s l / .1) 0%,transparent 70%);bottom:-200px;left:-150px;animation-delay:-15s;animation-direction:reverse}.landing-bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,hsl(from var(--secondary) h s l / .1) 0%,transparent 70%);top:50%;left:30%;animation-delay:-8s}.landing-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(hsl(from var(--border) h s l / .5) 1px,transparent 1px),linear-gradient(90deg,hsl(from var(--border) h s l / .5) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.05)}66%{transform:translate(-40px,40px) scale(.95)}}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:relative;z-index:10;max-width:1400px;margin:0 auto}.landing-logo{display:flex;align-items:center;gap:.75rem}.landing-logo-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.landing-logo-icon{width:100%;height:100%;color:var(--primary);filter:drop-shadow(0 0 8px hsl(from var(--primary) h s l / .5))}.landing-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--foreground) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav{display:flex;gap:2rem}.landing-nav-link{color:var(--muted-foreground);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.landing-nav-link:hover{color:var(--foreground)}.landing-login-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border:none;border-radius:10px;color:var(--primary-foreground);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease}.landing-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsl(from var(--primary) h s l / .3)}.landing-btn-arrow{width:16px;height:16px;transition:transform .2s ease}.landing-login-btn:hover .landing-btn-arrow{transform:translate(3px)}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem 5% 8rem;align-items:center;max-width:1400px;margin:0 auto}.landing-hero-content{position:relative;z-index:5}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--secondary);border:1px solid hsl(from var(--primary) h s l / .3);border-radius:50px;font-size:.8rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem}.landing-badge-icon{width:14px;height:14px;color:var(--primary)}.landing-title{font-size:4.25rem;font-weight:800;line-height:1.08;margin-bottom:1.5rem;color:var(--foreground);letter-spacing:-.03em}.landing-title-highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 50%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.2rem;line-height:1.7;color:var(--muted-foreground);margin-bottom:2.5rem;max-width:520px}.landing-cta-group{display:flex;gap:1rem;margin-bottom:2.5rem}.landing-cta-primary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border:none;border-radius:12px;color:var(--primary-foreground);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px hsl(from var(--primary) h s l / .3)}.landing-cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px hsl(from var(--primary) h s l / .4)}.landing-cta-primary:hover .landing-btn-arrow{transform:translate(3px)}.landing-cta-secondary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:1px solid var(--border);border-radius:12px;color:var(--foreground);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.landing-cta-secondary:hover{background:var(--secondary);border-color:hsl(from var(--primary) h s l / .4)}.landing-btn-icon-left{width:18px;height:18px}.landing-trust-badges{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--muted-foreground)}.landing-trust-item{display:flex;align-items:center;gap:.4rem}.landing-trust-icon{width:14px;height:14px;color:var(--success)}.landing-trust-divider{width:4px;height:4px;background:var(--border);border-radius:50%}.landing-hero-visual{position:relative;z-index:5}.landing-dashboard-preview{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px hsl(from var(--background) h s l / .8),0 0 0 1px hsl(from var(--primary) h s l / .1) inset,0 0 100px hsl(from var(--primary) h s l / .05)}.landing-preview-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--secondary);border-bottom:1px solid var(--border)}.landing-preview-dots{display:flex;gap:.5rem}.landing-preview-dots .dot{width:12px;height:12px;border-radius:50%;background:var(--muted)}.landing-preview-dots .dot:first-child{background:var(--error)}.landing-preview-dots .dot:nth-child(2){background:var(--warning)}.landing-preview-dots .dot:nth-child(3){background:var(--success)}.landing-preview-title{font-size:.85rem;color:var(--muted-foreground);font-weight:500;flex:1}.landing-preview-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--success);font-weight:500}.status-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse-status 2s infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.landing-preview-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.landing-preview-stat{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--muted);border:1px solid var(--border);border-radius:14px;transition:all .3s ease}.landing-preview-stat:hover{border-color:hsl(from var(--primary) h s l / .3);box-shadow:0 0 30px hsl(from var(--primary) h s l / .1)}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-icon.logs{background:hsl(from var(--primary) h s l / .15);color:var(--primary)}.stat-icon.uptime{background:hsl(from var(--success) h s l / .15);color:var(--success)}.stat-icon.response{background:hsl(from var(--accent) h s l / .15);color:var(--accent)}.stat-svg{width:20px;height:20px}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--foreground)}.stat-value.success{color:var(--success)}.stat-label{font-size:.7rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.landing-preview-chart{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border)}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:60px}.chart-bar{flex:1;background:linear-gradient(180deg,hsl(from var(--primary) h s l / .3),hsl(from var(--primary) h s l / .1));border-radius:4px 4px 0 0;transition:all .3s ease}.chart-bar.active{background:linear-gradient(180deg,var(--primary) 0%,hsl(from var(--accent) h s l / .7) 100%);box-shadow:0 0 15px hsl(from var(--primary) h s l / .4)}.chart-bar:nth-child(1){animation:barPulse 3s ease-in-out infinite 0s}.chart-bar:nth-child(2){animation:barPulse 3s ease-in-out infinite .2s}.chart-bar:nth-child(3){animation:barPulse 3s ease-in-out infinite .4s}.chart-bar:nth-child(4){animation:barPulse 3s ease-in-out infinite .6s}.chart-bar:nth-child(5){animation:barPulse 3s ease-in-out infinite .8s}.chart-bar:nth-child(6){animation:barPulse 3s ease-in-out infinite 1s}.chart-bar:nth-child(7){animation:barPulse 3s ease-in-out infinite 1.2s}.chart-bar:nth-child(8){animation:barPulse 3s ease-in-out infinite 1.4s}@keyframes barPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}.landing-marquee-section{padding:2rem 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--secondary);position:relative;z-index:5}.landing-marquee-label{text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground);margin-bottom:1.5rem}.landing-marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.landing-marquee-track:hover{animation-play-state:paused}.landing-marquee-item{display:flex;align-items:center;gap:.5rem;padding:0 2.5rem;font-size:1rem;font-weight:600;color:var(--muted-foreground);white-space:nowrap}.landing-marquee-item svg{width:24px;height:24px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-testimonials{padding:6rem 5%;max-width:1400px;margin:0 auto;position:relative;z-index:5}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.testimonial-card:hover{border-color:hsl(from var(--primary) h s l / .3);transform:translateY(-4px)}.testimonial-quote{font-size:1rem;line-height:1.7;color:var(--foreground);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-foreground)}.testimonial-info{display:flex;flex-direction:column}.testimonial-name{font-weight:600;color:var(--foreground)}.testimonial-role{font-size:.85rem;color:var(--muted-foreground)}.landing-dashboard-preview.error-state .landing-preview-status{color:var(--error)}.landing-dashboard-preview.error-state .status-dot{background:var(--error);animation:none}.landing-dashboard-preview.error-state .stat-value.success{color:var(--error)}.simulate-error-btn{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);padding:.6rem 1.25rem;background:var(--error);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px hsl(from var(--error) h s l / .4);transition:all .2s ease;z-index:10}.simulate-error-btn:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 8px 25px hsl(from var(--error) h s l / .5)}.simulate-error-btn svg{width:14px;height:14px}@media(max-width:1024px){.landing-testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.landing-features{padding:6rem 5%;position:relative;z-index:5;max-width:1400px;margin:0 auto}.landing-features-header{text-align:center;margin-bottom:4rem}.landing-section-badge{display:inline-block;padding:.4rem 1rem;background:var(--secondary);border:1px solid hsl(from var(--primary) h s l / .3);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem}.landing-features-title{font-size:2.75rem;font-weight:700;color:var(--foreground);margin-bottom:1rem;letter-spacing:-.02em}.landing-features-subtitle{font-size:1.1rem;color:var(--muted-foreground);max-width:600px;margin:0 auto;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.landing-feature-card{padding:2.5rem;background:var(--card);border:1px solid var(--border);border-radius:20px;transition:all .4s ease}.landing-feature-card:hover{transform:translateY(-8px);border-color:hsl(from var(--primary) h s l / .3);box-shadow:0 25px 50px hsl(from var(--background) h s l / .6),0 0 60px hsl(from var(--primary) h s l / .08)}.landing-feature-icon{width:60px;height:60px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(from var(--primary) h s l / .15),hsl(from var(--accent) h s l / .08));border:1px solid hsl(from var(--primary) h s l / .2);border-radius:16px;color:var(--primary)}.landing-feature-icon svg{width:28px;height:28px}.landing-feature-card h3{font-size:1.35rem;font-weight:700;color:var(--foreground);margin-bottom:.75rem}.landing-feature-card p{font-size:.95rem;color:var(--muted-foreground);line-height:1.7}.landing-footer{padding:3rem 5%;border-top:1px solid var(--border);position:relative;z-index:5}.landing-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-footer-brand{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600}.landing-footer-logo{width:20px;height:20px}.landing-footer p{color:var(--muted-foreground);font-size:.9rem}@media(max-width:1024px){.landing-hero{grid-template-columns:1fr;text-align:center;gap:4rem}.landing-subtitle{max-width:100%;margin:0 auto 2.5rem}.landing-cta-group,.landing-trust-badges{justify-content:center}.landing-features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.landing-nav{display:none}}@media(max-width:768px){.landing-header{padding:1rem 1.5rem}.landing-hero{padding:3rem 1.5rem 5rem}.landing-title{font-size:2.75rem}.landing-features{padding:4rem 1.5rem}.landing-features-title{font-size:2rem}.landing-preview-content{grid-template-columns:1fr}.landing-footer-content{flex-direction:column;gap:1rem;text-align:center}.landing-trust-badges{flex-wrap:wrap}}.landing-header-actions{display:flex;align-items:center;gap:1rem}.landing-mobile-menu-btn{display:none;background:transparent;border:none;color:var(--foreground);cursor:pointer;padding:8px}.landing-mobile-menu-btn svg{width:24px;height:24px}.landing-mobile-menu{position:fixed;inset:0;background:var(--background);z-index:100;display:flex;flex-direction:column;padding:1.5rem;transform:translate(100%);transition:transform .3s ease-in-out}.landing-mobile-menu.open{transform:translate(0)}.landing-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.landing-close-btn{background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:8px}.landing-mobile-nav{display:flex;flex-direction:column;gap:1.5rem}.landing-mobile-link{font-size:1.25rem;color:var(--foreground);text-decoration:none;font-weight:600;padding:.5rem 0;border-bottom:1px solid var(--border)}.landing-login-btn.full-width{width:100%;justify-content:center;margin-top:1rem;padding:1rem}.landing-login-btn.desktop-only{display:flex}@media(max-width:1024px){.landing-nav{display:none}.landing-mobile-menu-btn{display:block}.landing-login-btn.desktop-only{display:none}}.obs-logs-panel{display:flex;flex-direction:column;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);box-shadow:none}.obs-logs-compact{height:auto;border:none;background:transparent;padding:0}.obs-logs-stats{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.obs-log-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--card);min-width:80px}.obs-log-stat .obs-stat-value{font-size:1.1rem;font-weight:700;color:var(--foreground);font-family:var(--font-sans)}.obs-log-stat .obs-stat-label{font-size:.65rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:2px;font-family:var(--font-sans)}.obs-log-stat.error .obs-stat-value{color:var(--error)}.obs-log-stat.warn .obs-stat-value{color:var(--warning)}.obs-log-stat.info .obs-stat-value{color:var(--info)}.obs-logs-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:12px;background:#0f172a66;border-bottom:1px solid var(--border)}.obs-logs-search{display:flex;align-items:center;gap:8px;flex:1;max-width:400px;padding:8px 12px;background:#0003;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);transition:all .2s ease}.obs-logs-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.obs-search-icon{width:14px;height:14px;opacity:.7}.obs-logs-search input{flex:1;background:transparent;border:none;outline:none;color:var(--foreground);font-size:.85rem;font-family:var(--font-sans)}.obs-logs-filters{display:flex;align-items:center;gap:10px}.obs-filter-select{padding:8px 12px;background:#0003;border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:.8rem;font-family:var(--font-sans);cursor:pointer}.obs-filter-select:hover{background:#ffffff0d}.obs-time-selector{display:flex;align-items:center;gap:6px;padding:0 8px;background:#0003;border:1px solid var(--border);border-radius:6px}.obs-time-select{border:none!important;background:transparent!important}.obs-logs-count{font-size:.8rem;color:var(--muted-foreground);font-family:var(--font-mono)}.obs-logs-list{flex:1;overflow-y:auto;max-height:600px;background:#090a10}.obs-log-entry{padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:4px;font-size:12px;cursor:pointer;transition:background .1s ease}.obs-log-entry:hover{background:#ffffff08}.obs-log-entry.expanded{background:#ffffff0d;border-left:2px solid var(--primary)}.obs-log-main{display:flex;align-items:center;gap:12px;width:100%}.obs-log-time{color:var(--muted-foreground);min-width:70px}.obs-log-level{padding:2px 6px;border-radius:2px;font-weight:700;font-size:10px;min-width:50px;text-align:center}.obs-level-error{color:#f87171;background:#f871711a}.obs-level-warn{color:#fbbf24;background:#fbbf241a}.obs-level-info{color:#38bdf8;background:#38bdf81a}.obs-level-debug{color:#94a3b8;background:#94a3b81a}.obs-log-service{color:var(--accent);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-log-message{color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.obs-log-details{margin-top:8px;padding:12px;background:#0000004d;border-radius:4px;border:1px solid var(--border);font-family:var(--font-mono)}.obs-metadata-key{color:var(--primary);font-weight:600}.obs-metadata-value{color:var(--foreground)}.obs-logs-list::-webkit-scrollbar{width:10px}.obs-logs-list::-webkit-scrollbar-track{background:#090a10}.obs-logs-list::-webkit-scrollbar-thumb{background:var(--border);border:3px solid #090a10;border-radius:5px}.log-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.log-modal-content{background:var(--bg-card, #1e1e2e);border-radius:16px;width:100%;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.log-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.log-modal-title{display:flex;align-items:center;gap:12px}.log-time-header{color:var(--text-muted, #666);font-family:JetBrains Mono,monospace;font-size:13px;margin-left:8px}.log-level-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.log-level-badge.error{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.log-level-badge.warn{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.log-level-badge.info{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.log-service{color:var(--text-secondary, #a0a0b0);font-size:14px}.log-modal-close{background:#ffffff1a;border:none;border-radius:8px;padding:8px;color:var(--text-secondary, #a0a0b0);cursor:pointer;transition:all .2s}.log-modal-close:hover{background:#ffffff26;color:#fff}.log-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.log-structured-view{display:flex;flex-direction:column;gap:20px}.structured-section{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.structured-section h4{color:var(--text-secondary, #a0a0b0);font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;opacity:.8}.structured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.structured-item{display:flex;flex-direction:column;gap:4px}.structured-item.span-2{grid-column:span 2}.structured-item .label{color:var(--text-muted, #666);font-size:11px}.structured-item .value{color:var(--text-primary, #e0e0e0);font-size:14px;font-family:JetBrains Mono,monospace;word-break:break-all}.sub-value{color:var(--text-muted, #666);font-size:12px;margin-left:6px}.value-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;width:fit-content}.value-badge.get{background:#3b82f633;color:#60a5fa}.value-badge.post{background:#10b98133;color:#34d399}.value-badge.put{background:#f59e0b33;color:#fbbf24}.value-badge.delete{background:#ef444433;color:#f87171}.raw-headers-details{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0003}.raw-headers-details summary{padding:12px;cursor:pointer;color:var(--text-secondary, #a0a0b0);font-size:13px;font-weight:500}.raw-headers-details summary:hover{color:#fff;background:#ffffff0d}.raw-headers-grid{padding:12px;display:grid;gap:8px;border-top:1px solid rgba(255,255,255,.1)}.raw-header-row{display:flex;gap:12px;font-family:JetBrains Mono,monospace;font-size:12px;border-bottom:1px solid rgba(255,255,255,.02);padding-bottom:4px}.header-key{color:#a78bfa;min-width:140px}.header-value{color:#e2e8f0;word-break:break-all}.log-message-section h4{color:var(--text-secondary, #a0a0b0);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.log-message-content{background:#0000004d;border-radius:8px;padding:14px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-primary, #e0e0e0);overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:1px solid rgba(255,255,255,.05)}.ai-debug-section{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:12px;padding:16px;border:1px solid rgba(139,92,246,.2)}.ai-debug-header{display:flex;align-items:center;gap:8px;color:#a78bfa;font-weight:600;font-size:14px;margin-bottom:12px}.ai-debug-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.ai-debug-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.ai-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--text-secondary, #a0a0b0)}.ai-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-error{display:flex;align-items:center;gap:10px;padding:12px;background:#ef44441a;border-radius:8px;color:#f87171;font-size:13px}.ai-error button{margin-left:auto;padding:6px 12px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;cursor:pointer;font-size:12px}.ai-error button:hover{background:#ef44444d}.ai-response{background:#0003;border-radius:10px;overflow:hidden}.ai-response-content{padding:16px;color:var(--text-primary, #e0e0e0);font-size:14px;line-height:1.7}.ai-response-content h3,.ai-response-content h4{color:#a78bfa;margin:16px 0 8px;font-size:15px}.ai-response-content h3:first-child,.ai-response-content h4:first-child{margin-top:0}.ai-response-content strong{color:#c4b5fd}.ai-response-content code{background:#8b5cf633;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:#e879f9}.ai-response-content pre{background:#0000004d;border-radius:8px;padding:12px;margin:12px 0;overflow-x:auto}.ai-response-content pre code{background:none;padding:0;color:#a5f3fc}.ai-response-content p{margin:8px 0}.ai-response-meta{display:flex;justify-content:flex-end;gap:16px;padding:10px 16px;background:#0003;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:var(--text-muted, #666)}.log-summary-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:10px;border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.method-badge{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase}.method-badge.get{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.method-badge.post{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.method-badge.put,.method-badge.patch{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.method-badge.delete{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.summary-path{flex:1;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-primary, #e0e0e0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace}.status-badge.success{background:#22c55e26;color:#4ade80}.status-badge.error{background:#ef444426;color:#f87171}.log-message-box{background:#0000004d;border-radius:8px;padding:12px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.05)}.log-message-box pre{margin:0;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-secondary, #a0a0b0);white-space:pre-wrap;word-break:break-word}.log-context-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.context-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:12px;color:var(--text-secondary, #a0a0b0);border:1px solid rgba(255,255,255,.08)}.context-pill svg{opacity:.7}.context-pill.trace{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.deletion-panel-overlay{position:fixed!important;inset:0!important;background:#000000b3;display:flex!important;align-items:center;justify-content:center;z-index:9999!important}.deletion-panel{background:#1a1a1a;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #00000080;border:1px solid #333}.deletion-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333}.deletion-header h2{margin:0;font-size:1.5rem;color:#fff}.close-btn{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#333;color:#fff}.deletion-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-size:.9rem;font-weight:500}.radio-group{display:flex;gap:20px}.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff}.radio-group input[type=radio]{cursor:pointer}.date-input{width:100%;padding:10px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.95rem}.date-input:focus{outline:none;border-color:#4caf50}.preset-buttons{display:flex;gap:10px;flex-wrap:wrap}.preset-buttons button{padding:8px 16px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.preset-buttons button:hover{background:#333;border-color:#4caf50}.error-message{padding:12px;background:#f443361a;border:1px solid #f44336;border-radius:6px;color:#f44336;margin-bottom:16px}.success-message{padding:12px;background:#4caf501a;border:1px solid #4CAF50;border-radius:6px;color:#4caf50;margin-bottom:16px}.confirm-box{background:#ff98001a;border:1px solid #FF9800;border-radius:8px;padding:16px;margin-bottom:16px}.warning-text{color:#ff9800;font-size:1rem;margin:0 0 8px}.warning-text strong{color:#fff}.confirm-box p{color:#ccc;margin:0 0 16px}.confirm-actions{display:flex;gap:12px}.action-buttons{display:flex;justify-content:flex-end}.btn-primary,.btn-danger,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s;font-weight:500}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background:#45a049}.btn-danger{background:#f44336;color:#fff;flex:1}.btn-danger:hover:not(:disabled){background:#da190b}.btn-secondary{background:#666;color:#fff;flex:1}.btn-secondary:hover:not(:disabled){background:#555}.btn-primary:disabled,.btn-danger:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.obs-metrics{padding:20px;height:100%;overflow-y:auto;color:var(--foreground)}.obs-metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.obs-metrics-title{display:flex;align-items:center;gap:12px}.obs-metrics-title h3{margin:0;color:var(--foreground);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.obs-metrics-title svg{color:var(--primary)}.obs-health-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;padding:4px 10px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.obs-health-badge.excellent{background:#22c55e1a;color:var(--success);border-color:#22c55e33}.obs-health-badge.good{background:#3b82f61a;color:var(--info);border-color:#3b82f633}.obs-health-badge.warning{background:#eab3081a;color:var(--warning);border-color:#eab30833;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.obs-live-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0003;border:1px solid var(--border);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.obs-live-badge.active{background:#22c55e1a;border-color:#22c55e4d;color:var(--success)}.obs-live-badge .obs-live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.obs-live-badge.active .obs-live-dot{box-shadow:0 0 8px currentColor;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.obs-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0003;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.obs-action-btn:hover{background:#ffffff0d;color:var(--foreground)}.obs-last-updated{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted-foreground);margin-bottom:20px}.obs-metrics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.obs-metric-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.obs-metric-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.obs-metric-card.expanded{grid-column:span 2;border-color:var(--accent);background:#1e293b66}.obs-metric-card.critical{border-color:var(--error)}.obs-metric-card.warning{border-color:var(--warning)}.obs-metric-card.good{border-color:#22c55e4d}.obs-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.obs-card-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff08;color:var(--muted-foreground)}.obs-metric-card.requests .obs-card-icon-wrap{color:var(--primary);background:#3b82f61a}.obs-metric-card.response-time .obs-card-icon-wrap{color:var(--accent);background:#8b5cf61a}.obs-metric-card.error-rate .obs-card-icon-wrap{color:var(--error);background:#ef44441a}.obs-metric-card.uptime .obs-card-icon-wrap{color:var(--success);background:#22c55e1a}.obs-expand-icon{color:var(--muted-foreground);transition:transform .3s ease;opacity:.5}.obs-expand-icon.rotated{transform:rotate(180deg)}.obs-card-body{display:flex;flex-direction:column}.obs-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:4px;letter-spacing:.05em}.obs-card-value{font-size:2rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:8px;line-height:1.1}.obs-card-value svg{margin-top:4px}.obs-card-value.status-good{color:var(--success)}.obs-card-value.status-warning{color:var(--warning)}.obs-card-value.status-critical{color:var(--error)}.obs-card-sub{font-size:.8rem;color:var(--muted-foreground);margin-top:6px}.obs-threshold-warning{color:var(--warning);font-weight:600}.obs-card-expanded{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);animation:slideDown .3s ease}.obs-uptime-ring{position:absolute;top:20px;right:20px;width:48px;height:48px}.obs-uptime-ring svg{transform:rotate(-90deg)}.obs-metrics-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.obs-chart-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.obs-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.obs-chart-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--foreground)}.obs-chart-subtitle{font-size:.8rem;color:var(--muted-foreground)}.obs-metrics-loading,.obs-metrics-error,.obs-metrics-empty{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:var(--radius);background:#0000001a}.obs-metrics-empty svg{opacity:.2}.obs-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1200px){.obs-metrics-cards{grid-template-columns:repeat(2,1fr)}.obs-metrics-charts{grid-template-columns:1fr}}@media(max-width:768px){.obs-metrics-cards{grid-template-columns:1fr}}.obs-chart-controls{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;margin-bottom:8px}.obs-chart-bucket-selector{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--muted-foreground)}.obs-bucket-select{background:#0003;border:1px solid var(--border);color:var(--foreground);padding:4px 12px;border-radius:6px;outline:none;cursor:pointer}.obs-chart-nav{display:flex;align-items:center;gap:16px}.obs-nav-btn{background:transparent;border:1px solid var(--border);color:var(--foreground);padding:4px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.obs-nav-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--primary)}.obs-nav-btn:disabled{opacity:.3;cursor:not-allowed}.obs-chart-page-info{font-size:.8rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.dashboard-panel .obs-metrics{padding:0}.dashboard-panel .obs-metrics-header{margin-bottom:16px;padding-bottom:12px}.dashboard-panel .obs-metrics-cards{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.dashboard-panel .obs-metric-card{padding:12px}.dashboard-panel .obs-card-value{font-size:1.5rem}.dashboard-panel .obs-card-label,.dashboard-panel .obs-card-sub{font-size:.7rem}.dashboard-panel .obs-uptime-ring{width:36px;height:36px;top:12px;right:12px}.dashboard-panel .obs-metrics-charts,.dashboard-panel .obs-metrics-section,.dashboard-panel .obs-last-updated{display:none}.uptime-container{padding:1rem;color:var(--foreground)}.uptime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.uptime-title{display:flex;align-items:center;gap:12px}.uptime-title h2{margin:0;font-size:1.5rem;font-weight:600}.uptime-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}.uptime-loading{display:flex;align-items:center;justify-content:center;height:400px;gap:12px;color:var(--muted-foreground)}.create-monitor-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s}.create-monitor-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.monitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.monitor-card{background:#0f172a66;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.monitor-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.monitor-card.up{border-left:4px solid var(--success)}.monitor-card.down{border-left:4px solid var(--error)}.monitor-card.degraded{border-left:4px solid var(--warning)}.monitor-card.pending{border-left:4px solid var(--text-muted)}.monitor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.monitor-name{display:flex;gap:12px;align-items:flex-start}.monitor-name h3{margin:0 0 4px;font-size:1.1rem;font-weight:600}.monitor-url{color:var(--text-muted);font-size:.85rem;text-decoration:none}.monitor-url:hover{color:var(--primary)}.status-indicator{padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-up{color:var(--success);background:#22c55e1a}.status-down{color:var(--error);background:#ef44441a}.status-degraded{color:var(--warning);background:#eab3081a}.status-pending{color:var(--text-muted);background:#94a3b81a}.delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .2s}.monitor-card:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--error);background:#ef44441a}.monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:600;font-family:JetBrains Mono,monospace}.stat-value.good{color:var(--success)}.stat-value.warning{color:var(--warning)}.monitor-timeline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff0d}.pulse-line{height:100%;width:30%;position:absolute;animation:pulseMove 3s infinite linear;background:linear-gradient(90deg,transparent,currentColor,transparent)}.pulse-line.up{color:var(--success)}.pulse-line.down{color:var(--error)}.pulse-line.degraded{color:var(--warning)}@keyframes pulseMove{0%{left:-30%}to{left:100%}}.no-monitors{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#0f172a4d;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.no-monitors svg{color:var(--text-muted);margin-bottom:1rem;opacity:.5}.no-monitors h3{margin:0 0 .5rem;font-size:1.25rem}.no-monitors p{color:var(--text-muted);margin-bottom:2rem;max-width:400px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1e293b;width:100%;max-width:500px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-header .close-btn:hover{color:var(--foreground)}form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--foreground);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--foreground);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer}.submit-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn:hover{background:#ffffff0d}.submit-btn:hover:not(:disabled){background:var(--primary-dark)}.ai-insight-box{margin-top:1rem;background:linear-gradient(145deg,#9333ea1a,#4f46e50d);border:1px solid rgba(147,51,234,.3);border-radius:8px;padding:1rem;position:relative;overflow:hidden}.ai-insight-box:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#9333ea}.ai-insight-header{display:flex;align-items:center;gap:8px;margin-bottom:.5rem;color:#a855f7;font-weight:600;font-size:.9rem}.ai-icon{color:#a855f7;animation:pulse 2s infinite}.ai-insight-text{margin:0;font-size:.95rem;line-height:1.5;color:var(--foreground);opacity:.9}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.status-pages-container{padding:24px 32px;color:var(--foreground);animation:slideDown .3s ease-out}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title h2{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em}.status-page-card{padding:24px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);transition:all .2s ease;position:relative;overflow:hidden}.status-page-card:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 4px 12px -2px #0003}.card-header h3{margin:0;font-size:1.1rem;font-weight:600}.badge{font-size:.75rem;padding:4px 10px;border-radius:20px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.badge.public{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.2)}.badge.private{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.2)}.card-body p{font-size:.9rem;color:var(--muted-foreground);margin:.5rem 0;line-height:1.5}.slug{font-family:var(--font-mono);opacity:.8;background:#ffffff0d;padding:2px 6px;border-radius:4px}.monitor-count{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted-foreground);margin-top:1.25rem;font-weight:500}.icon-btn{background:transparent;border:1px solid transparent;color:var(--muted-foreground);padding:6px;border-radius:6px}.icon-btn:hover{background:#ffffff0d;color:var(--foreground);border-color:var(--border)}.monitor-selector{display:grid;gap:.5rem;max-height:250px;overflow-y:auto;background:var(--background);padding:1rem;border:1px solid var(--border);border-radius:8px}.monitor-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .2s}.monitor-option:hover{background:var(--card)}.monitor-option.selected{background:#22c55e1a;border-color:var(--success)}.checkbox{width:16px;height:16px;border:1px solid rgba(255,255,255,.3);border-radius:3px;display:flex;align-items:center;justify-content:center}.monitor-option.selected .checkbox{border-color:var(--success);background:var(--success);color:#fff}.slug-input{display:flex;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding-left:.75rem}.slug-input span{color:var(--text-muted)}.slug-input input{border:none;background:transparent;padding-left:0}.slug-input input:focus{box-shadow:none}.badge.private{background:#ef444433;color:#ef4444}.auth-option{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.auth-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.password-input{margin-top:.5rem;width:100%;padding:.5rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff}.obs-traces-panel{display:flex;flex-direction:column;height:100%;background:transparent;overflow:hidden}.obs-traces-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:20px}.obs-traces-info{display:flex;align-items:center;gap:16px}.obs-traces-count{font-size:1.1rem;font-weight:700;color:var(--foreground)}.obs-time-selector{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0003;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground)}.obs-time-select{background:transparent;border:none;color:var(--foreground);font-size:.85rem;cursor:pointer;outline:none;font-weight:500}.obs-header-actions{display:flex;align-items:center;gap:12px}.obs-live-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--success)}.obs-live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.obs-delete-btn{padding:6px 12px;background:#f40101e6!important;border:1px solid rgba(239,68,68,.3)!important;color:#fff!important;font-weight:700;transition:all .2s}.obs-delete-btn:hover{background:#ef444433!important}.obs-filter-bar{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.obs-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.obs-search-icon{position:absolute;left:12px;color:var(--muted-foreground);opacity:.7}.obs-search-input{width:100%;background:#0003;border:1px solid var(--border);padding:8px 12px 8px 36px;border-radius:6px;color:var(--foreground);font-size:.9rem;outline:none;transition:border-color .2s}.obs-search-input:focus{border-color:var(--primary)}.obs-search-clear{position:absolute;right:12px;background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:0;display:flex}.obs-filter-dropdowns{display:flex;gap:12px}.obs-filter-group{display:flex;flex-direction:column;gap:4px}.obs-filter-group label{font-size:.8rem;text-transform:uppercase;color:var(--muted-foreground);font-weight:600}.obs-filter-dropdown{background:#0003;border:1px solid var(--border);padding:8px 12px;border-radius:6px;color:var(--foreground);outline:none;cursor:pointer;min-width:180px}.obs-active-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.obs-filter-label{font-size:.8rem;color:var(--muted-foreground);display:flex;align-items:center;gap:6px}.obs-filter-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:.8rem;color:var(--primary)}.obs-filter-chip button{background:none;border:none;color:currentColor;cursor:pointer;padding:0;display:flex;opacity:.7}.obs-filter-chip button:hover{opacity:1}.obs-clear-filters{font-size:.8rem;color:var(--muted-foreground);background:none;border:none;text-decoration:underline;cursor:pointer;margin-left:auto}.obs-traces-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;padding-right:4px}.obs-traces-list::-webkit-scrollbar{width:8px}.obs-traces-list::-webkit-scrollbar-track{background:#0000001a}.obs-traces-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.obs-trace-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .2s ease;position:relative;overflow:hidden}.obs-trace-card:hover{border-color:var(--primary);transform:translate(2px)}.obs-trace-card.error{border-left:3px solid var(--error)}.obs-trace-card.highlighted{border-color:var(--success);box-shadow:0 0 0 1px var(--success);animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%{box-shadow:0 0 0 4px #22c55e66}to{box-shadow:0 0 0 1px var(--success)}}.obs-trace-card.new-trace{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.obs-trace-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}.obs-trace-main{display:flex;gap:12px;align-items:flex-start}.obs-trace-expand-icon{color:var(--muted-foreground);margin-top:2px}.obs-trace-status{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.obs-trace-status.ok{background:#22c55e1a;color:var(--success)}.obs-trace-status.error{background:#ef44441a;color:var(--error)}.obs-trace-info{display:flex;flex-direction:column;gap:4px}.obs-trace-operation{font-weight:600;color:var(--foreground);font-size:.95rem}.obs-trace-meta{display:flex;align-items:center;gap:8px}.obs-trace-id{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground);background:#0000004d;padding:2px 6px;border-radius:4px}.obs-copy-btn{background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:2px;opacity:.6}.obs-copy-btn:hover{opacity:1;color:var(--foreground)}.obs-trace-service{font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:600;background:#ffffff1a;color:var(--foreground)}.service-frontend{background:#3b82f626;color:#60a5fa}.service-backend{background:#a855f726;color:#c084fc}.service-database{background:#eab30826;color:#facc15}.service-gateway{background:#ec489926;color:#f472b6}.obs-trace-timing{text-align:right}.obs-trace-duration{display:block;font-weight:700;font-family:var(--font-mono);font-size:.9rem}.obs-trace-duration.fast{color:var(--success)}.obs-trace-duration.medium{color:var(--warning)}.obs-trace-duration.slow{color:var(--error)}.obs-trace-time{font-size:.75rem;color:var(--muted-foreground)}.obs-trace-bar-container{margin-top:12px;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.obs-trace-bar{height:100%;border-radius:2px}.obs-trace-bar.fast{background:var(--success)}.obs-trace-bar.medium{background:var(--warning)}.obs-trace-bar.slow{background:var(--error)}.obs-trace-waterfall{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.obs-waterfall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.obs-waterfall-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--muted-foreground);font-size:.9rem}.obs-waterfall-trace-id{display:flex;align-items:center;gap:12px}.obs-correlate-btn,.obs-diagnose-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;border:1px solid var(--border);background:#0003;color:var(--foreground);transition:all .2s}.obs-correlate-btn:hover,.obs-diagnose-btn:hover{border-color:var(--primary);background:#3b82f61a}.obs-diagnose-btn{color:var(--accent);border-color:#a855f74d}.obs-diagnose-btn:hover{background:#a855f71a;border-color:var(--accent)}.obs-waterfall-span{position:relative;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.obs-waterfall-span:hover{background:#ffffff05}.obs-waterfall-span.error{background:#ef44440d}.obs-span-tree-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff1a}.obs-tree-branch{position:absolute;top:18px;left:0;color:#fff3;font-family:monospace}.obs-span-content{display:flex;flex-direction:column;gap:6px}.obs-span-header{display:flex;align-items:center;gap:8px;font-size:.85rem}.obs-span-icon{color:var(--muted-foreground)}.obs-span-operation{color:var(--foreground);font-weight:500}.obs-span-status{font-size:.75rem}.obs-span-status.ok{color:var(--success)}.obs-span-status.error{color:var(--error)}.obs-span-bar-row{display:flex;align-items:center;gap:12px}.obs-span-bar-container{flex:1;height:24px;background:#0003;border-radius:4px;position:relative}.obs-span-bar{height:100%;border-radius:4px;min-width:4px;opacity:.8;position:relative}.obs-span-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#fff3}.obs-span-bar.fast{background:var(--success)}.obs-span-bar.medium{background:var(--warning)}.obs-span-bar.slow{background:var(--error)}.obs-span-duration{font-size:.75rem;font-family:var(--font-mono);color:var(--muted-foreground);width:60px;text-align:right;display:flex;align-items:center;gap:4px;justify-content:flex-end}.obs-ai-modal-overlay,.obs-correlated-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.obs-ai-modal,.obs-correlated-modal{background:#0f172a;border:1px solid var(--border);border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;overflow:hidden}.obs-ai-modal-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.obs-ai-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:var(--foreground)}.obs-ai-content{padding:24px;overflow-y:auto;color:var(--muted-foreground);line-height:1.6}.obs-ai-markdown h2{color:var(--foreground);margin-top:16px;margin-bottom:8px;font-size:1.2rem}.obs-ai-markdown ul{padding-left:20px}.obs-ai-markdown code{background:#0000004d;padding:2px 4px;border-radius:4px;font-family:var(--font-mono);color:var(--accent)}.obs-traces-loading,.obs-traces-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:300px;color:var(--muted-foreground)}.obs-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--muted-foreground);gap:16px}.correlated-view{background:linear-gradient(145deg,#16181dfa,#0d0f12fc);border-radius:16px;min-width:600px;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid hsl(220 25% 25% / .4);box-shadow:0 25px 50px -12px #00000080}.correlated-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsl(220 20% 20% / .5);background:linear-gradient(180deg,hsl(220 15% 15% / .5) 0%,transparent 100%)}.header-info{display:flex;align-items:center;gap:12px}.header-info h2{margin:0;font-size:18px;font-weight:600;color:#fff}.trace-id-badge{font-family:Monaco,Menlo,monospace;font-size:12px;padding:4px 10px;background:#242e4299;color:#7da1e8;border-radius:6px;border:1px solid hsl(220 30% 30% / .4)}.duration-badge{font-size:13px;font-weight:600;padding:4px 10px;background:linear-gradient(135deg,#19664066,#1452334d);color:#67e4a6;border-radius:6px;border:1px solid hsl(150 50% 30% / .4)}.close-btn{width:32px;height:32px;border:none;background:#29303d80;color:#888;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#a3292966;color:#e87d7d}.stats-bar{display:flex;gap:24px;padding:16px 24px;background:#1a1d2380;border-bottom:1px solid hsl(220 20% 20% / .5)}.stat{display:flex;align-items:center;gap:8px}.stat-icon{font-size:18px}.stat-value{font-size:20px;font-weight:700;color:#fff}.stat-label{font-size:13px;color:#888}.tabs{display:flex;gap:4px;padding:12px 24px;background:#16181d80;border-bottom:1px solid hsl(220 20% 20% / .5)}.tab{padding:10px 20px;background:transparent;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.tab:hover{background:#29303d66;color:#ccc}.tab.active{background:linear-gradient(135deg,#2e5cb84d,#24478f33);color:#93b0ec;border:1px solid hsl(220 50% 45% / .4)}.correlated-content{flex:1;overflow-y:auto;padding:20px 24px}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:60px}.spinner{width:40px;height:40px;border:3px solid hsl(220 20% 20%);border-top-color:#5281e0;border-radius:50%;animation:spin 1s linear infinite}.error-message{padding:40px;text-align:center;color:#e46767}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;color:#888;margin-bottom:8px}.empty-hint{font-size:13px;color:#666}.trace-view{display:flex;flex-direction:column;gap:8px}.span-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1e222999;border-radius:10px;border:1px solid hsl(220 20% 22% / .5);transition:all .2s ease}.span-row:hover{background:#272c35b3;border-color:#3e507480}.span-row.error{border-color:#862d2d80;background:#321b1b66}.span-status-icon{font-size:16px}.span-info{flex:1}.span-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.span-service{font-size:12px;color:#888}.span-duration{font-size:14px;font-weight:600;color:#7da1e8;padding:4px 10px;background:#242e4280;border-radius:6px}.logs-view{display:flex;flex-direction:column;gap:6px}.log-row{display:grid;grid-template-columns:80px 60px 100px 1fr;gap:12px;align-items:center;padding:12px 14px;background:#1e222999;border-radius:8px;border:1px solid hsl(220 20% 22% / .5);font-size:13px}.log-row.error{border-color:#862d2d80;background:#321b1b4d}.log-row.warning{border-color:#86682d80;background:#322a1b4d}.log-time{color:#666;font-family:Monaco,Menlo,monospace;font-size:11px}.log-level-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;text-align:center}.log-level-badge.info{background:#20356080;color:#7da1e8}.log-level-badge.warning{background:#604a2080;color:#e4bb67}.log-level-badge.error{background:#60202080;color:#e46767}.log-level-badge.debug{background:#462d5380;color:#bf8cd9}.log-service{color:#6cc;font-size:12px}.log-message{color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.services-view{display:flex;flex-direction:column;gap:12px}.services-header{font-size:14px;font-weight:600;color:#888;margin-bottom:8px}.services-list{display:flex;flex-direction:column;gap:8px}.service-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#1f242eb3,#1a1d23cc);border-radius:12px;border:1px solid hsl(220 25% 25% / .5);transition:all .2s ease}.service-card:hover{border-color:#4563a180;transform:translateY(-1px)}.service-card.error{border-color:#862d2d80;background:linear-gradient(135deg,#2e1f1f80,#231a1a80)}.service-name{font-size:15px;font-weight:600;color:#7db3e8}.service-stats{display:flex;gap:16px;align-items:center}.service-stat{font-size:13px;color:#888;padding:4px 10px;background:#252b37;border-radius:6px}.service-error-badge{font-size:11px;font-weight:600;padding:4px 10px;background:#60202080;color:#e46767;border-radius:6px}.integration-panel{background:linear-gradient(145deg,#111317f2,#0b0c0ffa);border:1px solid hsl(220 25% 20% / .4);border-radius:1rem;overflow:hidden}.integration-header{padding:24px;border-bottom:1px solid hsl(220 20% 15%);background:#0d0f12cc}.integration-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:#f0f1f5;margin:0 0 6px}.integration-header p{color:#8a94a8;font-size:.875rem;margin:0}.integration-section{padding:20px 24px;border-bottom:1px solid hsl(220 20% 12%)}.integration-section:last-child{border-bottom:none}.section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#9facc6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.api-key-section{background:#29a37a14}.api-key-box{display:flex;align-items:center;gap:10px;background:#0d0f12;border:1px solid hsl(160 60% 40% / .3);border-radius:8px;padding:12px 16px}.api-key-value{flex:1;font-family:JetBrains Mono,SF Mono,monospace;font-size:.9rem;color:#52e0b1;word-break:break-all}.api-key-hint{margin-top:10px;font-size:.75rem;color:#7b879d}.endpoint-box{display:flex;align-items:center;gap:10px;background:#0d0f12;border:1px solid hsl(220 25% 20%);border-radius:8px;padding:12px 16px}.endpoint-box code{flex:1;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;color:#75b3f0}.copy-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#181d25;border:1px solid hsl(220 25% 25%);border-radius:6px;color:#a7afbe;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#252b37;border-color:#475c85;color:#f0f1f5}.copy-btn.small{width:28px;height:28px;margin-left:auto}.code-examples .section-title{margin-bottom:16px}.code-block{background:#0b0c0f;border:1px solid hsl(220 20% 15%);border-radius:8px;margin-bottom:10px;overflow:hidden}.code-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#111317;border-bottom:1px solid hsl(220 20% 12%);cursor:pointer;transition:background .2s ease}.code-header:hover{background:#16181d}.lang-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.lang-badge.python{background:#2680d933;color:#5ea6ed}.lang-badge.javascript{background:#f2cc0d33;color:#f4d125}.lang-badge.curl{background:#29a37a33;color:#3cdda7}.code-header span:not(.lang-badge){font-size:.8rem;color:#a7afbe}.code-content{margin:0;padding:16px;overflow-x:auto;font-family:JetBrains Mono,SF Mono,monospace;font-size:.75rem;line-height:1.6;color:#c4c9d4;background:#090a0c}.code-content code{font-family:inherit}.support-section{display:flex;align-items:flex-start;gap:12px;background:#101318;color:#a7afbe}.support-section svg{flex-shrink:0;margin-top:2px}.support-section strong{color:#e2e4e9;display:block;margin-bottom:4px}.support-section p{margin:0;font-size:.8rem}@media(max-width:768px){.integration-header,.integration-section{padding:16px}.api-key-value,.endpoint-box code{font-size:.75rem}.code-content{font-size:.7rem;padding:12px}}.admin-panel{background:linear-gradient(145deg,#111317f2,#0b0c0ffa);border:1px solid hsl(220 25% 20% / .4);border-radius:1rem;overflow:hidden}.admin-loading,.admin-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#8a94a8}.admin-error{color:#e05252;background:#d926261a;border-radius:.75rem}.admin-spinner{width:24px;height:24px;border:2px solid hsl(220 20% 15%);border-top-color:#acb9d2;border-radius:50%;animation:spin .8s linear infinite}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid hsl(220 20% 15%);background:#0d0f12cc}.admin-title{display:flex;align-items:center;gap:12px;color:#f0f1f5}.admin-title h2{margin:0;font-size:1.25rem;font-weight:700}.admin-title svg{color:#f4c025}.admin-refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#181d25;border:1px solid hsl(220 25% 25%);border-radius:8px;color:#c4c9d4;font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-refresh-btn:hover{background:#252b37;border-color:#475c85}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;border-bottom:1px solid hsl(220 20% 12%)}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0d0f12;border:1px solid hsl(220 20% 15%);border-radius:12px;transition:all .2s ease}.admin-stat-card:hover{border-color:#303a50;transform:translateY(-2px)}.admin-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.admin-stat-icon.users{background:#1980e633;color:#4799eb}.admin-stat-icon.active{background:#22c38e33;color:#3cdda7}.admin-stat-icon.traces{background:#9d26d933;color:#b152e0}.admin-stat-icon.healthy{background:#22c38e33;color:#3cdda7}.admin-stat-icon.warning{background:#f2b90d33;color:#f4c025}.admin-stat-info{display:flex;flex-direction:column;gap:4px}.admin-stat-value{font-size:1.5rem;font-weight:700;color:#f0f1f5}.admin-stat-label{font-size:.8rem;color:#8a94a8}.admin-tenants-section{padding:24px}.admin-section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:1rem;font-weight:600;color:#d1d6e0}.admin-table-container{overflow-x:auto;border:1px solid hsl(220 20% 15%);border-radius:10px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:14px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#7b879d;text-transform:uppercase;letter-spacing:.05em;background:#111317;border-bottom:1px solid hsl(220 20% 15%)}.admin-table td{padding:14px 16px;font-size:.875rem;color:#d3d7de;border-bottom:1px solid hsl(220 20% 12%)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#111317}.admin-table tr.inactive td{opacity:.6}.tenant-id code{font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;padding:4px 8px;background:#14181f;border:1px solid hsl(220 25% 18%);border-radius:4px;color:#75b3f0}.tenant-company{display:flex;flex-direction:column;gap:2px}.tenant-company span{font-weight:600;color:#f0f1f5}.tenant-company small{font-size:.75rem;color:#7b879d}.tenant-apikey code{font-family:JetBrains Mono,SF Mono,monospace;font-size:.75rem;color:#8a94a8}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.active{background:#22c38e33;color:#3cdda7}.status-badge.inactive{background:#d9262633;color:#e05252}.tenant-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#8a94a8}.tenant-last-active .recent{color:#3cdda7}.tenant-last-active .never{color:#6c7993}.toggle-btn{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.toggle-btn.deactivate{background:#d9262626;border-color:#c3222266;color:#e05252}.toggle-btn.deactivate:hover{background:#d9262640;border-color:#d92626}.toggle-btn.activate{background:#22c38e26;border-color:#1fad7e66;color:#3cdda7}.toggle-btn.activate:hover{background:#22c38e40;border-color:#26d99d}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:#6c7993}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:10px 12px}}.settings-panel{display:flex;flex-direction:column;gap:24px}.settings-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#8a94a8}.settings-spinner{width:24px;height:24px;border:2px solid hsl(220 20% 15%);border-top-color:#acb9d2;border-radius:50%;animation:spin .8s linear infinite}.settings-message{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:.9rem;font-weight:500}.settings-message.success{background:#22c38e26;border:1px solid hsl(160 70% 40% / .4);color:#3cdda7}.settings-message.error{background:#d9262626;border:1px solid hsl(0 70% 45% / .4);color:#e05252}.settings-section{background:linear-gradient(145deg,#111317f2,#0b0c0ffa);border:1px solid hsl(220 25% 20% / .4);border-radius:14px;padding:24px}.settings-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid hsl(220 20% 15%)}.settings-section-header h3{margin:0;font-size:1rem;font-weight:600;color:#f0f1f5}.settings-section-header svg{color:#f4c025}.settings-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-info-item{display:flex;flex-direction:column;gap:6px}.settings-info-item .label{display:flex;align-items:center;gap:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#7b879d}.settings-info-item code{font-family:JetBrains Mono,SF Mono,monospace;font-size:.9rem;color:#75b3f0;background:#14181f;padding:6px 10px;border-radius:6px;border:1px solid hsl(220 25% 18%)}.settings-info-item span:not(.label){color:#e0e4eb;font-size:.9rem}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form .form-group{display:flex;flex-direction:column;gap:8px}.settings-form label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:#a7afbe}.settings-form input{padding:12px 14px;background:#0d0f12;border:1px solid hsl(220 20% 18%);border-radius:8px;color:#f0f1f5;font-size:.9rem;transition:all .2s ease}.settings-form input:focus{outline:none;border-color:#475c85;box-shadow:0 0 0 3px #4d6eb31a}.settings-form input::placeholder{color:#576175}.password-input{position:relative;display:flex}.password-input input{flex:1;padding-right:44px}.password-input button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c7993;cursor:pointer;padding:4px;transition:color .2s}.password-input button:hover{color:#c2c9d6}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:fit-content}.settings-btn.primary{background:linear-gradient(135deg,#2d3953,#262f40);border:1px solid hsl(220 30% 35%);color:#f0f1f5}.settings-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#364563,#303a50);border-color:#4b659b}.settings-btn.danger{background:#d9262626;border:1px solid hsl(0 70% 45% / .4);color:#e05252}.settings-btn.danger:hover:not(:disabled){background:#d9262640;border-color:#d92626}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-display{background:#0d0f12;border:1px solid hsl(220 20% 18%);border-radius:8px;padding:14px 16px;margin-bottom:12px}.api-key-display code{font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;color:#3cdda7;word-break:break-all}.settings-hint{font-size:.8rem;color:#7b879d;margin:0 0 16px;line-height:1.5}@media(max-width:768px){.settings-info-grid{grid-template-columns:1fr}.settings-section{padding:18px}}.sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;background:#0b0c15d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:50}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .2s ease}.sidebar-header:hover{background:#ffffff08}.sidebar-header:hover .sidebar-logo-text{color:var(--primary)}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center}.sidebar-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--foreground)}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--muted-foreground);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-nav-item:hover{background:#ffffff08;color:var(--foreground)}.sidebar-nav-item.active{background:#3b82f61a;color:var(--primary);border:1px solid rgba(59,130,246,.2)}.sidebar-group{margin-top:8px}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--muted-foreground);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.flex-row{display:flex;align-items:center;gap:10px}.chevron{transition:transform .2s;opacity:.5}.sidebar-group-header.expanded .chevron{transform:rotate(90deg)}.sidebar-subitems{display:flex;flex-direction:column;gap:2px;padding-left:12px;margin-top:4px;margin-bottom:8px;border-left:1px solid var(--border);margin-left:20px}.sidebar-divider{height:1px;background:var(--border);margin:16px 0}.sidebar-footer{padding:20px;border-top:1px solid var(--border)}.tenant-badge{display:flex;align-items:center;gap:10px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:8px}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.tenant-name{font-size:.85rem;font-weight:600;color:var(--foreground)}.admin-item{color:var(--warning)}.dashboard-container{display:flex;min-height:100vh;background:var(--background);position:relative;overflow:hidden;color:var(--foreground)}.dashboard-bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 70% 10%,rgba(59,130,246,.05),transparent);pointer-events:none;z-index:0}.dashboard-bg-orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.dashboard-bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);top:-200px;right:-100px;animation:float 30s ease-in-out infinite}.dashboard-bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,.05) 0%,transparent 70%);bottom:-150px;left:200px;animation:float 25s ease-in-out infinite reverse;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.03)}66%{transform:translate(-20px,20px) scale(.97)}}.dashboard-main{flex:1;margin-left:260px;display:flex;flex-direction:column;position:relative;z-index:10}.dashboard-header{padding:20px 32px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:15}.dashboard-page-title{font-size:1.5rem;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin:0}.dashboard-header-actions{display:flex;gap:10px}.dashboard-icon-btn,.dashboard-action-btn{display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;cursor:pointer;transition:all .2s ease}.dashboard-icon-btn{width:40px;height:40px}.dashboard-action-btn{padding:8px 16px;font-weight:500;gap:8px;font-size:.9rem}.dashboard-icon-btn:hover,.dashboard-action-btn:hover{background:#ffffff14;color:var(--foreground);border-color:var(--muted-foreground)}.dashboard-action-btn.danger{color:var(--error);border-color:#ef444433}.dashboard-action-btn.danger:hover{background:#ef44441a;border-color:var(--error)}.dashboard-tabs{display:flex;gap:8px;padding:12px 32px;border-bottom:1px solid var(--border);background:#0003}.dashboard-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid transparent;color:var(--muted-foreground);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:12px}.dashboard-tab:hover{color:var(--foreground);background:#ffffff08}.dashboard-tab.active{background:#3b82f61a;color:var(--primary);border-color:#3b82f633}.dashboard-content{flex:1;padding:28px 32px}.dashboard-overview{display:flex;flex-direction:column;gap:28px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dashboard-stat-card{padding:24px;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.dashboard-stat-card:hover{transform:translateY(-2px);border-color:var(--ring)}.dashboard-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;color:var(--muted-foreground)}.dashboard-stat-icon.logs{color:var(--info);background:#0ea5e91a}.dashboard-stat-icon.error{color:var(--error);background:#ef44441a}.dashboard-stat-icon.success{color:var(--success);background:#10b9811a}.dashboard-stat-icon.traces{color:var(--primary);background:#3b82f61a}.dashboard-stat-info{display:flex;flex-direction:column}.dashboard-stat-value{font-size:2rem;font-weight:700;line-height:1.1;color:var(--foreground)}.dashboard-stat-value small{font-size:1rem;font-weight:500;color:var(--muted-foreground);margin-left:4px}.dashboard-stat-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.dashboard-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-panel{padding:24px;min-height:300px}.dashboard-panel-title{font-size:1rem;font-weight:600;margin-bottom:20px;color:var(--foreground)}.placeholder-view{flex:1;display:flex;align-items:center;justify-content:center;min-height:60vh;border-radius:16px;margin-top:20px}.placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px}.placeholder-icon{color:var(--muted-foreground);margin-bottom:8px;opacity:.5}.placeholder-content h2{font-size:1.5rem;font-weight:700;color:var(--foreground)}.placeholder-content p{color:var(--muted-foreground);line-height:1.6}.dashboard-menu-btn{display:none;background:transparent;border:none;color:var(--foreground);cursor:pointer;padding:8px;border-radius:8px;margin-right:12px}.dashboard-menu-btn:hover{background:#ffffff0d}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:8px;border-radius:8px;margin-left:auto}.sidebar-close-btn:hover{color:var(--foreground);background:#ffffff0d}.dashboard-sidebar-wrapper{position:fixed;top:0;left:0;height:100vh;z-index:50;display:flex}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;transition:opacity .3s ease}.sidebar-header-branding{display:flex;align-items:center;gap:12px;cursor:pointer}@media(max-width:1200px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-menu-btn,.sidebar-close-btn{display:flex}.dashboard-main{margin-left:0;width:100%}.dashboard-sidebar-wrapper .sidebar{transform:translate(-100%);transition:transform .3s ease-in-out}.dashboard-sidebar-wrapper.open .sidebar{transform:translate(0)}.dashboard-sidebar-wrapper.open .sidebar-overlay{display:block;opacity:1}.dashboard-stats-grid{grid-template-columns:1fr;gap:16px}.dashboard-header{padding:16px 20px}.dashboard-page-title{font-size:1.25rem}.dashboard-content{padding:20px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--background);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.7}.auth-container:before{width:600px;height:600px;background:radial-gradient(circle,hsl(from var(--primary) h s l / .12) 0%,transparent 70%);top:-20%;right:-10%;animation:float 20s ease-in-out infinite}.auth-container:after{width:500px;height:500px;background:radial-gradient(circle,hsl(from var(--accent) h s l / .1) 0%,transparent 70%);bottom:-20%;left:-10%;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.auth-card{background:var(--card);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:2rem;border-radius:1.25rem;border:1px solid var(--border);width:100%;max-width:440px;position:relative;z-index:1;box-shadow:0 25px 60px hsl(from var(--background) h s l / .6),0 0 0 1px hsl(from var(--primary) h s l / .1) inset}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo-icon{margin-bottom:1rem}.auth-header h1{background:linear-gradient(135deg,var(--foreground) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.03em}.auth-header p{color:var(--muted-foreground);font-size:.95rem;margin:0}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--muted);padding:.25rem;border-radius:.75rem;border:1px solid var(--border)}.auth-tabs button{flex:1;padding:12px;border:none;background:transparent;color:var(--muted-foreground);font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.95rem}.auth-tabs button:hover:not(.active){color:var(--foreground);background:var(--secondary)}.auth-tabs button.active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-foreground);box-shadow:0 4px 16px hsl(from var(--primary) h s l / .3)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--foreground);font-size:.875rem;font-weight:600}.form-group input{width:100%;padding:14px 16px;background:var(--input);border:1px solid var(--border);border-radius:.75rem;font-size:.95rem;color:var(--foreground);transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder{color:var(--muted-foreground)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px hsl(from var(--primary) h s l / .2)}.auth-error{background:hsl(from var(--error) h s l / .1);border:1px solid hsl(from var(--error) h s l / .25);color:var(--error);padding:12px 16px;border-radius:.75rem;font-size:.875rem;text-align:center}.auth-submit{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-foreground);border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px hsl(from var(--primary) h s l / .35)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit .loading-spinner{width:20px;height:20px;border:2px solid hsl(from var(--primary-foreground) h s l / .3);border-top-color:var(--primary-foreground);border-radius:50%;animation:spin .8s linear infinite}.auth-demo{margin-top:1.5rem;padding:1rem;background:var(--muted);border:1px solid var(--border);border-radius:.75rem}.auth-demo p{color:var(--muted-foreground);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin:0 0 12px;text-align:center}.auth-demo ul{display:flex;flex-direction:column;gap:.5rem;align-items:center;list-style:none;padding:0;margin:0}.auth-demo li{color:var(--foreground);font-size:.85rem;font-family:var(--font-mono);padding:6px 12px;background:var(--secondary);border-radius:.375rem}@media(max-width:480px){.auth-card{margin:1rem;padding:1.5rem}.auth-header h1{font-size:1.5rem}}.public-status-page{max-width:900px;margin:0 auto;padding:3rem 2rem;min-height:100vh;color:var(--foreground);font-family:var(--font-sans);background:var(--background)}.public-status-page:before{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.1),transparent 70%);z-index:-1;filter:blur(80px);pointer-events:none}.status-header{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px -5px #0000004d}.header-content h1{font-size:2.25rem;margin:0 0 .5rem;font-weight:700;letter-spacing:-.02em}.header-content p{color:var(--muted-foreground);margin:0;font-size:1.1rem}.overall-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .3s ease}.overall-status.up{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2);box-shadow:0 0 15px #10b9811a}.overall-status.issue{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.public-monitor-card{margin-bottom:1.25rem;padding:1.75rem;border-radius:12px;background:var(--card);border:1px solid var(--border);transition:transform .2s ease}.monitor-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.monitor-identity{display:flex;align-items:center;gap:1rem}.monitor-identity h3{margin:0;font-weight:600;font-size:1.1rem}.monitor-uptime{text-align:right;background:#0003;padding:4px 12px;border-radius:6px}.monitor-uptime .label{font-size:.7rem;color:var(--muted-foreground);display:block;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.monitor-uptime .value{font-weight:700;font-family:var(--font-mono);color:var(--foreground);font-size:.95rem}.status-footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:.9rem}.history-bar-container{padding-top:.5rem}.history-bar{display:flex;gap:4px;height:36px}.history-block{flex:1;border-radius:4px;background:#ffffff08;transition:all .2s}.history-block:hover{transform:scaleY(1.1)}.history-block.up{background:var(--success);box-shadow:0 0 5px #10b9814d}.history-block.down{background:var(--error);box-shadow:0 0 5px #ef44444d}.history-block.degraded{background:var(--warning)}.public-status-page.locked{display:flex;align-items:center;justify-content:center;min-height:80vh}.lock-screen{width:100%;max-width:420px;padding:3.5rem;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px -10px #00000080}.lock-icon{width:80px;height:80px;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:var(--foreground)}.lock-form{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.lock-form input{width:100%;padding:1rem;border-radius:10px;background:var(--input);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .2s}.lock-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb33;background:#0006}.lock-form button{width:100%;padding:1rem;border-radius:10px;border:none;background:var(--foreground);color:var(--background);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-family:var(--font-sans)}.lock-form button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a}.lock-form button:disabled{opacity:.7;cursor:not-allowed;transform:none}.impact-graph{margin-top:3rem;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:inset 0 0 20px #0003}:root,.dark{--background: hsl(270, 30%, 8%);--foreground: hsl(30, 20%, 90%);--card: hsl(270, 25%, 12%);--card-foreground: hsl(30, 20%, 90%);--primary: hsl(340, 85%, 65%);--primary-foreground: hsl(270, 30%, 8%);--secondary: hsl(270, 15%, 25%);--secondary-foreground: hsl(30, 20%, 85%);--muted: hsl(270, 20%, 18%);--muted-foreground: hsl(270, 10%, 55%);--accent: hsl(25, 90%, 60%);--accent-foreground: hsl(270, 30%, 8%);--destructive: hsl(0, 72%, 55%);--border: hsl(270, 20%, 15%);--input: hsl(270, 25%, 14%);--ring: hsl(340, 85%, 65%);--radius: .75rem;--success: hsl(160, 70%, 45%);--warning: hsl(45, 90%, 55%);--error: hsl(0, 72%, 55%);--info: hsl(200, 80%, 55%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.glass-panel{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:30px}.gradient-cta{background:linear-gradient(135deg,#f25a8c,#f58a3d);color:#140e1b;border:none;font-weight:600}.gradient-cta:hover{background:linear-gradient(135deg,#f4719d,#f69855);box-shadow:0 0 20px #f25a8c66}.text-glow{text-shadow:0 0 10px hsla(340,85%,65%,.5)}.light{--background: hsl(40 20% 98%);--foreground: hsl(220 15% 15%);--card: hsl(0 0% 100%);--card-foreground: hsl(220 15% 15%);--primary: hsl(45 85% 45%);--primary-foreground: hsl(220 15% 98%);--secondary: hsl(40 10% 92%);--secondary-foreground: hsl(220 15% 25%);--muted: hsl(40 10% 94%);--muted-foreground: hsl(220 8% 45%);--accent: hsl(45 90% 50%);--accent-foreground: hsl(220 15% 10%);--destructive: hsl(0 72% 50%);--border: hsl(220 10% 85%);--input: hsl(220 10% 90%);--ring: hsl(45 85% 50%);--accent-glow: hsl(45 90% 55% / .2);--success: hsl(131, 73%, 51%);--warning: hsl(45 92% 45%);--error: hsl(0 72% 50%);--info: hsl(210 80% 50%)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:#eebd2b4d;color:var(--foreground)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-25px) rotate(2deg)}66%{transform:translateY(-15px) rotate(-1deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}