@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-particle-1{left:44%;top:11%;animation-delay:-9s;animation-duration:13s;width:3px;height:6px}.login-particle-2{left:24%;top:51%;animation-delay:-13s;animation-duration:11s;width:6px;height:5px}.login-particle-3{left:51%;top:26%;animation-delay:-7s;animation-duration:13s;width:6px;height:4px}.login-particle-4{left:97%;top:50%;animation-delay:-15s;animation-duration:18s;width:5px;height:4px}.login-particle-5{left:24%;top:21%;animation-delay:-1s;animation-duration:20s;width:5px;height:6px}.login-particle-6{left:94%;top:61%;animation-delay:-1s;animation-duration:16s;width:5px;height:5px}.login-particle-7{left:78%;top:16%;animation-delay:-10s;animation-duration:13s;width:4px;height:3px}.login-particle-8{left:73%;top:35%;animation-delay:-6s;animation-duration:13s;width:3px;height:5px}.login-particle-9{left:38%;top:14%;animation-delay:-8s;animation-duration:17s;width:6px;height:4px}.login-particle-10{left:80%;top:79%;animation-delay:-5s;animation-duration:11s;width:6px;height:3px}.login-particle-11{left:10%;top:40%;animation-delay:-14s;animation-duration:11s;width:4px;height:4px}.login-particle-12{left:82%;top:58%;animation-delay:-6s;animation-duration:20s;width:5px;height:3px}.login-particle-13{left:33%;top:21%;animation-delay:-14s;animation-duration:14s;width:3px;height:6px}.login-particle-14{left:97%;top:66%;animation-delay:-5s;animation-duration:20s;width:5px;height:3px}.login-particle-15{left:48%;top:28%;animation-delay:-7s;animation-duration:19s;width:4px;height:5px}.login-particle-16{left:45%;top:52%;animation-delay:-3s;animation-duration:13s;width:3px;height:3px}.login-particle-17{left:100%;top:50%;animation-delay:-9s;animation-duration:12s;width:6px;height:6px}.login-particle-18{left:16%;top:94%;animation-delay:-7s;animation-duration:20s;width:4px;height:5px}.login-particle-19{left:99%;top:38%;animation-delay:-6s;animation-duration:12s;width:4px;height:3px}.login-particle-20{left:14%;top:77%;animation-delay:-14s;animation-duration:16s;width:5px;height:5px}@keyframes floatParticle{0%,to{transform:translate(0);opacity:0}10%{opacity:.6}50%{transform:translate(47px,-8px);opacity:.8}90%{opacity:.6}}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#e5e7eb}body:before{content:"";position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(239,68,68,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(20,184,166,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(239,68,68,.1) 0%,transparent 40%);pointer-events:none;z-index:0;animation:gradientShift 20s ease infinite;filter:blur(60px)}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,5%) rotate(120deg)}66%{transform:translate(-5%,5%) rotate(240deg)}}@keyframes gentlePulse{0%,to{opacity:.4}33%{opacity:.6}66%{opacity:.5}}@keyframes gentlePulseSlow{0%,to{opacity:.5}50%{opacity:.7}}#root{position:relative;z-index:1}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003;border-radius:.5rem}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff26,#ffffff14);border-radius:.5rem;border:2px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ef444466,#ef444433);box-shadow:inset 0 0 6px #0000004d,0 0 10px #ef44444d}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}a{color:var(--theme-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--theme-primary-dark)}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}button:focus{outline:none}input,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:#6b7280}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#e5e7eb;font-size:1.125rem;gap:1.5rem}.error-state{color:#ef4444}.error-state p{margin-bottom:1.5rem}.error-state button{margin-top:1rem}.loading-state{position:relative}.loading-state:before{content:"";width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--theme-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;display:block;margin-bottom:1rem}.loading-state:not(:empty):before{margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af;font-size:1rem;gap:1rem}.empty-state:before{content:"📭";font-size:3rem;opacity:.5;margin-bottom:.5rem}.empty-state h3{color:#e5e7eb;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:#9ca3af;max-width:400px;line-height:1.6}.empty-state .empty-state-hint{font-size:.875rem;color:#6b7280;margin-top:.5rem;font-style:italic}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ef444433}50%{box-shadow:0 0 30px #ef444466}}@keyframes refreshHighlight{0%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 1px var(--theme-primary, #3b82f6),0 0 8px 2px var(--theme-border-glow, rgba(59, 130, 246, .2))}60%{box-shadow:0 0 0 1px var(--theme-primary, #3b82f6),0 0 4px 1px var(--theme-border-glow, rgba(59, 130, 246, .1))}to{box-shadow:0 0 0 0 transparent}}.refresh-effect{animation:refreshHighlight .6s ease-out;border-radius:.5rem;pointer-events:none}.app-layout{min-height:100vh;background:#0a0a0f;position:relative}.main-content{padding-top:4rem;padding-bottom:18rem;min-height:100vh;display:flex;flex-direction:column}.main-content .content-inner{flex:1;padding:2rem;max-width:90rem;margin:0 auto;width:100%}.main-content.grafana-page{padding-bottom:0;position:relative;min-height:calc(100vh - 4rem)}.main-content.grafana-page .page-header{position:relative;z-index:10;background:#0a0a0f;padding:1rem 2rem .5rem;margin-bottom:0}.main-content.grafana-page .logs-quick-filters{position:relative;z-index:10;background:#0a0a0f;margin-bottom:0}@media (max-width: 1024px){.main-content{padding-right:3rem}}@media (max-width: 768px){.main-content{padding-right:3rem;padding-bottom:20rem}}.page-header{padding:2rem 2rem 1rem;margin-bottom:2rem}.page-header h1{font-size:2.25rem;font-weight:700;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.page-header .page-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--theme-primary);margin-bottom:.5rem;text-transform:uppercase;text-shadow:0 0 20px var(--theme-border-glow)}.page-header .page-title{font-size:2.25rem;font-weight:700;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.page-header .page-description{margin-top:.5rem;color:#9ca3af;font-size:1rem}.topnav{position:fixed;top:0;left:0;right:0;height:4rem;background:linear-gradient(180deg,#1a1a24f2,#1a1a24d9);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.025);box-shadow:0 2px 16px #0003,inset 0 -1px #ffffff0d;z-index:50;display:flex;align-items:center}.topnav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,var(--theme-gradient) 0%,transparent 50%),radial-gradient(circle at 50% 0%,rgba(139,92,246,.1) 0%,transparent 50%);animation:gentlePulse 20s ease-in-out infinite;opacity:.3}.topnav .topnav-container{width:100%;max-width:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:1}.topnav .topnav-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.topnav .topnav-brand .logo-image{height:2rem;width:auto;object-fit:contain}.topnav .topnav-brand .logo-text{display:flex;flex-direction:column;align-items:flex-start}.topnav .topnav-brand .logo{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1}.topnav .topnav-brand .logo-accent{margin-top:.125rem;font-size:.4rem;font-weight:500;color:var(--theme-primary);text-transform:uppercase;letter-spacing:.1em}.topnav .topnav-links{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.topnav .topnav-user{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.topnav .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#9ca3af;border-radius:.75rem;transition:all .3s;position:relative;text-decoration:none;background:transparent;border:none;cursor:pointer;white-space:nowrap}.topnav .nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.75rem;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s}.topnav .nav-link svg{width:1.125rem;height:1.125rem;position:relative;z-index:1;flex-shrink:0}.topnav .nav-link span{position:relative;z-index:1}.topnav .nav-link:hover{color:#fff;background:#ffffff0d}.topnav .nav-link:hover:before{opacity:1}.topnav .nav-link.active{color:var(--theme-primary);background:linear-gradient(90deg,var(--theme-gradient) 0%,rgba(255,255,255,.02) 100%);box-shadow:var(--theme-glow)}.topnav .nav-dropdown{position:relative}.topnav .nav-dropdown .dropdown-icon{width:.875rem;height:.875rem;transition:transform .3s;margin-left:.25rem}.topnav .nav-dropdown .dropdown-icon.open{transform:rotate(180deg)}.topnav .nav-dropdown .dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:12rem;background:linear-gradient(180deg,#1a1a24fa,#1a1a24f2);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;padding:.5rem;z-index:100;animation:dropdownFadeIn .2s ease-out}.topnav .nav-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;font-weight:500;color:#9ca3af;border-radius:.75rem;transition:all .3s;background:transparent;border:none;cursor:pointer;text-align:left}.topnav .nav-dropdown .dropdown-menu .dropdown-item svg{width:1.125rem;height:1.125rem;flex-shrink:0}.topnav .nav-dropdown .dropdown-menu .dropdown-item:hover{color:#fff;background:#ffffff0d}.topnav .nav-dropdown .dropdown-menu .dropdown-item.active{color:var(--theme-primary);background:linear-gradient(90deg,var(--theme-gradient) 0%,rgba(255,255,255,.02) 100%)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.topnav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:transparent}@media (max-width: 1024px){.topnav .topnav-container{padding:0 1rem;gap:1rem}.topnav .topnav-links{gap:.25rem}.topnav .nav-link{padding:.5rem .75rem;font-size:.8125rem}.topnav .nav-link span{display:none}.topnav .nav-link svg{width:1.25rem;height:1.25rem}}@media (max-width: 768px){.topnav .topnav-brand .logo-text{display:none}.topnav .topnav-links{overflow-x:auto;-webkit-overflow-scrolling:touch}}.global-footer{position:fixed;bottom:0;left:16rem;right:0;padding:.7rem 1.5rem;background:linear-gradient(180deg,#1a1a244d,#1a1a2480);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-top:1px solid rgba(255,255,255,.025);box-shadow:0 -4px 24px #0000001a,inset 0 1px #ffffff0d;z-index:30;overflow:hidden}.global-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 50%,var(--theme-gradient) 0%,transparent 30%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 35%),radial-gradient(circle at 85% 50%,var(--theme-gradient) 0%,transparent 30%);animation:gentlePulseSlow 35s ease-in-out infinite}.global-footer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;opacity:.4}@keyframes gentlePulseSlow{0%,to{opacity:.3}50%{opacity:.5}}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:1.5rem;position:relative;z-index:1}.footer-section{display:flex;flex-direction:column;gap:.3rem}.footer-brand{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.35rem}.footer-logo{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,var(--theme-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.footer-copyright{font-size:.8125rem;color:#6b7280;margin-top:.35rem}.footer-heading{font-size:.8125rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.footer-link{font-size:.875rem;color:#9ca3af;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.footer-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--theme-primary) 0%,transparent 100%);transition:width .3s ease}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-link:hover:before{width:100%}.footer-link-button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.footer-info{display:flex;flex-direction:column;gap:.25rem}.footer-info-item{display:flex;align-items:center;justify-content:flex-start;column-gap:.75rem;row-gap:.25rem;flex-wrap:wrap;font-size:.8125rem}.footer-info-label{color:#6b7280;font-weight:500;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;min-width:5.5rem}.footer-info-value{color:#e5e7eb;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.3}.footer-status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.footer-status-badge.status-operational{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3);box-shadow:0 0 12px #22c55e33}@media (max-width: 1280px){.global-footer{padding:.65rem 1.25rem}.footer-content{gap:1.3rem}}@media (max-width: 1024px){.global-footer{padding:.6rem 1rem}.footer-content{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width: 768px){.global-footer{left:0;padding:.5rem .85rem}.footer-content{gap:1.1rem}}@media (max-width: 640px){.footer-content{grid-template-columns:1fr;gap:1.25rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.modal-container{width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a}.modal-container.modal-sm{max-width:28rem}.modal-container.modal-md{max-width:42rem}.modal-container.modal-lg{max-width:56rem}.modal-container.modal-xl{max-width:72rem}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.025);background:var(--theme-gradient);border-radius:1.5rem 1.5rem 0 0}.modal-title{font-size:1.25rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;color:#9ca3af;transition:all .2s;background:transparent;border:none;cursor:pointer}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-close-btn:active{transform:scale(.95)}.modal-close-btn svg{width:1.25rem;height:1.25rem}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.instances-list{display:grid;gap:1rem}.instance-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.instance-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.instance-item{transition:all .3s}.instance-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--theme-border-glow);box-shadow:0 20px 25px -5px #0000004d,var(--theme-glow),inset 0 1px #ffffff26;transform:translateY(-2px)}.instance-item{padding:1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.instance-item .instance-info .instance-name{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem}.instance-item .instance-info .instance-meta{display:flex;gap:1.5rem;font-size:.875rem;color:#9ca3af;margin-top:.5rem}.instance-item .instance-info .instance-meta .meta-item{display:flex;align-items:center;gap:.25rem}.instance-item .instance-info .instance-meta .meta-item .meta-label{color:#6b7280}.instance-item .instance-info .instance-meta .meta-item .meta-value{color:#e5e7eb}.instance-item .instance-actions{display:flex;gap:.5rem}.instance-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.instance-status.status-active{background:#22c55e1a;color:#22c55e}.instance-status.status-inactive{background:#9ca3af1a;color:#9ca3af}.instance-status.status-error{background:#ef44441a;color:#ef4444}.instance-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.api-key-list{display:grid;gap:1rem}.api-key-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.api-key-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.api-key-item{transition:all .3s}.api-key-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--theme-border-glow);box-shadow:0 20px 25px -5px #0000004d,var(--theme-glow),inset 0 1px #ffffff26;transform:translateY(-2px)}.api-key-item{padding:1.5rem}.api-key-item .api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.api-key-item .api-key-header .api-key-name{font-size:1rem;font-weight:600;color:#fff}.api-key-item .api-key-header .api-key-actions{display:flex;gap:.5rem}.api-key-item .api-key-value{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;background:#0000004d;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.025);color:#e5e7eb;word-break:break-all;position:relative}.api-key-item .api-key-value .copy-button{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s}.api-key-item .api-key-value:hover .copy-button{opacity:1}.api-key-item .api-key-meta{display:flex;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.025);font-size:.75rem;color:#9ca3af}.api-key-item .api-key-meta .meta-item .meta-label{color:#6b7280;margin-right:.25rem}.api-key-item .api-key-meta .meta-item .meta-value{color:#e5e7eb}.generate-key-form{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.generate-key-form:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.generate-key-form{padding:2rem;margin-bottom:2rem}.instance-card{transition:all .3s}.instance-card{padding:1.5rem;margin-bottom:1rem}.instance-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.instance-card .card-header .card-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.instance-card .card-header .card-status{padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:#22c55e1a;color:#22c55e}.instance-card .card-content{color:#e5e7eb;line-height:1.6}.instance-card .card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.025);display:flex;justify-content:space-between;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.stat-card{transition:all .3s}.stat-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--theme-border-glow);box-shadow:0 20px 25px -5px #0000004d,var(--theme-glow),inset 0 1px #ffffff26;transform:translateY(-2px)}.stat-card{padding:1.5rem;text-align:center}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--theme-primary);margin-bottom:.25rem}.stat-card .stat-label{font-size:.875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.recent-instances{margin-top:2rem}.section-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.instances-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.instance-card-small{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.instance-card-small:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.instance-card-small{padding:1rem;transition:all .3s}.instance-card-small:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--theme-border-glow);box-shadow:0 20px 25px -5px #0000004d,var(--theme-glow),inset 0 1px #ffffff26;transform:translateY(-2px)}.instance-card-small{cursor:pointer;transition:all .3s}.instance-card-small .instance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.instance-card-small .instance-name{font-size:1rem;font-weight:600;color:#fff;margin:0}.instance-card-small .instance-description{font-size:.875rem;color:#e5e7eb;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-all-link{display:flex;justify-content:center;margin-top:1rem}.btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.75rem;border:1px solid transparent;cursor:pointer;transition:all .3s;font-family:inherit;display:inline-flex;align-items:center;gap:.5rem}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.3)}.btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-dark) 100%);color:#fff;border-color:var(--theme-primary);box-shadow:var(--theme-shadow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--theme-primary-dark) 0%,var(--theme-primary-darker) 100%);box-shadow:var(--theme-shadow-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:#e5e7eb;border-color:#ffffff06}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1f}.btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.btn-ghost{background:transparent;color:#9ca3af;border-color:transparent}.btn-ghost:hover:not(:disabled){background:#ffffff0d;color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#e5e7eb;margin-bottom:.5rem}.form-group .form-input,.form-group .form-textarea,.form-group .form-select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-family:inherit;font-size:.875rem;transition:all .3s}.form-group .form-input:focus,.form-group .form-textarea:focus,.form-group .form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.3)}.form-group .form-input:focus-visible,.form-group .form-textarea:focus-visible,.form-group .form-select:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.form-group .form-input::placeholder,.form-group .form-textarea::placeholder,.form-group .form-select::placeholder{color:#6b7280}.form-group .form-input:hover,.form-group .form-textarea:hover,.form-group .form-select:hover{border-color:#ffffff1f}.form-group .form-input:focus,.form-group .form-textarea:focus,.form-group .form-select:focus{background:#ffffff14;border-color:var(--theme-primary)}.form-group .form-textarea{resize:vertical;min-height:100px}.form-group .form-error{margin-top:.25rem;font-size:.75rem;color:#ef4444}.form-group .form-help{margin-top:.25rem;font-size:.75rem;color:#9ca3af}.form-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.shard-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--card-bg, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.shard-selector-label{font-weight:600;color:var(--text-primary, #111827);white-space:nowrap}.shard-selector-select{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);font-size:.875rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.shard-selector-select:hover{border-color:var(--primary-color, #3b82f6)}.shard-selector-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.shard-selector-select:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;padding:1rem;position:relative;overflow:hidden}.login-bg-animation{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.login-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatOrb 20s ease-in-out infinite}.login-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--theme-primary) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s;animation-duration:25s}.login-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.6) 0%,transparent 70%);bottom:-5%;right:-5%;animation-delay:-5s;animation-duration:30s}.login-orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--theme-primary) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s;animation-duration:35s}.login-orb-4{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.5) 0%,transparent 70%);top:20%;right:10%;animation-delay:-15s;animation-duration:28s}.login-orb-5{width:250px;height:250px;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 70%);bottom:30%;left:15%;animation-delay:-20s;animation-duration:32s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.login-particle{position:absolute;width:4px;height:4px;background:var(--theme-primary);border-radius:50%;opacity:.6;box-shadow:0 0 10px var(--theme-primary);animation:floatParticle 15s ease-in-out infinite}.login-particle-1{left:100%;top:43%;animation-delay:-12s;animation-duration:16s;width:5px;height:5px}.login-particle-2{left:84%;top:50%;animation-delay:-5s;animation-duration:19s;width:6px;height:4px}.login-particle-3{left:41%;top:35%;animation-delay:-10s;animation-duration:20s;width:3px;height:5px}.login-particle-4{left:89%;top:97%;animation-delay:-8s;animation-duration:20s;width:6px;height:4px}.login-particle-5{left:31%;top:28%;animation-delay:-6s;animation-duration:16s;width:5px;height:6px}.login-particle-6{left:44%;top:72%;animation-delay:-3s;animation-duration:15s;width:5px;height:5px}.login-particle-7{left:94%;top:96%;animation-delay:-3s;animation-duration:14s;width:4px;height:6px}.login-particle-8{left:96%;top:63%;animation-delay:-15s;animation-duration:15s;width:4px;height:4px}.login-particle-9{left:78%;top:36%;animation-delay:-13s;animation-duration:11s;width:4px;height:5px}.login-particle-10{left:38%;top:34%;animation-delay:-4s;animation-duration:14s;width:6px;height:5px}.login-particle-11{left:91%;top:55%;animation-delay:-10s;animation-duration:18s;width:4px;height:6px}.login-particle-12{left:84%;top:5%;animation-delay:-7s;animation-duration:13s;width:3px;height:4px}.login-particle-13{left:24%;top:19%;animation-delay:-2s;animation-duration:15s;width:4px;height:6px}.login-particle-14{left:50%;top:59%;animation-delay:-15s;animation-duration:18s;width:6px;height:6px}.login-particle-15{left:28%;top:54%;animation-delay:-15s;animation-duration:12s;width:6px;height:3px}.login-particle-16{left:10%;top:71%;animation-delay:-15s;animation-duration:15s;width:3px;height:5px}.login-particle-17{left:38%;top:44%;animation-delay:-2s;animation-duration:16s;width:6px;height:6px}.login-particle-18{left:6%;top:58%;animation-delay:-8s;animation-duration:15s;width:5px;height:4px}.login-particle-19{left:38%;top:8%;animation-delay:-1s;animation-duration:20s;width:5px;height:6px}.login-particle-20{left:53%;top:42%;animation-delay:-8s;animation-duration:17s;width:6px;height:6px}@keyframes floatParticle{0%,to{transform:translate(0);opacity:0}10%{opacity:.6}50%{transform:translate(18px,-49px);opacity:.8}90%{opacity:.6}}.login-container{width:100%;max-width:420px;background:#0a0a0fb3;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,0 0 80px #22c55e26;position:relative;z-index:1;animation:containerFadeIn .8s ease-out}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem;animation:headerFadeIn 1s ease-out .2s both}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:80px;height:80px;margin:0 auto 1rem;display:block;border-radius:16px;box-shadow:0 8px 24px #0000004d,0 0 40px #22c55e4d;animation:logoFloat 3s ease-in-out infinite;transition:transform .3s ease}.login-logo:hover{transform:scale(1.05)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--theme-primary) 0%,rgba(255,255,255,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;text-shadow:0 0 40px rgba(34,197,94,.5);letter-spacing:-.02em}.login-subtitle{font-size:.875rem;color:#ffffffa6;margin:0;font-weight:400}.login-form{margin-bottom:1.5rem;animation:formFadeIn 1s ease-out .4s both}@keyframes formFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form-title{font-size:1.375rem;font-weight:700;color:#fff;margin:0 0 1.5rem;text-align:center;position:relative}.login-form-title:after{content:"";position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--theme-primary),transparent);border-radius:2px}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.login-error-icon{width:20px;height:20px;flex-shrink:0}.login-form-group{margin-bottom:1rem}.login-label{display:block;font-size:.875rem;font-weight:500;color:#ffffffe6;margin-bottom:.5rem}.login-input{width:100%;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.login-input:focus{outline:none;border-color:var(--theme-primary);background:#ffffff0f;box-shadow:0 0 0 3px #22c55e26,0 4px 12px #0003,0 0 20px #22c55e33;transform:translateY(-1px)}.login-input::placeholder{color:#ffffff59}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input:hover:not(:disabled):not(:focus){border-color:#ffffff26;background:#ffffff0d}.login-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #22c55e4d,0 0 0 1px #ffffff1a inset}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22c55e80,0 0 0 1px #fff3 inset,0 0 40px #22c55e4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-info{text-align:center;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06)}.login-info-text{font-size:.75rem;color:#fff6;margin:0}.instances-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--theme-border-glow);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.search-input::placeholder{color:#9ca3af}.instances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.instance-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.instance-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.instance-card{padding:1.5rem;transition:all .3s}.instance-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--theme-border-glow);box-shadow:0 20px 25px -5px #0000004d,var(--theme-glow),inset 0 1px #ffffff26;transform:translateY(-2px)}.instance-card{display:flex;flex-direction:column;gap:1rem}.instance-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.instance-title-section{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.instance-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-actions{display:flex;gap:.5rem;flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);color:#e5e7eb;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff1a;border-color:var(--theme-border-glow);color:#fff}.icon-btn svg{width:1rem;height:1rem}.icon-btn.icon-btn-danger:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444}.instance-description{font-size:.875rem;color:#e5e7eb;margin:0;line-height:1.5}.instance-details{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.025)}.instance-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.detail-label{font-weight:600;color:#9ca3af;min-width:80px}.detail-value.link{color:var(--theme-primary);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s}.detail-value.link:hover{color:var(--theme-primary-dark);text-decoration:underline}.detail-value.link svg{width:.875rem;height:.875rem}.instance-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.025);margin-top:auto}.instance-meta{font-size:.75rem;color:#9ca3af}.status-badge.status-inactive{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.status-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.instance-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--theme-border-glow);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:80px}.error-message{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:#ef4444;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:transparent;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.error-message button:hover{background:#ef444433}@media (max-width: 768px){.instances-grid{grid-template-columns:1fr}.instances-toolbar{flex-direction:column;align-items:stretch}.instances-toolbar .search-box{max-width:none}}.api-keys-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-size:.875rem;font-weight:600;color:#e5e7eb;white-space:nowrap}.filter-select{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-size:.875rem;font-family:inherit;min-width:200px;transition:all .2s}.filter-select:focus{outline:none;border-color:var(--theme-border-glow);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.api-keys-list{display:flex;flex-direction:column;gap:1.5rem}.api-key-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.api-key-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.api-key-card{padding:1.5rem;transition:all .3s}.api-key-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--theme-border-glow);box-shadow:0 20px 25px -5px #0000004d,var(--theme-glow),inset 0 1px #ffffff26;transform:translateY(-2px)}.api-key-card{display:flex;flex-direction:column;gap:1rem}.api-key-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.api-key-title-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.api-key-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-details{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.025)}.api-key-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.detail-label{font-weight:600;color:#9ca3af;min-width:100px}.detail-value{color:#e5e7eb;flex:1;min-width:0}.detail-value.key-prefix{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8125rem;background:#ffffff0d;padding:.25rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.025)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.status-active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.status-revoked{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.status-expired{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.3)}.new-key-display{display:flex;flex-direction:column;gap:1.5rem}.warning-box{padding:1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:.75rem;color:#eab308}.warning-box p{margin:0;line-height:1.6}.warning-box p strong{color:#eab308}.key-display{display:flex;flex-direction:column;gap:.75rem}.key-display label{font-size:.875rem;font-weight:600;color:#fff}.key-value-wrapper{display:flex;align-items:center;gap:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;padding:.75rem 1rem}.key-value{flex:1;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;color:#fff;word-break:break-all;margin:0;background:transparent;border:none}.copy-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);color:#e5e7eb;cursor:pointer;transition:all .2s;flex-shrink:0}.copy-btn:hover{background:#ffffff1a;border-color:var(--theme-border-glow);color:#fff}.copy-btn svg{width:1rem;height:1rem}.api-key-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group select{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--theme-border-glow);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.form-group input::placeholder,.form-group select::placeholder{color:#9ca3af}.form-group small{font-size:.75rem;color:#9ca3af;margin-top:-.25rem}.delete-confirm{display:flex;flex-direction:column;gap:1rem}.delete-confirm p{margin:0;color:#e5e7eb;line-height:1.6}.delete-confirm p strong{color:#fff}.delete-confirm .warning-text{color:#ef4444;font-weight:600}.empty-state:before{display:none}.empty-state .empty-state-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.empty-state .empty-state-icon svg{width:3rem;height:3rem;color:#9ca3af;opacity:.5}@media (max-width: 768px){.api-keys-toolbar,.api-keys-toolbar .filter-group{flex-direction:column;align-items:stretch}.api-keys-toolbar .filter-group label{margin-bottom:.5rem}}.infrastructure-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.infrastructure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.infrastructure-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease}.infrastructure-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.infrastructure-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.infrastructure-title-section{display:flex;align-items:center;gap:.75rem;flex:1}.infrastructure-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.status-indicator{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-indicator.status-up{background:#22c55e1a;color:#22c55e}.status-indicator.status-down{background:#ef44441a;color:#ef4444}.infrastructure-actions{display:flex;gap:.5rem}.infrastructure-details{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.infrastructure-detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.infrastructure-detail-item .detail-label{color:var(--text-secondary);font-weight:500}.infrastructure-detail-item .detail-value{color:var(--text-primary)}.infrastructure-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.metric-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:6px}.metric-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:6px;color:#fff}.metric-icon svg{width:1.25rem;height:1.25rem}.metric-content{flex:1}.metric-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.infrastructure-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.infrastructure-meta{font-size:.75rem;color:var(--text-secondary)}.infrastructure-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.infrastructure-form .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.infrastructure-form .checkbox-label input[type=checkbox]{width:auto}.infrastructure-form .form-hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary)}.infrastructure-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.infrastructure-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.infrastructure-detail-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.detail-list .detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-list .detail-item:last-child{border-bottom:none}.detail-list .detail-item .detail-label{color:var(--text-secondary);font-weight:500}.detail-list .detail-item .detail-value{color:var(--text-primary);font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-card{padding:1rem;background:var(--bg-secondary);border-radius:6px;text-align:center}.metric-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-value-large{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.infrastructure-grafana-section{margin-top:2rem}.infrastructure-grafana-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.metrics-loading-indicator{text-align:center;padding:1rem;color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.infrastructure-grid,.infrastructure-metrics,.infrastructure-detail-grid,.infrastructure-form .form-row{grid-template-columns:1fr}}.logs-view-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#1a1a2466;border-radius:.5rem;border:1px solid rgba(255,255,255,.025)}.logs-view-mode-toggle .view-mode-btn{flex:1;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:.5rem;color:#e5e7eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.logs-view-mode-toggle .view-mode-btn:hover{background:#ffffff14;color:#fff}.logs-view-mode-toggle .view-mode-btn.active{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.logs-quick-filters{display:flex;gap:1rem;align-items:flex-end;padding:1rem 2rem;background:#0a0a0f;border:none;border-bottom:1px solid rgba(255,255,255,.025);border-radius:0;margin:0;flex-wrap:wrap}.logs-quick-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.logs-quick-filters .filter-group label{font-size:.875rem;font-weight:500;color:#e5e7eb}.logs-quick-filters .filter-group.filter-group-large{flex:1;min-width:300px}.logs-quick-filters .filter-select,.logs-quick-filters .filter-input{padding:.5rem .75rem;background:#1a1a24cc;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .2s}.logs-quick-filters .filter-select:focus,.logs-quick-filters .filter-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.2)}.logs-quick-filters .filter-input{width:100%}.logs-controls.grafana-style{background:#1a1a2466;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.query-editor-container{margin-bottom:1rem}.query-editor-container .query-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.query-editor-container .query-editor-header label{font-size:.875rem;font-weight:600;color:#e5e7eb}.query-editor-container .query-editor-header .query-actions{display:flex;gap:.5rem}.query-editor-container .query-input-wrapper{display:flex;gap:.5rem;align-items:center}.query-editor-container .query-input-wrapper .query-input.grafana-style{flex:1;padding:.75rem 1rem;background:#1a1a24cc;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#fff;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;transition:all .2s}.query-editor-container .query-input-wrapper .query-input.grafana-style:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.2);background:#1a1a24f2}.query-editor-container .query-input-wrapper .query-input.grafana-style::placeholder{color:#9ca3af;font-style:italic}.query-editor-container .query-input-wrapper .btn-run-query{padding:.75rem 1.5rem;background:var(--theme-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.query-editor-container .query-input-wrapper .btn-run-query:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.query-editor-container .query-input-wrapper .btn-run-query:disabled{opacity:.6;cursor:not-allowed}.query-builder-panel{margin-top:1rem;padding:1rem;background:#1a1a2466;border:1px solid rgba(255,255,255,.015);border-radius:.5rem}.query-builder-panel .query-builder-filters{display:flex;gap:1rem;flex-wrap:wrap}.query-builder-panel .query-builder-filters .filter-row{display:flex;align-items:center;gap:.5rem}.query-builder-panel .query-builder-filters .filter-row label{font-size:.875rem;font-weight:500;color:#e5e7eb;white-space:nowrap}.query-builder-panel .query-builder-filters .filter-row .filter-select-small{padding:.5rem .75rem;background:#1a1a2499;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#fff;font-size:.875rem;min-width:150px}.query-builder-panel .query-builder-filters .filter-row .filter-select-small:focus{outline:none;border-color:var(--theme-primary)}.logs-action-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.015);margin-top:1rem}.logs-action-bar .action-bar-left{display:flex;gap:.5rem;align-items:center}.logs-action-bar .action-bar-right{display:flex;gap:.5rem;align-items:center;color:#e5e7eb;font-size:.875rem}.logs-action-bar .btn-primary-small,.logs-action-bar .btn-secondary-small{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;background:#1a1a2499;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.logs-action-bar .btn-primary-small:hover:not(:disabled),.logs-action-bar .btn-secondary-small:hover:not(:disabled){background:#ffffff14;border-color:var(--theme-primary);color:var(--theme-primary)}.logs-action-bar .btn-primary-small:disabled,.logs-action-bar .btn-secondary-small:disabled{opacity:.5;cursor:not-allowed}.logs-action-bar .btn-primary-small{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.logs-action-bar .btn-primary-small:hover:not(:disabled){opacity:.9}.logs-action-bar .auto-refresh-toggle-small{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:#e5e7eb;font-size:.875rem}.logs-action-bar .auto-refresh-toggle-small input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--theme-primary)}.logs-action-bar .auto-refresh-toggle-small:hover{color:#fff}.logs-action-bar .logs-count{font-weight:500}.logs-action-bar .auto-refresh-indicator{color:var(--theme-primary);animation:pulse 2s ease-in-out infinite}.btn-icon-small,.btn-icon-tiny{padding:.25rem .5rem;background:transparent;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#9ca3af;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-icon-small:hover,.btn-icon-tiny:hover{background:#ffffff14;border-color:var(--theme-primary);color:var(--theme-primary)}.btn-icon-tiny{padding:.25rem;font-size:.75rem}.logs-container.grafana-style{background:#1a1a2466;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.logs-table-container{max-height:calc(100vh - 450px);overflow-y:auto;overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8125rem}.logs-table thead{position:sticky;top:0;background:#1a1a24f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logs-table thead th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;color:#e5e7eb;border-bottom:2px solid rgba(255,255,255,.025);white-space:nowrap}.logs-table thead th.col-timestamp{width:180px}.logs-table thead th.col-labels{width:250px}.logs-table thead th.col-message{min-width:400px}.logs-table thead th.col-actions{width:60px}.logs-table tbody .log-row{border-bottom:1px solid rgba(255,255,255,.015);transition:all .2s}.logs-table tbody .log-row:hover{background:#ffffff14}.logs-table tbody .log-row:last-child{border-bottom:none}.logs-table tbody .log-row td{padding:.75rem 1rem;vertical-align:top}.logs-table tbody .log-row td.log-timestamp{color:#9ca3af;font-size:.75rem}.logs-table tbody .log-row td.log-timestamp .timestamp-full{display:block}.logs-table tbody .log-row td.log-timestamp .timestamp-short{display:none;color:#9ca3af}.logs-table tbody .log-row td.log-labels .labels-container{display:flex;flex-wrap:wrap;gap:.25rem}.logs-table tbody .log-row td.log-labels .labels-container .label-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:rgba(var(--theme-primary-rgb),.15);border:1px solid rgba(var(--theme-primary-rgb),.3);border-radius:.5rem;font-size:.75rem;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logs-table tbody .log-row td.log-labels .labels-container .label-tag .label-key{color:var(--theme-primary);font-weight:600}.logs-table tbody .log-row td.log-labels .labels-container .label-tag .label-separator{color:#9ca3af}.logs-table tbody .log-row td.log-labels .labels-container .label-tag .label-value{color:#fff}.logs-table tbody .log-row td.log-message pre{margin:0;padding:0;background:transparent;border:none;color:#fff;white-space:pre-wrap;word-break:break-word;cursor:pointer;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8125rem;line-height:1.5;transition:opacity .2s}.logs-table tbody .log-row td.log-message pre:hover{opacity:.8}.logs-table tbody .log-row td.log-actions{text-align:center}.logs-table tbody .log-row.log-level-error{background:#ef444414}.logs-table tbody .log-row.log-level-error:hover{background:#ef44441f}.logs-table tbody .log-row.log-level-warn{background:#eab30814}.logs-table tbody .log-row.log-level-warn:hover{background:#eab3081f}@media (max-width: 1200px){.logs-table thead th.col-timestamp .timestamp-full{display:none}.logs-table thead th.col-timestamp .timestamp-short{display:block}}.error-message.grafana-style{padding:1rem 1.5rem;background:#ef444426;border:1px solid #ef4444;border-radius:.5rem;color:#ef4444;margin-bottom:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.error-message.grafana-style strong{font-weight:600}.loading-state,.empty-state{padding:3rem;text-align:center;color:#9ca3af;font-size:.875rem}.logs-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;padding:1.5rem;background:#1a1a2466;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:.75rem;border:1px solid rgba(255,255,255,.025);margin-bottom:1rem;transition:border-color .2s}.logs-filters:hover{border-color:#ffffff1f}.logs-filters .filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.logs-filters .filter-group.filter-group-large{flex:2;min-width:400px}.logs-filters .filter-group.filter-group-actions{flex:0 0 auto;min-width:auto}.logs-filters .filter-group label{font-size:.875rem;font-weight:600;color:#e5e7eb}.logs-filters .filter-group .filter-select,.logs-filters .filter-group .filter-input{padding:.625rem .875rem;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;background:#1a1a2499;color:#fff;font-size:.875rem;transition:all .2s}.logs-filters .filter-group .filter-select:focus,.logs-filters .filter-group .filter-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-gradient);background:#1a1a24cc}.logs-filters .filter-group .filter-select:hover,.logs-filters .filter-group .filter-input:hover{border-color:#ffffff1f}.logs-filters .filter-group .filter-select option,.logs-filters .filter-group .filter-input option{background:#050508;color:#fff}.logs-filters .action-buttons{display:flex;gap:.5rem;align-items:center}.logs-filters .action-buttons .auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:#e5e7eb;font-size:.875rem}.logs-filters .action-buttons .auto-refresh-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--theme-primary)}.logs-filters .action-buttons .auto-refresh-toggle:hover{color:#fff}.logs-stats{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1a1a2466;border-radius:.5rem;border:1px solid rgba(255,255,255,.025);margin-bottom:1rem;font-size:.875rem;color:#e5e7eb}.logs-stats .auto-refresh-indicator{color:var(--theme-primary);animation:pulse 2s ease-in-out infinite}.logs-list{max-height:calc(100vh - 450px);overflow-y:auto}.log-entry{display:grid;grid-template-columns:180px 120px 80px 1fr auto;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.015);font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8125rem;transition:all .2s;position:relative}.log-entry:hover{background:#ffffff14;border-left:3px solid var(--theme-primary);padding-left:calc(1rem - 3px)}.log-entry:last-child{border-bottom:none}.log-entry .log-timestamp{color:#9ca3af;white-space:nowrap;font-size:.75rem}.log-entry .log-shard{font-weight:600;color:var(--theme-primary);white-space:nowrap}.log-entry .log-level{text-transform:uppercase;font-weight:600;font-size:.75rem;padding:.25rem .5rem;border-radius:.5rem;text-align:center;background:#ffffff0d}.log-entry .log-message{color:#fff;word-break:break-word;line-height:1.5;cursor:pointer}.log-entry .log-message span{display:block;transition:opacity .2s}.log-entry .log-message span:hover{opacity:.8}.log-entry .log-actions{display:flex;align-items:center;gap:.5rem}.log-entry .log-actions .btn-icon{padding:.25rem .5rem;background:transparent;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#9ca3af;font-size:.875rem;cursor:pointer;transition:all .2s}.log-entry .log-actions .btn-icon:hover{background:#ffffff14;border-color:var(--theme-primary);color:var(--theme-primary)}.log-entry.log-level-error{background:#ef444414;border-left:3px solid #ef4444}.log-entry.log-level-error:hover{background:#ef44441f;border-left:3px solid #ef4444}.log-entry.log-level-error .log-level{background:#ef444433;color:#ef4444}.log-entry.log-level-warn{background:#eab30814;border-left:3px solid #eab308}.log-entry.log-level-warn:hover{background:#eab3081f;border-left:3px solid #eab308}.log-entry.log-level-warn .log-level{background:#eab30833;color:#eab308}.log-entry.log-level-info .log-level{background:#3b82f633;color:#3b82f6}.log-entry.log-level-debug .log-level,.log-entry.log-level-trace .log-level{background:#9ca3af33;color:#9ca3af}.error-message{padding:1rem 1.5rem;background:#ef444426;border:1px solid #ef4444;border-radius:.5rem;color:#ef4444;margin-bottom:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.error-message p{margin:0;font-weight:500}.traces-quick-filters{display:flex;gap:1rem;align-items:flex-end;padding:1rem 2rem;background:#0a0a0f;border:none;border-bottom:1px solid rgba(255,255,255,.025);border-radius:0;margin:0;flex-wrap:wrap}.traces-quick-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.traces-quick-filters .filter-group label{font-size:.875rem;font-weight:500;color:#e5e7eb}.traces-quick-filters .filter-group.filter-group-large{flex:1;min-width:300px}.traces-quick-filters .filter-select,.traces-quick-filters .filter-input{padding:.5rem .75rem;background:#1a1a24cc;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .2s}.traces-quick-filters .filter-select:focus,.traces-quick-filters .filter-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.2)}.traces-quick-filters .filter-input{width:100%}.traces-controls{padding:1rem 2rem;margin-bottom:1rem}.traces-container{padding:1rem 2rem}.traces-list{display:grid;gap:1rem}.trace-entry{background:#1a1a2466;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s}.trace-entry:hover{background:#ffffff14;border-color:var(--theme-primary)}.trace-id{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;color:var(--theme-primary);margin-bottom:.5rem}.trace-service{font-weight:600;color:#fff;margin-bottom:.5rem}.trace-duration{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.trace-spans{font-size:.875rem;color:#e5e7eb;margin-bottom:.25rem}.trace-time{font-size:.75rem;color:#9ca3af}.trace-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a2466;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;padding:2rem;max-width:90vw;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close{background:none;border:none;color:#e5e7eb;font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#fff}.modal-body pre{background:#1a1a24cc;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem;color:#fff}.metrics-quick-filters{display:flex;gap:1rem;align-items:flex-end;padding:1rem 2rem;background:#0a0a0f;border:none;border-bottom:1px solid rgba(255,255,255,.025);border-radius:0;margin:0;flex-wrap:wrap}.metrics-quick-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.metrics-quick-filters .filter-group label{font-size:.875rem;font-weight:500;color:#e5e7eb}.metrics-quick-filters .filter-group.filter-group-large{flex:1;min-width:300px}.metrics-quick-filters .filter-select,.metrics-quick-filters .filter-input{padding:.5rem .75rem;background:#1a1a24cc;border:1px solid rgba(255,255,255,.025);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .2s}.metrics-quick-filters .filter-select:focus,.metrics-quick-filters .filter-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.2)}.metrics-quick-filters .filter-input{width:100%}.grafana-embed-container{position:fixed;top:8rem;left:0;right:0;bottom:0;width:100%;height:calc(100vh - 8rem);border:none;overflow:hidden;background:#1a1a2466;margin:0;z-index:1}.grafana-embed-container .grafana-iframe{width:100%;height:100%;border:none;display:block}.metrics-controls{padding:1rem 2rem;margin-bottom:1rem}.metrics-container{padding:1rem 2rem}.metrics-list{display:grid;gap:1rem}.metric-entry{background:#1a1a2466;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;padding:1rem}.metric-name{font-weight:600;color:#fff;margin-bottom:.5rem}.metric-labels{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.metric-label{font-size:.75rem;padding:.25rem .5rem;background:rgba(var(--theme-primary-rgb),.1);border:1px solid rgba(var(--theme-primary-rgb),.3);border-radius:.5rem;color:var(--theme-primary)}.metric-value{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.metric-samples{font-size:.875rem;color:#e5e7eb}.settings-sections{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.settings-section{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.settings-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.settings-section{padding:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.025)}.settings-group{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-size:.875rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.setting-item label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.setting-item input[type=number],.setting-item select{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s;max-width:300px}.setting-item input[type=number]:focus,.setting-item select:focus{outline:none;border-color:var(--theme-border-glow);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.setting-item small{font-size:.75rem;color:#9ca3af}.settings-actions{display:flex;justify-content:flex-end;padding-top:2rem;border-top:1px solid rgba(255,255,255,.025)}.message{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.875rem}:root{--theme-primary-rgb: 34, 197, 94}[data-theme=red]{--theme-primary-rgb: 239, 68, 68}[data-theme=blue]{--theme-primary-rgb: 59, 130, 246}:root,[data-theme=green],[data-theme=normal]{--theme-primary: #22c55e;--theme-primary-dark: #16a34a;--theme-primary-darker: #15803d;--theme-gradient: rgba(34, 197, 94, .15);--theme-border-glow: rgba(34, 197, 94, .3);--theme-shadow: 0 10px 20px rgba(34, 197, 94, .3);--theme-shadow-hover: 0 15px 30px rgba(34, 197, 94, .5);--theme-glow: 0 0 20px rgba(34, 197, 94, .15);--chart-color-1: rgba(34, 197, 94, .6);--chart-color-2: rgba(34, 197, 94, .45);--chart-color-3: rgba(34, 197, 94, .3);--chart-color-4: rgba(34, 197, 94, .2);--chart-gradient-start: rgba(34, 197, 94, .3);--chart-gradient-end: rgba(34, 197, 94, 0)}[data-theme=red],[data-theme=incident]{--theme-primary: #ef4444;--theme-primary-dark: #dc2626;--theme-primary-darker: #b91c1c;--theme-gradient: rgba(239, 68, 68, .15);--theme-border-glow: rgba(239, 68, 68, .3);--theme-shadow: 0 10px 20px rgba(239, 68, 68, .3);--theme-shadow-hover: 0 15px 30px rgba(239, 68, 68, .5);--theme-glow: 0 0 20px rgba(239, 68, 68, .15);--chart-color-1: rgba(239, 68, 68, .6);--chart-color-2: rgba(239, 68, 68, .45);--chart-color-3: rgba(239, 68, 68, .3);--chart-color-4: rgba(239, 68, 68, .2);--chart-gradient-start: rgba(239, 68, 68, .3);--chart-gradient-end: rgba(239, 68, 68, 0)}[data-theme=blue]{--theme-primary: #3b82f6;--theme-primary-dark: #2563eb;--theme-primary-darker: #1d4ed8;--theme-gradient: rgba(59, 130, 246, .15);--theme-border-glow: rgba(59, 130, 246, .3);--theme-shadow: 0 10px 20px rgba(59, 130, 246, .3);--theme-shadow-hover: 0 15px 30px rgba(59, 130, 246, .5);--theme-glow: 0 0 20px rgba(59, 130, 246, .15);--chart-color-1: rgba(59, 130, 246, .6);--chart-color-2: rgba(59, 130, 246, .45);--chart-color-3: rgba(59, 130, 246, .3);--chart-color-4: rgba(59, 130, 246, .2);--chart-gradient-start: rgba(59, 130, 246, .3);--chart-gradient-end: rgba(59, 130, 246, 0)}[data-theme=yellow]{--theme-primary: #eab308;--theme-primary-dark: #ca8a04;--theme-primary-darker: #a16207;--theme-gradient: rgba(234, 179, 8, .15);--theme-border-glow: rgba(234, 179, 8, .3);--theme-shadow: 0 10px 20px rgba(234, 179, 8, .3);--theme-shadow-hover: 0 15px 30px rgba(234, 179, 8, .5);--theme-glow: 0 0 20px rgba(234, 179, 8, .15);--chart-color-1: rgba(234, 179, 8, .6);--chart-color-2: rgba(234, 179, 8, .45);--chart-color-3: rgba(234, 179, 8, .3);--chart-color-4: rgba(234, 179, 8, .2);--chart-gradient-start: rgba(234, 179, 8, .3);--chart-gradient-end: rgba(234, 179, 8, 0)}[data-theme=purple]{--theme-primary: #8b5cf6;--theme-primary-dark: #7c3aed;--theme-primary-darker: #6d28d9;--theme-gradient: rgba(139, 92, 246, .15);--theme-border-glow: rgba(139, 92, 246, .3);--theme-shadow: 0 10px 20px rgba(139, 92, 246, .3);--theme-shadow-hover: 0 15px 30px rgba(139, 92, 246, .5);--theme-glow: 0 0 20px rgba(139, 92, 246, .15);--chart-color-1: rgba(139, 92, 246, .6);--chart-color-2: rgba(139, 92, 246, .45);--chart-color-3: rgba(139, 92, 246, .3);--chart-color-4: rgba(139, 92, 246, .2);--chart-gradient-start: rgba(139, 92, 246, .3);--chart-gradient-end: rgba(139, 92, 246, 0)}[data-theme=orange]{--theme-primary: #f97316;--theme-primary-dark: #ea580c;--theme-primary-darker: #c2410c;--theme-gradient: rgba(249, 115, 22, .15);--theme-border-glow: rgba(249, 115, 22, .3);--theme-shadow: 0 10px 20px rgba(249, 115, 22, .3);--theme-shadow-hover: 0 15px 30px rgba(249, 115, 22, .5);--theme-glow: 0 0 20px rgba(249, 115, 22, .15);--chart-color-1: rgba(249, 115, 22, .6);--chart-color-2: rgba(249, 115, 22, .45);--chart-color-3: rgba(249, 115, 22, .3);--chart-color-4: rgba(249, 115, 22, .2);--chart-gradient-start: rgba(249, 115, 22, .3);--chart-gradient-end: rgba(249, 115, 22, 0)}[data-theme=teal]{--theme-primary: #14b8a6;--theme-primary-dark: #0d9488;--theme-primary-darker: #0f766e;--theme-gradient: rgba(20, 184, 166, .15);--theme-border-glow: rgba(20, 184, 166, .3);--theme-shadow: 0 10px 20px rgba(20, 184, 166, .3);--theme-shadow-hover: 0 15px 30px rgba(20, 184, 166, .5);--theme-glow: 0 0 20px rgba(20, 184, 166, .15);--chart-color-1: rgba(20, 184, 166, .6);--chart-color-2: rgba(20, 184, 166, .45);--chart-color-3: rgba(20, 184, 166, .3);--chart-color-4: rgba(20, 184, 166, .2);--chart-gradient-start: rgba(20, 184, 166, .3);--chart-gradient-end: rgba(20, 184, 166, 0)}[data-theme=cyan]{--theme-primary: #06b6d4;--theme-primary-dark: #0891b2;--theme-primary-darker: #0e7490;--theme-gradient: rgba(6, 182, 212, .15);--theme-border-glow: rgba(6, 182, 212, .3);--theme-shadow: 0 10px 20px rgba(6, 182, 212, .3);--theme-shadow-hover: 0 15px 30px rgba(6, 182, 212, .5);--theme-glow: 0 0 20px rgba(6, 182, 212, .15);--chart-color-1: rgba(6, 182, 212, .6);--chart-color-2: rgba(6, 182, 212, .45);--chart-color-3: rgba(6, 182, 212, .3);--chart-color-4: rgba(6, 182, 212, .2);--chart-gradient-start: rgba(6, 182, 212, .3);--chart-gradient-end: rgba(6, 182, 212, 0)}[data-theme=pink]{--theme-primary: #ec4899;--theme-primary-dark: #db2777;--theme-primary-darker: #be185d;--theme-gradient: rgba(236, 72, 153, .15);--theme-border-glow: rgba(236, 72, 153, .3);--theme-shadow: 0 10px 20px rgba(236, 72, 153, .3);--theme-shadow-hover: 0 15px 30px rgba(236, 72, 153, .5);--theme-glow: 0 0 20px rgba(236, 72, 153, .15);--chart-color-1: rgba(236, 72, 153, .6);--chart-color-2: rgba(236, 72, 153, .45);--chart-color-3: rgba(236, 72, 153, .3);--chart-color-4: rgba(236, 72, 153, .2);--chart-gradient-start: rgba(236, 72, 153, .3);--chart-gradient-end: rgba(236, 72, 153, 0)}.profile-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.025);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,inset 0 1px #ffffff1a;position:relative}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.profile-card{padding:2rem}.profile-header{display:flex;align-items:center;gap:1.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.025);margin-bottom:2rem}.profile-avatar{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.profile-email{font-size:.875rem;color:#e5e7eb;margin:0 0 .5rem}.profile-role{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary);border:1px solid rgba(var(--theme-primary-rgb),.3)}.profile-details{display:flex;flex-direction:column;gap:2rem}.detail-section .section-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.025)}.detail-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;font-size:.875rem}.detail-item .detail-label{font-weight:600;color:#9ca3af;min-width:150px}.detail-item .detail-value{color:#e5e7eb;flex:1}.security-actions{display:flex;gap:1rem}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#fff}.form-group input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.025);border-radius:.75rem;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--theme-border-glow);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.1)}.form-group small{font-size:.75rem;color:#9ca3af}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.025)}.message{padding:1rem;border-radius:.75rem;font-size:.875rem}.message.message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.message.message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}