.toast{position:fixed;bottom:1.5rem;right:1.5rem;min-width:300px;max-width:500px;background:var(--toast-bg);color:var(--toast-color);border-radius:8px;padding:1rem 1.25rem;box-shadow:0 10px 25px #00000026;z-index:1000;animation:slideIn .3s ease-out;border-left:4px solid var(--toast-border)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toast-message{flex:1;font-size:.875rem;line-height:1.5}.toast-close{background:none;border:none;color:var(--toast-color);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;opacity:.7}.toast-close:hover{opacity:1;background-color:#0000001a}.toast-info{--toast-bg: var(--bg-primary);--toast-color: var(--text-primary);--toast-border: var(--primary)}.toast-success{--toast-bg: #d1fae5;--toast-color: #065f46;--toast-border: var(--secondary)}[data-theme=dark] .toast-success{--toast-bg: #064e3b;--toast-color: #d1fae5}.toast-error{--toast-bg: #fee2e2;--toast-color: #991b1b;--toast-border: var(--danger)}[data-theme=dark] .toast-error{--toast-bg: #7f1d1d;--toast-color: #fee2e2}.toast-warning{--toast-bg: #fef3c7;--toast-color: #92400e;--toast-border: var(--warning)}[data-theme=dark] .toast-warning{--toast-bg: #78350f;--toast-color: #fef3c7}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:calc(100vw - 3rem)}.toast-container>*{pointer-events:auto}@media (max-width: 768px){.toast-container{left:1rem;right:1rem;max-width:none}}.logo-container{display:inline-flex;align-items:center;justify-content:center;position:relative;line-height:0;width:100%;height:100%;flex-shrink:0}.logo-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%}.logo-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;vertical-align:middle}.logo-light{opacity:1;position:relative;z-index:2;transform:scale(1)}.logo-dark{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);z-index:1;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;pointer-events:none}[data-theme=dark] .logo-light{opacity:0;pointer-events:none;z-index:1}[data-theme=dark] .logo-dark{opacity:1;pointer-events:none;z-index:2}.logo-default .logo-wrapper{max-width:180px;max-height:40px}.logo-default .logo-image{max-width:180px;max-height:40px;width:auto;height:auto}.logo-small .logo-wrapper{max-width:126px;max-height:28px}.logo-small .logo-image{max-width:126px;max-height:28px;width:auto;height:auto}.logo-large .logo-wrapper{max-width:270px;max-height:60px}.logo-large .logo-image{max-width:270px;max-height:60px;width:auto;height:auto}.logo-xlarge .logo-wrapper{max-width:360px;max-height:80px}.logo-xlarge .logo-image{max-width:360px;max-height:80px;width:auto;height:auto}.logo-container:hover .logo-dark{transform:translate(-50%,-50%) scale(1.02)}.logo-container:hover .logo-light{transform:scale(1.02)}.logo-container:active .logo-dark{transform:translate(-50%,-50%) scale(.98)}.logo-container:active .logo-light{transform:scale(.98)}@media (max-width: 768px){.logo-default .logo-wrapper,.logo-default .logo-image{max-width:144px;max-height:32px}.logo-small .logo-wrapper,.logo-small .logo-image{max-width:108px;max-height:24px}.logo-large .logo-wrapper,.logo-large .logo-image{max-width:216px;max-height:48px}.logo-xlarge .logo-wrapper,.logo-xlarge .logo-image{max-width:288px;max-height:64px}}@media (max-width: 480px){.logo-default .logo-wrapper,.logo-default .logo-image{max-width:120px;max-height:27px}.logo-large .logo-wrapper,.logo-large .logo-image{max-width:180px;max-height:40px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto}}@media (prefers-reduced-motion: reduce){.logo-image{transition:opacity .2s ease}.logo-container:hover .logo-dark,.logo-container:active .logo-dark{transform:translate(-50%,-50%) scale(1)}.logo-container:hover .logo-light,.logo-container:active .logo-light{transform:scale(1)}}@media (prefers-contrast: high){.logo-image{filter:contrast(1.15) brightness(1.05)}}@media print{.logo-container{break-inside:avoid;page-break-inside:avoid}.logo-dark{display:none}.logo-light{opacity:1!important;filter:grayscale(100%) contrast(1.2)}}.logo-container:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:4px;border-radius:4px}.logo-container[class*=logo-]{margin:0 auto}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:#fdfcfb}[data-theme=dark] .auth-container{background:#1f1f1f}.auth-layout{width:100%;max-width:480px;z-index:1;display:flex;flex-direction:column;align-items:stretch}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none}[data-theme=dark] .auth-container:before{background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.03) 0%,transparent 50%)}.auth-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,0,0,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.01) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.3}[data-theme=dark] .auth-container:after{background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);opacity:.2}.auth-card{background:var(--bg-primary);border-radius:16px;padding:3rem;width:100%;max-width:480px;box-shadow:0 8px 32px #0000000f;position:relative;animation:slideInUp .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .auth-card{box-shadow:0 8px 32px #00000059;background:#1a1a1af2;border:1px solid rgba(255,255,255,.06)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem;padding:1.5rem 0;position:relative;width:100%;min-height:90px}.auth-logo .logo-container{width:100%;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.04));transition:filter .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .auth-logo .logo-container{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.auth-logo .logo-container:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}[data-theme=dark] .auth-logo .logo-container:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.auth-logo .logo-wrapper{margin:0 auto}.auth-card h1{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);text-align:center;letter-spacing:-.02em;line-height:1.2}.auth-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.9375rem;line-height:1.6;text-align:center}.auth-subtitle-lg{font-size:1rem}.auth-title-hero{font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.1;letter-spacing:-.03em}.auth-card--signup .auth-logo{margin-bottom:1.75rem;padding:1rem 0}.form-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem}.form-label-row .form-label{margin-bottom:0}.auth-link{color:var(--primary);text-decoration:none;font-size:.75rem;font-weight:600;line-height:1}.auth-link:hover{text-decoration:underline}.auth-card .form-group{margin-bottom:1.75rem}.auth-card .form-label{display:block;margin-bottom:.625rem;font-weight:600;color:var(--text-primary);font-size:.875rem;letter-spacing:.01em}.auth-card .form-input{width:100%;padding:.875rem 1rem;font-size:.9375rem;border:1.5px solid var(--border-color);border-radius:10px;background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:400}.auth-card .form-input:hover{border-color:var(--gray-300);background-color:var(--bg-secondary)}.auth-card .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f614;background-color:var(--bg-primary)}[data-theme=dark] .auth-card .form-input:focus{box-shadow:0 0 0 4px #3b82f626}.auth-card .form-input::placeholder{color:var(--text-tertiary);font-weight:400}.input-with-action{position:relative}.input-with-action .form-input{padding-right:3.25rem}.input-action{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-tertiary);padding:.4rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.input-action:hover{color:var(--primary);background-color:#3b82f60f}.input-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.input-action:disabled{opacity:.6;cursor:not-allowed}.form-hint{display:block;margin-top:.5rem;color:var(--text-tertiary);font-size:.75rem;line-height:1.4;font-weight:400}.auth-cta{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-size:1rem;font-weight:700}.auth-divider{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}[data-theme=dark] .auth-divider{border-top-color:#ffffff14}.auth-terms{margin-top:2rem;color:var(--text-secondary);font-size:.75rem;text-align:center;max-width:420px;align-self:center;line-height:1.5}.auth-terms a{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.auth-terms a:hover{color:var(--text-primary)}.auth-card .btn-primary{padding:.9375rem 1.5rem;font-size:.9375rem;font-weight:600;width:100%;margin-top:.5rem;border-radius:10px;letter-spacing:.01em;box-shadow:0 2px 8px #3b82f640;transition:all .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#4a90e2,#5b7fe8)}.auth-card .btn-primary:hover{box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px);filter:brightness(.98)}.auth-card .btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.auth-card .error-message{margin-bottom:1.5rem;padding:.875rem 1rem;background-color:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--danger);font-size:.875rem;line-height:1.5;animation:shake .4s cubic-bezier(.36,.07,.19,.97)}[data-theme=dark] .auth-card .error-message{background-color:#ef444426;border-color:#ef44444d}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.auth-footer{margin-top:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative;padding-bottom:2px}.auth-footer a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.auth-footer a:hover{color:var(--primary-dark)}.auth-footer a:hover:after{width:100%}.auth-legal{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.2}.auth-legal a{color:inherit;text-decoration:none;transition:color .2s ease}.auth-legal a:hover{color:var(--primary)}@media (max-width: 768px){.auth-container{padding:1.5rem 1rem}.auth-card{padding:2.5rem 2rem;border-radius:16px;max-width:100%}.auth-card h1{font-size:1.625rem}.auth-logo{margin-bottom:2rem;padding:1rem 0;min-height:70px}}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem;border-radius:16px}.auth-card h1{font-size:1.5rem}.auth-subtitle{font-size:.875rem;margin-bottom:2rem}.auth-logo{margin-bottom:1.75rem;padding:.75rem 0;min-height:60px}}@media (prefers-reduced-motion: reduce){.auth-card,.auth-card .error-message{animation:none}.auth-container:before,.auth-container:after{animation:none}}@media (prefers-contrast: high){.auth-card{border:2px solid var(--border-color)}.auth-card .form-input{border-width:2px}.auth-card .btn-primary{border:2px solid var(--primary-dark)}}:root{--skeleton-base: var(--gray-200);--skeleton-highlight: var(--gray-100)}[data-theme=dark]{--skeleton-base: var(--bg-tertiary);--skeleton-highlight: #1f1f1f}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-highlight) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.375rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1rem;width:100%}.skeleton--title{height:1.75rem;width:60%}.skeleton--subtitle{height:1.125rem;width:40%}.skeleton--circle{border-radius:50%}.skeleton--button{height:2.75rem;border-radius:.75rem}.skeleton--card{border-radius:1rem}.skeleton--badge{border-radius:9999px}.skeleton--stagger-1{animation-delay:0s}.skeleton--stagger-2{animation-delay:.1s}.skeleton--stagger-3{animation-delay:.2s}.skeleton--stagger-4{animation-delay:.3s}.skeleton--stagger-5{animation-delay:.4s}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--skeleton-base)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton--dark{--skeleton-base: rgba(255, 255, 255, .08);--skeleton-highlight: rgba(255, 255, 255, .12)}.skeleton-row{display:contents}.skeleton-fade-in{animation:skeletonFadeIn .3s ease-out}@keyframes skeletonFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skeleton--inline{display:inline-block;vertical-align:middle}.dashboard{max-width:1200px;margin:0 auto;padding:3rem 0}.dashboard-header{margin-bottom:2.5rem}.dashboard-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--primary)}.dashboard-subtitle{margin-top:.75rem;font-size:1.125rem;color:var(--text-secondary)}.dashboard-load-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;margin-bottom:1.5rem;background:#ef444414;border:1px solid rgba(239,68,68,.35);border-radius:12px;color:var(--text-primary)}[data-theme=dark] .dashboard-load-error{background:#ef44441f;border-color:#ef444473}.dashboard-load-error__text{margin:0;font-size:.9375rem;font-weight:600;color:var(--danger);flex:1;min-width:12rem}.dashboard-load-error__retry{padding:.5rem 1rem;border-radius:10px;border:none;font-weight:700;font-size:.875rem;background:var(--danger);color:#fff;cursor:pointer;transition:filter .15s ease}.dashboard-load-error__retry:hover{filter:brightness(1.05)}.setup-complete-banner{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,#22c55e14,#10b9810f);border:1px solid rgba(34,197,94,.25);border-radius:16px;padding:1.25rem 1.75rem;margin-bottom:2rem}[data-theme=dark] .setup-complete-banner{background:linear-gradient(135deg,#22c55e1f,#10b98114);border-color:#22c55e4d}.setup-complete-icon{width:48px;height:48px;border-radius:14px;background:#22c55e26;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .setup-complete-icon{color:#4ade80}.setup-complete-content{flex:1;min-width:0}.setup-complete-title{font-size:1rem;font-weight:800;color:#15803d;margin-bottom:.25rem}[data-theme=dark] .setup-complete-title{color:#4ade80}.setup-complete-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.setup-complete-link{white-space:nowrap;font-size:.875rem;font-weight:700;color:#16a34a;text-decoration:none;flex-shrink:0}[data-theme=dark] .setup-complete-link{color:#4ade80}.setup-complete-link:hover{text-decoration:underline}.step-done-badge{display:inline-block;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#16a34a;background:#22c55e1f;padding:.15rem .5rem;border-radius:9999px;margin-left:.5rem;vertical-align:middle}[data-theme=dark] .step-done-badge{color:#4ade80;background:#22c55e2e}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:3rem}.overview-card{background:var(--bg-primary);border-radius:16px;padding:2rem;border-left:4px solid var(--primary);border:1px solid rgba(0,0,0,.06);border-left-width:4px;box-shadow:0 4px 16px #0000000f;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;transition:box-shadow .2s ease,transform .2s ease}[data-theme=dark] .overview-card{border-color:#ffffff14;box-shadow:0 4px 16px #00000059}.overview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.overview-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:.75rem}.overview-metric{display:flex;align-items:baseline;gap:.75rem}.overview-number{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1}.overview-status{font-size:1.125rem;font-weight:600;color:#111827b3}[data-theme=dark] .overview-status{color:#f3f4f6d9}.overview-note{margin-top:1rem;display:flex;align-items:center;gap:.5rem;color:#16a34a;font-size:.875rem;font-weight:600}[data-theme=dark] .overview-note{color:#4ade80}.overview-note--muted{color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:9999px;background:var(--text-secondary)}.status-dot--good{background:#22c55e}.overview-icon{width:56px;height:56px;border-radius:16px;background:#4b8ce21a;color:var(--primary);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.overview-card:hover .overview-icon{transform:scale(1.06)}.dashboard-grafana{margin-bottom:3rem}.dashboard-grafana__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem}.dashboard-grafana__titles{flex:1;min-width:min(100%,18rem)}.dashboard-grafana__title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 .35rem;letter-spacing:-.02em}.dashboard-grafana__subtitle{margin:0;font-size:.9375rem;color:var(--text-secondary);line-height:1.5;max-width:42rem}.dashboard-grafana__subtitle a{color:var(--primary);font-weight:600;text-decoration:none}.dashboard-grafana__subtitle a:hover{text-decoration:underline}.dashboard-grafana__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.dashboard-grafana__link{font-size:.875rem;font-weight:600;color:var(--primary);text-decoration:none}.dashboard-grafana__link:hover{text-decoration:underline}.dashboard-grafana__btn{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dashboard-grafana__btn:hover{border-color:var(--primary);background:#4b8ce20f}[data-theme=dark] .dashboard-grafana__btn:hover{background:#4b8ce21f}.dashboard-grafana__placeholder{border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.quickstart{background:var(--bg-primary);border-radius:16px;border:1px solid rgba(0,0,0,.08);padding:2rem;box-shadow:var(--shadow-sm)}[data-theme=dark] .quickstart{border-color:#ffffff14}.quickstart-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}.quickstart h2{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.quickstart-pill{background:#4b8ce21a;color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .75rem;border-radius:9999px;white-space:nowrap}.timeline{position:relative}.timeline-line{position:absolute;left:23px;top:20px;bottom:20px;width:2px;background:#0000000f}[data-theme=dark] .timeline-line{background:#ffffff14}.timeline-item{display:flex;gap:1.5rem;align-items:flex-start}.timeline-item+.timeline-item{margin-top:2.25rem}.timeline-dot{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;z-index:2}.timeline-dot--filled{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.timeline-dot--ring{background:var(--bg-primary);color:var(--primary);border:2px solid var(--primary)}.timeline-dot--muted{background:var(--bg-primary);color:#6b7280e6;border:2px solid rgba(0,0,0,.08)}[data-theme=dark] .timeline-dot--muted{border-color:#ffffff1f;color:#9ca3af}.timeline-content h3{font-size:1.125rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.timeline-content p{color:var(--text-secondary);margin-bottom:.75rem;max-width:56ch}.timeline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.primary-inline-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.875rem;box-shadow:var(--shadow-sm);transition:filter .2s ease,transform .2s ease}.primary-inline-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.text-link{color:var(--primary);text-decoration:none;font-weight:700;font-size:.875rem}.text-link:hover{text-decoration:underline}.button-as-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:inherit}.button-as-link.text-link,.button-as-link.metrics-visualization__link{color:var(--primary);text-decoration:none;font-weight:700}.button-as-link.text-link:hover,.button-as-link.metrics-visualization__link:hover{text-decoration:underline}.code-snippet{margin-top:.75rem;background:#00000008;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:.9rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;color:var(--text-primary)}[data-theme=dark] .code-snippet{background:#ffffff0f;border-color:#ffffff1a}.code-accent{color:var(--primary);font-weight:700}.code-fn{color:#3b82f6;font-weight:700}[data-theme=dark] .code-fn{color:#93c5fd}.code-str{color:#16a34a;font-weight:700}[data-theme=dark] .code-str{color:#4ade80}.metrics-visualization{margin-top:3rem;background:var(--bg-primary);border-radius:16px;border:1px solid rgba(0,0,0,.08);padding:2rem;box-shadow:var(--shadow-sm)}[data-theme=dark] .metrics-visualization{border-color:#ffffff14}.metrics-visualization__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.metrics-visualization__header h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.metrics-visualization__subtitle{color:var(--text-secondary);font-size:.9375rem}.metrics-visualization__link{color:var(--primary);font-weight:700;font-size:.875rem;text-decoration:none;white-space:nowrap;flex-shrink:0}.metrics-visualization__link:hover{text-decoration:underline}.metrics-visualization__container{margin-bottom:1rem;width:100%;min-width:0}.metrics-visualization__hint{color:var(--text-secondary);font-size:.8125rem;text-align:center;opacity:.8}@media (max-width: 640px){.metrics-visualization__header{flex-direction:column;align-items:flex-start}.metrics-visualization{padding:1.5rem}}.dashboard-footer{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-secondary);font-size:.875rem}.footer-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer-sep{width:4px;height:4px;border-radius:9999px;background:#0003}[data-theme=dark] .footer-sep{background:#fff3}.footer-right{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-right a{color:inherit;text-decoration:none;font-weight:600}.footer-right a:hover{color:var(--primary)}.footer-version{font-weight:700}@media (max-width: 900px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 640px){.setup-complete-banner{flex-direction:column;align-items:flex-start;gap:1rem}.setup-complete-link{align-self:flex-end}}@media (max-width: 520px){.dashboard{padding:2rem 0}.dashboard-title{font-size:2.1rem}.quickstart-head{flex-direction:column;align-items:flex-start}}.grafana-dashboard-embed{width:100%;margin-top:.5rem;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary, #0f1419)}.grafana-dashboard-embed__frame{display:block;width:100%;min-height:520px;border:none;vertical-align:top}.grafana-dashboard-embed--error{padding:1.25rem;color:var(--text-secondary);font-size:.9375rem}.grafana-dashboard-embed__hint{margin:.35rem 0 0;color:var(--text-tertiary);line-height:1.45}.grafana-dashboard-embed__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.grafana-dashboard-embed__retry{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem}.grafana-dashboard-embed__retry:hover{border-color:var(--primary, #6366f1)}.live-metrics-page{max-width:1200px;margin:0 auto;padding:2rem 0 3rem}.live-metrics-page__toolbar{margin-bottom:1.25rem}.live-metrics-page__back{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:700;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.live-metrics-page__back:hover{color:var(--primary)}.live-metrics-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.75rem}.live-metrics-hero__intro{display:flex;align-items:flex-start;min-width:0}.live-metrics-hero__titles{min-width:0}.live-metrics-hero__title{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--primary);margin:0 0 .35rem}.live-metrics-hero__subtitle{margin:0;font-size:1.0625rem;color:var(--text-secondary);max-width:42rem;line-height:1.5}.live-metrics-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;flex-shrink:0}.live-metrics-page__btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border-radius:10px;font-size:.875rem;font-weight:700;text-decoration:none;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s ease,background-color .15s ease}.live-metrics-page__btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.live-metrics-page__btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;border-radius:10px;font-size:.875rem;font-weight:700;border:none;cursor:pointer;background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);transition:filter .15s ease}.live-metrics-page__btn-primary:hover{filter:brightness(1.05)}.live-metrics-page__panel{margin-top:0}.live-metrics-page__panel .metrics-visualization__header h2{font-size:1.25rem}.live-metrics-page__meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.8125rem;color:var(--text-secondary)}.live-metrics-page__meta span{display:inline-flex;align-items:center;gap:.35rem}.live-metrics-page__meta-dot{width:6px;height:6px;border-radius:9999px;background:#22c55e;flex-shrink:0}@media (max-width: 640px){.live-metrics-page{padding:1.5rem 0 2.5rem}.live-metrics-hero__title{font-size:1.65rem}.live-metrics-hero__actions{width:100%}.live-metrics-page__btn-primary,.live-metrics-page__btn-secondary{flex:1;min-width:8rem}}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:confirmModalFadeIn .2s ease-out}.confirm-modal{position:relative;width:100%;max-width:420px;background:var(--bg-primary);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--border-color);animation:confirmModalSlideIn .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.confirm-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:.5rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;z-index:1}.confirm-modal__close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.confirm-modal__close:disabled{opacity:.5;cursor:not-allowed}.confirm-modal__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:2rem auto 1.25rem;border-radius:50%;transition:all .2s ease}.confirm-modal__icon--danger{background:#ef44441a;color:#ef4444;box-shadow:0 0 0 8px #ef44440d}.confirm-modal__icon--warning{background:#f59e0b1a;color:#f59e0b;box-shadow:0 0 0 8px #f59e0b0d}.confirm-modal__icon--info{background:#3b82f61a;color:#3b82f6;box-shadow:0 0 0 8px #3b82f60d}.confirm-modal__content{padding:0 2rem;text-align:center}.confirm-modal__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.4;letter-spacing:-.01em}.confirm-modal__message{margin:0;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.confirm-modal__actions{display:flex;gap:.75rem;padding:1.75rem 2rem 2rem;margin-top:1.5rem}.confirm-modal__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:.625rem;cursor:pointer;transition:all .2s ease;min-height:2.75rem}.confirm-modal__btn:disabled{opacity:.7;cursor:not-allowed}.confirm-modal__btn--cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.confirm-modal__btn--cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--gray-300)}.confirm-modal__btn--cancel:active:not(:disabled){transform:scale(.98)}.confirm-modal__btn--confirm{border:none;color:#fff;box-shadow:0 2px 8px #00000026}.confirm-modal__btn--confirm:active:not(:disabled){transform:scale(.98)}.confirm-modal__btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal__btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.confirm-modal__btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal__btn--warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b59;transform:translateY(-1px)}.confirm-modal__btn--info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal__btn--info:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.confirm-modal__spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:confirmModalSpin .8s linear infinite}@keyframes confirmModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confirmModalSpin{to{transform:rotate(360deg)}}[data-theme=dark] .confirm-modal{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--border-color)}[data-theme=dark] .confirm-modal__icon--danger{background:#ef444426;box-shadow:0 0 0 8px #ef444414}[data-theme=dark] .confirm-modal__icon--warning{background:#f59e0b26;box-shadow:0 0 0 8px #f59e0b14}[data-theme=dark] .confirm-modal__icon--info{background:#3b82f626;box-shadow:0 0 0 8px #3b82f614}[data-theme=dark] .confirm-modal__btn--cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--gray-500)}@media (max-width: 480px){.confirm-modal-backdrop{padding:.75rem;align-items:flex-end}.confirm-modal{max-width:100%;border-radius:1rem 1rem 0 0;animation:confirmModalSlideUp .3s cubic-bezier(.16,1,.3,1)}.confirm-modal__icon{margin-top:1.5rem}.confirm-modal__content{padding:0 1.5rem}.confirm-modal__actions{flex-direction:column-reverse;padding:1.5rem}.confirm-modal__btn{width:100%;padding:.875rem 1.25rem}}@keyframes confirmModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirm-modal__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.confirm-modal__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.confirm-modal__btn--danger:focus-visible{outline-color:#ef4444}.confirm-modal__btn--warning:focus-visible{outline-color:#f59e0b}.confirm-modal__btn--info:focus-visible{outline-color:#3b82f6}.configs-list-page{min-height:calc(100vh - 72px);padding:3rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.configs-list-container{max-width:1200px;margin:0 auto}.configs-list-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}@media (min-width: 768px){.configs-list-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.configs-list-header-text{flex:1}.configs-list-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.5rem;letter-spacing:-.02em}.configs-list-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.5}.btn-create-new{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#4b8ce2,#357abd);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #4b8ce240;white-space:nowrap}.btn-create-new:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #4b8ce24d}.btn-create-new:active{transform:translateY(0)}.configs-table-wrapper{background:var(--bg-primary);border-radius:1rem;box-shadow:0 8px 30px #0000000a;border:1px solid var(--border-color);overflow:hidden}.configs-table-scroll{overflow-x:auto}.configs-table{width:100%;text-align:left;border-collapse:collapse}.configs-table thead tr{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.configs-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.configs-table th.actions-header{text-align:right}.configs-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.configs-table tbody tr:last-child{border-bottom:none}.configs-table tbody tr:hover{background:var(--bg-secondary)}.configs-table tbody tr.row-paused{opacity:.6}.configs-table td{padding:1.25rem 1.5rem;vertical-align:middle}.config-name-cell .config-name{font-weight:600;color:var(--text-primary)}.config-type-cell{color:var(--text-secondary)}.config-description-cell .description-truncate{max-width:200px;font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-labels-cell .labels-wrapper{display:flex;flex-wrap:wrap;gap:.375rem}.config-label{display:inline-block;padding:.125rem .5rem;border-radius:.375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.label-blue{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .label-blue{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.label-purple{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}[data-theme=dark] .label-purple{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.label-amber{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}[data-theme=dark] .label-amber{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.label-slate{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.no-labels{color:var(--text-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-badge .status-dot{width:.375rem;height:.375rem;border-radius:50%}.status-active{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.status-active .status-dot{background:#22c55e}[data-theme=dark] .status-active{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}[data-theme=dark] .status-active .status-dot{background:#4ade80}.status-paused{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.status-paused .status-dot{background:var(--text-tertiary)}.status-draft{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}.status-draft .status-dot{background:#f59e0b}[data-theme=dark] .status-draft{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .status-draft .status-dot{background:#fbbf24}.config-actions-cell{text-align:right}.actions-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.action-btn:hover{color:var(--primary);background:#3b82f614}.action-btn-danger:hover{color:var(--danger);background:#ef444414}.configs-table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.configs-count{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{padding:.375rem .75rem;font-size:.875rem;font-weight:500;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 2rem!important;color:var(--text-secondary)}.empty-state p{margin-bottom:1rem}.btn-create-new-inline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-new-inline:hover{opacity:.9}.configs-help-text{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:2rem}.configs-help-text .help-link{color:var(--primary);text-decoration:none;transition:opacity .2s ease}.configs-help-text .help-link:hover{text-decoration:underline;opacity:.8}@media (max-width: 768px){.configs-list-page{padding:1.5rem 1rem}.configs-list-title{font-size:1.75rem}.configs-list-subtitle{font-size:1rem}.configs-table th,.configs-table td{padding:.75rem 1rem}.config-description-cell .description-truncate{max-width:120px}}.progress-stepper{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:1rem 0;max-width:48rem;margin:0 auto;width:100%}.step-wrapper{display:flex;align-items:flex-start}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-connector{width:8rem;height:2px;margin:1.25rem 1rem 0;background:#10b981;transition:background .3s ease}.step-connector.completed{background:#10b981}.step-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-secondary);transition:all .3s ease;flex-shrink:0;font-weight:700;font-size:.875rem}.step-number{font-weight:700;font-size:.875rem}.step-item.active .step-icon-wrapper{background:var(--bg-primary);border:2px solid var(--primary);color:var(--primary);box-shadow:0 1px 3px #0000001a}.step-item.completed .step-icon-wrapper{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b98133}.step-label{font-size:.875rem;font-weight:700;color:var(--text-secondary);transition:color .3s ease;white-space:nowrap;text-align:center}.step-item.active .step-label{color:var(--primary)}.step-item.completed .step-label{color:#10b981}@media (max-width: 640px){.progress-stepper{gap:0;padding:1rem 0}.step-connector{width:3rem;margin:1.25rem .5rem 0}.step-label{font-size:.75rem}.step-icon-wrapper{width:36px;height:36px}}@media (max-width: 480px){.step-connector{width:2rem;margin:1.125rem .25rem 0}.step-label{display:none}}.metric-configs-page{min-height:calc(100vh - 72px);background:var(--bg-secondary);padding:3rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark] .metric-configs-page{background:var(--bg-primary)}.metric-configs-container{max-width:960px;margin:0 auto}.configs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.back-button{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s ease}.back-button:hover{color:var(--primary)}.metric-configs-header{text-align:center;margin-bottom:2.5rem}.metric-configs-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.5rem;letter-spacing:-.02em}.metric-configs-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.5}.metric-configs-card{background:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden;margin-bottom:2rem}.metric-configs-form{padding:2rem}@media (min-width: 1024px){.metric-configs-form{padding:3rem}}.form-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width: 1024px){.form-grid{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field-full{grid-column:1 / -1;padding-top:1rem;border-top:1px solid var(--border-color)}.form-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.form-helper{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.form-input,.form-select,.form-textarea{width:100%;height:3.5rem;padding:0 1rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:1rem;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f680}.form-textarea{min-height:120px;padding:1rem;resize:vertical;height:auto}.select-wrapper{position:relative}.select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:3rem}.labels-container{display:flex;flex-direction:column;gap:.75rem}.label-row{display:flex;gap:.5rem;align-items:center}.label-input{flex:1;height:3rem;padding:0 .75rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.875rem;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.label-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f680}.label-delete-btn{padding:.5rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:.25rem}.label-delete-btn:hover{color:var(--danger);background:#ef44441a}.add-label-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem 0;transition:opacity .2s ease}.add-label-btn:hover{opacity:.8}.advanced-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.advanced-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--primary);font-weight:600;padding:.5rem 0;transition:opacity .2s ease;background:none;border:none;width:100%;text-align:left;font-family:inherit;font-size:1rem}.advanced-summary:hover{opacity:.8}.advanced-summary-content{display:flex;align-items:center;gap:.5rem}.advanced-chevron{transition:transform .3s ease;color:var(--primary)}.advanced-chevron.open{transform:rotate(180deg)}.advanced-content{margin-top:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px dashed var(--border-color);display:flex;flex-direction:column;gap:1rem}.advanced-item{display:flex;align-items:center;justify-content:space-between}.advanced-item-info{display:flex;flex-direction:column;gap:.25rem}.advanced-item-title{font-weight:500;color:var(--text-primary)}.advanced-item-desc{font-size:.875rem;color:var(--text-secondary)}.toggle-switch{width:3rem;height:1.5rem;border-radius:9999px;background:var(--border-color);border:none;cursor:pointer;position:relative;transition:background .2s ease;padding:0}[data-theme=dark] .toggle-switch{background:#fff3}.toggle-switch.active{background:var(--primary)}.toggle-slider{position:absolute;top:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s ease;left:.125rem}.toggle-switch.active .toggle-slider{transform:translate(1.5rem)}.form-actions{display:flex;flex-direction:column;gap:1rem;padding-top:2rem;align-items:stretch}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:space-between;align-items:center}}.btn-secondary,.btn-primary{padding:1rem 2rem;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);width:100%}@media (min-width: 640px){.btn-secondary{width:auto}}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f640;width:100%}@media (min-width: 640px){.btn-primary{width:auto;padding-left:2.5rem;padding-right:2.5rem}}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.help-text{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:2rem}.help-link{color:var(--primary);text-decoration:underline;transition:opacity .2s ease}.help-link:hover{opacity:.8}.apikeys-page{max-width:1000px;margin:0 auto;padding:0 1rem 3rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-secondary);font-size:.875rem}.apikeys-card{background:var(--bg-primary);border-radius:.75rem;box-shadow:0 8px 30px #0000000a;border:1px solid var(--border-color);overflow:hidden}.apikeys-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.apikeys-header-content{display:flex;flex-direction:column;gap:.5rem;min-width:280px}.apikeys-title{font-size:1.875rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2;margin:0}.apikeys-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.btn-docs{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-docs:hover{background:var(--bg-secondary)}.apikeys-content{padding:2rem}.apikeys-grid{display:grid;grid-template-columns:1fr;gap:2rem}.key-configuration{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.form-fields{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;width:100%}.field-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding-bottom:.5rem}.field-input,.field-select{width:100%;height:3rem;padding:0 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.field-input:focus,.field-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.field-input::placeholder{color:var(--text-tertiary)}.permissions-section{display:flex;flex-direction:column;gap:.75rem}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.permission-item{display:flex;align-items:center;gap:.75rem;cursor:pointer}.permission-item input[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--border-color);accent-color:var(--primary);cursor:pointer}.permission-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.permission-item:hover .permission-label{color:var(--text-primary)}.btn-generate{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:var(--primary);border:none;border-radius:.75rem;color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.btn-generate:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate:disabled{opacity:.7;cursor:not-allowed}.secret-key-panel{display:flex;flex-direction:column;background:#111827;border-radius:.75rem;padding:1.5rem;color:#fff;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff05;min-height:380px}[data-theme=dark] .secret-key-panel{background:var(--bg-primary);border-color:var(--border-color)}.secret-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.secret-key-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.live-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:9999px;background:#10b9811a;color:#34d399;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(16,185,129,.2)}.live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:pulse 2s ease-in-out infinite}.secret-key-display{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;background:#0006;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .secret-key-display{background:var(--bg-secondary);border-color:var(--border-color)}.key-value{flex:1;font-family:Fira Code,Courier New,monospace;font-size:1rem;color:#34d399;word-break:break-all;-webkit-user-select:all;user-select:all}.key-actions-inline{display:flex;gap:.5rem}.key-action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:.5rem;color:#ffffff80;cursor:pointer;transition:all .2s ease}.key-action-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.key-action-btn:disabled{opacity:.3;cursor:not-allowed}.security-warning{display:flex;gap:1rem;margin-top:1.5rem;padding:1rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:.5rem;color:#fbbf24}.warning-content{display:flex;flex-direction:column;gap:.25rem}.warning-title{font-size:.875rem;font-weight:700;color:#fbbf24e6;margin:0}.warning-text{font-size:.75rem;color:#fbbf2499;line-height:1.5;margin:0}.security-icons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:auto;padding-top:2rem;color:#ffffff1a}.icon-divider{width:1px;height:2rem;background:#ffffff0d}.existing-keys-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.existing-keys-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;margin-bottom:1rem}.existing-keys-header-actions{display:flex;align-items:center;gap:1rem}.keys-count{font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:.25rem}.btn-create-key{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-create-key:hover:not(:disabled){background:var(--primary);color:#fff}.btn-create-key:disabled{opacity:.6;cursor:not-allowed}.keys-table-container{overflow:hidden;border-radius:.75rem;border:1px solid var(--border-color)}.keys-table{width:100%;border-collapse:collapse;text-align:left}.keys-table thead{background:var(--bg-secondary)}.keys-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.keys-table tbody{background:var(--bg-primary)}.keys-table tbody tr{border-top:1px solid var(--border-color);transition:background .2s ease}.keys-table tbody tr:first-child{border-top:none}.keys-table tbody tr:hover{background:var(--bg-secondary)}.keys-table td{padding:1rem 1.5rem}.key-name-cell{display:flex;flex-direction:column;gap:.25rem}.key-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.key-created{font-size:.625rem;color:var(--text-tertiary);opacity:.7}.env-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.env-badge.env-production{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.env-badge.env-staging{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.env-badge.env-development{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.key-masked{font-family:Fira Code,Courier New,monospace;font-size:.875rem;color:var(--text-secondary)}.text-right{text-align:right}.key-row-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.btn-copy-inline{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:.5rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-copy-inline:hover{background:#6366f114;border-color:#6366f140;color:var(--text-primary)}.btn-revoke{padding:.375rem .75rem;background:transparent;border:1px solid transparent;border-radius:.5rem;color:#ef4444;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-revoke:hover{background:#ef44441a;border-color:#ef444433}.empty-state{text-align:center;padding:2rem!important;color:var(--text-secondary)}.apikeys-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:700;cursor:pointer;transition:color .2s ease}.btn-back:hover{color:var(--primary)}.footer-actions{display:flex;gap:1rem}.btn-skip{padding:.625rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-skip:hover{background:var(--bg-secondary)}.btn-continue{padding:.625rem 2rem;background:var(--primary);border:none;border-radius:.75rem;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.btn-continue:hover{transform:scale(1.02)}.btn-continue:active{transform:scale(.98)}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;color:var(--text-secondary)}@media (max-width: 768px){.feature-cards{grid-template-columns:1fr}}.feature-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.feature-icon{color:var(--primary)}.feature-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.feature-description{font-size:.875rem;line-height:1.6;opacity:.8;margin:0}.page-footer{padding:2rem 0;text-align:center;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);opacity:.6}@media (max-width: 640px){.apikeys-page{padding:0 .75rem 2rem}.apikeys-header{padding:1.5rem}.apikeys-title{font-size:1.5rem}.apikeys-content{padding:1.5rem}.permissions-grid{grid-template-columns:1fr}.apikeys-footer{flex-direction:column;align-items:stretch;padding:1.5rem}.btn-back{justify-content:center}.footer-actions{flex-direction:column}.btn-skip,.btn-continue{width:100%;justify-content:center;text-align:center}.keys-table th,.keys-table td{padding:.75rem 1rem}}.code-generation-page{max-width:1000px;margin:0 auto;padding:0 1rem}.cg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.cg-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.cg-spinner.small{width:20px;height:20px;border-width:2px}.cg-config-info{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.cg-config-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:2rem;font-size:.875rem;color:#10b981}.cg-config-badge strong{color:var(--text-primary)}.cg-metric-name{color:var(--text-secondary);font-size:.75rem}.cg-config-select{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.cg-config-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.cg-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#ef4444;font-size:.875rem;text-align:center;margin-bottom:1rem}.cg-code-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#9ca3af;font-size:.875rem}.cg-header{text-align:center;margin-bottom:1rem}.cg-title{font-size:2.25rem;font-weight:900;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.cg-subtitle{font-size:1.125rem;color:#516e94;max-width:42rem;margin:0 auto;line-height:1.6}.cg-content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin-top:1.5rem}@media (min-width: 1024px){.cg-content-grid{grid-template-columns:2fr 1fr}}.cg-left-column,.cg-right-column{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1024px){.cg-right-column{position:sticky;top:6rem}}.cg-framework-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem;background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.cg-framework-tab{flex:1;min-width:100px;padding:.625rem 1rem;border:none;background:transparent;border-radius:.5rem;font-size:.875rem;font-weight:700;color:#516e94;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cg-framework-tab:hover{background:var(--gray-50)}.cg-framework-tab.active{background:linear-gradient(135deg,#4a90e2,#5b7fe8);color:#fff}.cg-framework-icon{font-size:1rem;font-weight:700}.cg-code-box{border-radius:.75rem;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);width:100%;max-width:100%}.cg-code-header{background:#2d2d2d;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3e3e3e;gap:.5rem;flex-wrap:wrap}[data-theme=dark] .cg-code-header{background:var(--bg-tertiary);border-bottom-color:var(--border-color)}.cg-window-controls{display:flex;gap:.375rem;flex-shrink:0}.cg-control{width:12px;height:12px;border-radius:50%}.cg-control.red{background:#ff5f56}.cg-control.yellow{background:#ffbd2e}.cg-control.green{background:#27c93f}.cg-filename{font-size:.6875rem;font-family:Fira Code,Monaco,Menlo,monospace;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-copy-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#4a90e2;color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.cg-copy-btn:hover{background:#5b7fe8}.cg-code-content{background:#1e1e1e;padding:1.5rem;overflow:auto;max-height:450px;-webkit-overflow-scrolling:touch;position:relative}.cg-code-content pre{margin:0;font-family:Fira Code,Monaco,Menlo,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word}.cg-code-content code{color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;display:block}.cg-code-content::-webkit-scrollbar{width:8px;height:8px}.cg-code-content::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.cg-code-content::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.cg-code-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.cg-code-content::-webkit-scrollbar-corner{background:#1e1e1e}.code-keyword{color:#c678dd}.code-string{color:#98c379}.code-function{color:#61afef}.code-comment{color:#5c6370}.code-property{color:#d19a66}.cg-tracking-config{background:var(--bg-primary);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.cg-config-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.cg-config-icon{color:var(--primary)}.cg-config-options{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.cg-config-options{grid-template-columns:1fr 1fr}}.cg-config-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.75rem;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.cg-config-option:hover{background:var(--gray-50)}.cg-checkbox{display:none}.cg-checkbox-custom{width:20px;height:20px;border-radius:4px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease;background:var(--bg-primary)}.cg-checkbox:checked+.cg-checkbox-custom{background:var(--primary);border-color:var(--primary);color:#fff}.cg-option-text{display:flex;flex-direction:column;gap:.25rem}.cg-option-label{font-size:.875rem;font-weight:700;color:var(--text-primary)}.cg-option-desc{font-size:.75rem;color:#516e94}.cg-status-card{background:var(--bg-primary);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.cg-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.cg-status-title{font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#516e94}.cg-status-indicator{width:10px;height:10px;border-radius:50%;background:#d1d5db;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cg-status-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:#f9fafb;border-radius:.75rem;border:2px dashed #e5e7eb;margin-bottom:1rem}[data-theme=dark] .cg-status-content{background:var(--bg-tertiary);border-color:var(--border-color)}.cg-status-icon{color:#4a90e266;margin-bottom:.5rem}.cg-status-main{font-size:1rem;font-weight:700;color:#6b7280;margin-bottom:.25rem}.cg-status-sub{font-size:.75rem;color:#9ca3af;text-align:center}.cg-status-actions{display:flex;flex-direction:column;gap:.75rem}.cg-check-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#f3f4f6;border:none;border-radius:.75rem;font-size:.875rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.cg-check-btn:hover{background:#e5e7eb}.cg-check-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .cg-check-btn{background:var(--bg-tertiary)}[data-theme=dark] .cg-check-btn:hover{background:var(--border-color)}.cg-check-btn svg{color:var(--primary)}.spinning{animation:spin 1s linear infinite}.cg-status-tip{font-size:.6875rem;color:#516e94;text-align:center;padding:0 1rem}.cg-help-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#4a90e20d;border:1px solid rgba(74,144,226,.1);border-radius:.75rem}.cg-help-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--primary);flex-shrink:0}.cg-help-content{display:flex;flex-direction:column;gap:.25rem}.cg-help-title{font-size:.875rem;font-weight:700;color:var(--primary)}.cg-help-text{font-size:.75rem;color:#516e94;line-height:1.5}.cg-help-link{color:var(--primary);text-decoration:underline;font-weight:500}.cg-help-link:hover{color:var(--primary-dark)}.cg-footer-actions{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border-color)}.cg-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.75rem;font-size:.875rem;font-weight:700;color:#516e94;cursor:pointer;transition:all .2s ease}.cg-back-btn:hover{color:var(--text-primary)}.cg-complete-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#4a90e2,#5b7fe8);color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:900;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a90e233}.cg-complete-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #4a90e24d}.cg-complete-btn:active{transform:scale(.98)}.cg-trust-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 0;margin-top:2rem;border-top:1px solid var(--border-color);opacity:.4;filter:grayscale(1);-webkit-user-select:none;user-select:none}.cg-trust-text{font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#516e94}.cg-trust-logos{display:flex;gap:3rem;align-items:center}.cg-trust-logo{width:6rem;height:1.5rem;background:#516e94;border-radius:4px;opacity:.6}.cg-trust-logo:nth-child(2){width:5rem}.cg-trust-logo:nth-child(3){width:7rem}@media (max-width: 768px){.cg-title{font-size:1.75rem}.cg-subtitle{font-size:1rem}.cg-framework-tabs{flex-wrap:wrap;gap:.25rem}.cg-framework-tab{min-width:auto;flex:0 0 auto;padding:.5rem .75rem;font-size:.75rem}.cg-code-content{padding:1rem;max-height:350px}.cg-code-content pre{font-size:.8125rem}.cg-footer-actions{flex-direction:column;gap:1rem}.cg-back-btn{order:2}.cg-complete-btn{width:100%;order:1}.cg-trust-logos{gap:1.5rem;flex-wrap:wrap;justify-content:center}.cg-trust-logo{width:4rem;height:1rem}}@media (max-width: 480px){.code-generation-page{padding:0 .75rem}.cg-title{font-size:1.5rem}.cg-subtitle{font-size:.875rem}.cg-config-info{flex-direction:column;gap:.75rem}.cg-config-badge{font-size:.75rem;padding:.375rem .75rem}.cg-framework-tabs{padding:.25rem;gap:.125rem}.cg-framework-tab{padding:.5rem;font-size:.6875rem;gap:.25rem}.cg-framework-icon{font-size:.75rem}.cg-code-header{padding:.5rem .75rem;flex-wrap:wrap;gap:.5rem}.cg-window-controls{order:1}.cg-filename{order:3;width:100%;text-align:left;margin-top:.25rem}.cg-copy-btn{order:2;margin-left:auto;padding:.25rem .5rem;font-size:.6875rem}.cg-copy-btn span{display:none}.cg-copy-btn:after{content:"Copy"}.cg-code-content{padding:.75rem;max-height:300px}.cg-code-content pre{font-size:.75rem;line-height:1.5}.cg-tracking-config{padding:1rem}.cg-config-title{font-size:1rem}.cg-config-option{padding:.75rem;gap:.75rem}.cg-option-label{font-size:.8125rem}.cg-option-desc{font-size:.6875rem}.cg-status-card{padding:1rem}.cg-status-content{padding:1.5rem .75rem}.cg-help-card{padding:1rem;gap:.75rem}.cg-help-text{font-size:.6875rem}.cg-complete-btn{padding:.875rem 1.5rem;font-size:1rem}.cg-trust-text{font-size:.5rem;text-align:center;padding:0 1rem}.cg-trust-logos{gap:1rem}.cg-trust-logo{width:3rem;height:.75rem}}@media (max-width: 360px){.cg-framework-tab{padding:.375rem;font-size:.625rem}.cg-framework-icon{display:none}.cg-code-content pre{font-size:.6875rem}}.sites-page{max-width:640px}.sites-page__title{font-size:1.5rem;margin:0 0 .5rem}.sites-page__intro{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:1.25rem}.sites-page__form{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.sites-page__input{flex:1;min-width:200px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.sites-page__btn{padding:.5rem 1rem;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:500;cursor:pointer}.sites-page__btn:disabled{opacity:.5;cursor:not-allowed}.sites-page__list{list-style:none;padding:0;margin:0}.sites-page__row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.sites-page__name{flex:1;font-weight:500}.sites-page__id{font-size:.8125rem;color:var(--text-tertiary)}.sites-page__delete{background:none;border:none;color:var(--error, #dc2626);cursor:pointer;font-size:.875rem}.sites-page__empty{color:var(--text-tertiary);padding:1rem 0}.sites-page--loading{padding:2rem;color:var(--text-secondary)}.sites-page__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dw-page{max-width:960px}.dw-page__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.dw-page__title{font-size:1.5rem;margin:0 0 .5rem}.dw-page__intro{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0;max-width:40rem}.dw-page__new{display:inline-block;padding:.5rem 1rem;border-radius:8px;background:var(--primary);color:#fff;text-decoration:none;font-weight:500;font-size:.875rem}.dw-page__filters{margin-bottom:1rem}.dw-page__filter{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:var(--text-secondary)}.dw-page__select{max-width:280px;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.dw-page--loading{padding:2rem;color:var(--text-secondary)}.dw-page__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dw-table{width:100%;border-collapse:collapse;font-size:.875rem}.dw-table th,.dw-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border-color)}.dw-table th{color:var(--text-tertiary);font-weight:600}.dw-table__empty{color:var(--text-secondary)}.dw-table__actions{display:flex;gap:.75rem;align-items:center}.dw-table__actions a{color:var(--primary);text-decoration:none}.dw-table__actions button{background:none;border:none;color:var(--error, #dc2626);cursor:pointer;font-size:inherit;padding:0}.dw-form{max-width:520px;display:flex;flex-direction:column;gap:1rem}.dw-field{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:var(--text-secondary)}.dw-field--check{flex-direction:row;align-items:center;gap:.5rem}.dw-input,.dw-textarea{padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem}.dw-form__actions{display:flex;gap:.75rem;margin-top:.5rem}.dw-btn{padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;border:none}.dw-btn--primary{background:var(--primary);color:#fff}.dw-btn--ghost{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.breadcrumbs{margin-bottom:1.5rem;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem 0;list-style:none;margin:0;padding:0;font-size:.875rem;font-weight:500;line-height:1.5;color:var(--text-secondary)}.breadcrumbs-item{display:inline-flex;align-items:center;gap:0}.breadcrumbs-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin:0 .5rem;flex-shrink:0}.breadcrumbs-separator svg{opacity:.7}.breadcrumbs-icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.5rem}.breadcrumbs-icon,.breadcrumbs-icon-current{flex-shrink:0;color:inherit;opacity:.85}.breadcrumbs-link{display:inline-flex;align-items:center;color:var(--text-secondary);text-decoration:none;transition:color .2s ease;border-radius:6px;padding:.25rem .375rem;margin:-.25rem -.375rem}.breadcrumbs-link:hover{color:var(--primary)}.breadcrumbs-link:hover .breadcrumbs-icon{color:var(--primary);opacity:1}.breadcrumbs-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.breadcrumbs-current{display:inline-flex;align-items:center;color:var(--text-primary);font-weight:600}.breadcrumbs-current .breadcrumbs-icon-current{color:var(--primary);opacity:1}.breadcrumbs-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}@media (min-width: 769px){.breadcrumbs-label{max-width:none}}@media (max-width: 768px){.breadcrumbs{margin-bottom:1.25rem;padding:.625rem .875rem;border-radius:8px}.breadcrumbs-list{font-size:.8125rem}.breadcrumbs-separator{margin:0 .375rem}.breadcrumbs-icon-wrap{margin-right:.375rem}.breadcrumbs-label{max-width:8rem}}@media (max-width: 480px){.breadcrumbs-label{max-width:6rem}}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto;transition:all .3s ease}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.footer-tagline{font-size:.875rem;color:var(--text-secondary);margin:0}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.footer-link:hover{color:var(--primary)}.footer-bottom{padding-top:1.5rem;text-align:center}.footer-copyright{font-size:.8125rem;color:var(--text-tertiary);margin:0}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer-container{padding:0 1rem}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-brand{align-items:center}.footer-links{justify-content:center}}@media (max-width: 480px){.footer-container{padding:0 .75rem}.footer-links{gap:1rem}.footer-link{font-size:.8125rem}}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-secondary);transition:background-color .3s ease}.navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);height:72px;padding:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:100%}.nav-brand{text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;line-height:0;position:relative;flex-shrink:0;min-width:fit-content}.nav-brand:hover{transform:translateY(-1px);opacity:.9}.nav-brand:active{transform:translateY(0)}.nav-brand:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.nav-links{display:flex;gap:2rem;flex:1;justify-content:flex-start;height:100%;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease;padding:0;position:relative;height:100%;display:inline-flex;align-items:center}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:700}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary);border-radius:3px 3px 0 0}.nav-user{display:flex;align-items:center;gap:.5rem}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:9999px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary)}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.icon-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:9999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease}.icon-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.avatar{width:40px;height:40px;border-radius:9999px;border:2px solid rgba(59,130,246,.2);background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.16),transparent 60%),var(--bg-primary);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;margin-left:.25rem;transition:transform .2s ease,box-shadow .2s ease}.avatar:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.avatar-letter{font-size:.9rem;font-weight:800;letter-spacing:-.02em}.user-email{color:var(--text-secondary);font-size:.875rem;font-weight:500}.main-content{flex:1;padding:2rem 0;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-container{flex-wrap:wrap;padding:0 1rem;gap:1rem}.nav-brand{order:1;flex:0 0 auto;min-width:auto}.nav-user{order:2;flex:0 0 auto;margin-left:auto}.nav-links{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;height:auto}.nav-link{white-space:nowrap;font-size:.875rem;height:auto;padding:.5rem 0}.user-email{display:none}}@media (max-width: 480px){.nav-container{padding:0 .75rem;gap:.75rem}.navbar{padding:.75rem 0}}.profile-dropdown-wrapper{position:relative;display:inline-flex}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);z-index:200;padding:.5rem 0;animation:profileDropdownIn .18s ease-out;transform-origin:top right}@keyframes profileDropdownIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.profile-dropdown-avatar{width:36px;height:36px;border-radius:9999px;border:2px solid rgba(59,130,246,.2);background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.16),transparent 60%),var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0}.profile-dropdown-avatar .avatar-letter{font-size:.8rem;font-weight:800}.profile-dropdown-info{display:flex;flex-direction:column;min-width:0}.profile-dropdown-email{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background-color:var(--border-color);margin:.375rem 0}.profile-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;border:none;background:none;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;line-height:1}.profile-dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.profile-dropdown-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:0}.profile-dropdown-item svg{flex-shrink:0;opacity:.7}.profile-dropdown-item:hover svg{opacity:1}.profile-badge{margin-left:auto;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);background-color:var(--primary-light);padding:.15rem .45rem;border-radius:9999px;line-height:1.4}.profile-dropdown-item--danger{color:var(--danger)}.profile-dropdown-item--danger:hover{background-color:#ef444414;color:var(--danger)}.profile-dropdown-item--danger svg{opacity:.85}@media (max-width: 480px){.profile-dropdown{min-width:220px;right:-.5rem}}@media (max-width: 360px){.profile-dropdown{position:fixed;top:auto;right:.75rem;left:.75rem;min-width:unset}}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem;border:1px solid var(--border-color);transition:all .3s ease;animation:slideUp .3s ease-out}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-1px)}.btn-danger{background-color:var(--danger);color:var(--white);box-shadow:0 2px 4px #ef44444d}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:before{display:none}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.form-input:hover{border-color:var(--gray-400)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-tertiary)}.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.form-select:hover{border-color:var(--gray-400)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;min-height:100px;resize:vertical;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.form-textarea:hover{border-color:var(--gray-400)}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.error-message{color:var(--danger);font-size:.875rem;margin-top:.5rem;padding:.75rem;background-color:#ef44441a;border-radius:6px;border-left:3px solid var(--danger);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-message{color:var(--secondary);font-size:.875rem;margin-top:.5rem;padding:.75rem;background-color:#10b9811a;border-radius:6px;border-left:3px solid var(--secondary)}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;min-height:200px}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--vizme-layout-nav-height: 72px;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #dbeafe;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--bg-primary: var(--white);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--border-color: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #9ca3af;--border-color: #262626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .5);--gray-50: #0a0a0a;--gray-100: #141414;--gray-200: #262626;--gray-300: #404040;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #e0e0e0;--gray-800: #f0f0f0;--gray-900: #ffffff;--white: #000000}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit;transition:all .2s ease}input,textarea,select{font-family:inherit;transition:all .2s ease}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}