@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";:root{--navy: #0f0f12;--navy-deep: #080809;--slate: #171719;--slate-light: #1f2023;--slate-mid: #2a2c32;--teal: #00c8a8;--teal-dim: #00af93;--teal-muted: rgba(0, 200, 168, .11);--teal-glow: rgba(0, 200, 168, .22);--amber: #e8a838;--amber-dim: #d09630;--amber-muted: rgba(232, 168, 56, .12);--red: #e8504a;--red-muted: rgba(232, 80, 74, .12);--green: #1fba58;--text-primary: #d8dce6;--text-secondary: #9ba4b4;--text-muted: #626b7a;--text-subtle: #3e4555;--border: rgba(255, 255, 255, .08);--border-teal: rgba(0, 200, 168, .24);--font-heading: "IBM Plex Mono", monospace;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 18px;--shadow-teal: 0 0 20px rgba(0, 200, 168, .12);--shadow-card: 0 2px 16px rgba(0, 0, 0, .55);--transition: all .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1);--color-bg: var(--navy);--color-surface: var(--slate);--color-border: var(--border);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-teal: var(--teal);--color-red: var(--red);--color-amber: var(--amber);--surface-1: var(--slate);--surface-2: var(--slate-light);--accent: var(--teal);--accent-subtle: var(--teal-muted);--card-bg: var(--slate);--input-bg: var(--navy);--quality-excellent: #34d399;--quality-good: #60a5fa;--quality-fair: #f59e0b;--quality-poor: #f87171;--hover-overlay: rgba(255, 255, 255, .04);--hover-border: rgba(255, 255, 255, .12);--nav-bg: rgba(15, 15, 18, .88);--nav-border-color: rgba(255, 255, 255, .08);--nav-shadow: none;--nav-backdrop: blur(20px) saturate(1.6);--nav-brand-pt: #ffffff;--nav-brand-sub: var(--text-subtle);--nav-link: #aab0be;--nav-link-hover: #d8dce6;--nav-link-hover-bg: rgba(255, 255, 255, .06);--nav-link-active: #00c8a8;--nav-link-active-bg: transparent;--nav-link-active-fw: 600;--nav-admin: #e8a838;--nav-admin-hover: #f0c060;--nav-admin-hover-bg: rgba(232, 168, 56, .08);--nav-conn-label: #626b7a;--nav-hamburger: #9ba4b4;--nav-mobile-bg: #0c0c0f}:root[data-theme=light]{--navy: #f5f6f8;--navy-deep: #eeeff2;--slate: #ffffff;--slate-light: #f0f1f4;--slate-mid: #e4e6eb;--bg-primary: #f5f6f8;--bg-secondary: #eeeff2;--surface: #ffffff;--surface-elevated: #f5f6f8;--border: rgba(0, 0, 0, .09);--border-teal: rgba(0, 150, 130, .35);--text-primary: #0e1117;--text-secondary: #2d3545;--text-muted: #475260;--text-subtle: #636e80;--teal: #0a8c78;--teal-dim: #076b5e;--teal-muted: rgba(10, 140, 120, .11);--teal-glow: rgba(10, 140, 120, .2);--amber: #c07a10;--amber-muted: rgba(192, 122, 16, .14);--red: #c83030;--red-muted: rgba(200, 48, 48, .12);--green: #15903e;--shadow-card: 0 2px 16px rgba(0, 0, 0, .07);--quality-excellent: #059669;--quality-good: #1d4ed8;--quality-fair: #b45309;--quality-poor: #dc2626;--hover-overlay: rgba(0, 0, 0, .04);--hover-border: rgba(0, 0, 0, .09);--nav-bg: #111115;--nav-border-color: rgba(255, 255, 255, .08);--nav-shadow: 0 1px 0 rgba(255, 255, 255, .04);--nav-backdrop: none;--nav-brand-pt: #ffffff;--nav-brand-sub: #52596a;--nav-link: #9ba4b4;--nav-link-hover: #d8dce6;--nav-link-hover-bg: rgba(255, 255, 255, .06);--nav-link-active: #00c8a8;--nav-link-active-bg: transparent;--nav-link-active-fw: 600;--nav-admin: #e8a838;--nav-admin-hover: #f0c060;--nav-admin-hover-bg: rgba(232, 168, 56, .08);--nav-conn-label: #52596a;--nav-hamburger: #9ba4b4;--nav-mobile-bg: #0c0c0f;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;color-scheme:light}:root[data-theme=dark],html:not([data-theme]){color-scheme:dark}body{font-family:var(--font-body);font-size:.9375rem;line-height:1.6;color:var(--text-primary);background-color:var(--navy);background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:48px 48px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0;opacity:.5}:root[data-theme=light] body{background-color:#f5f6f8;background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:48px 48px}:root[data-theme=light] body:before{opacity:.08}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em}h1{font-size:clamp(1.75rem,4vw,3rem)}h2{font-size:clamp(1.375rem,2.5vw,2rem)}h3{font-size:clamp(1rem,1.8vw,1.375rem)}h4{font-size:1.0625rem}h5{font-size:.9375rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--teal);text-decoration:none;transition:var(--transition)}a:hover{color:var(--teal-dim)}code,pre{font-family:var(--font-mono);font-size:.875rem}.container{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(var(--space-4),3vw,var(--space-10))}@media (max-width: 1024px){.container{padding:0 var(--space-6)}}@media (max-width: 768px){.container{padding:0 var(--space-4)}}@media (max-width: 480px){.container{padding:0 var(--space-3)}}.section{padding:var(--space-16) 0}@media (max-width: 768px){.section{padding:var(--space-10) 0}}.text-teal{color:var(--teal)}.text-amber{color:var(--amber)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);color:#030d0b;font-weight:600;font-family:var(--font-body);letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--teal-dim);box-shadow:0 0 0 1px var(--teal-dim),0 4px 16px #00c8a840;color:#030d0b}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-secondary{background:transparent;color:var(--teal);border:1px solid var(--border-teal)}.btn-secondary:hover:not(:disabled){background:var(--teal-muted);transform:translateY(-1px);color:var(--teal)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--slate);color:var(--text-primary)}.btn-amber{background:var(--amber);color:var(--navy-deep);font-weight:600}.btn-amber:hover:not(:disabled){background:var(--amber-dim);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b4d;color:var(--navy-deep)}.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:var(--red-muted)}.btn-sm{padding:6px var(--space-3);font-size:.8125rem}.btn-lg{padding:14px var(--space-8);font-size:1rem}.btn-icon{padding:8px;border-radius:var(--radius-md)}.btn-full{width:100%;justify-content:center}.btn-outline{background:transparent;color:var(--teal);border:1px solid var(--teal)}.btn-outline:hover:not(:disabled){background:var(--teal-muted);transform:translateY(-1px)}.btn-danger-ghost{background:transparent;color:var(--red);border:1px solid rgba(232,80,74,.28)}.btn-danger-ghost:hover:not(:disabled){background:var(--red-muted);border-color:#e8504a80}.card{background:var(--slate);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);position:relative}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--border-teal);box-shadow:0 0 0 1px var(--teal-glow),var(--shadow-card);transform:translateY(-1px)}.card-elevated{background:var(--slate-light);border-color:#ffffff0f}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.form-control{width:100%;padding:10px var(--space-4);background:var(--slate);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9375rem;transition:var(--transition);outline:none;appearance:none}.form-control::placeholder{color:var(--text-subtle)}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-muted)}.form-control:disabled{opacity:.5;cursor:not-allowed}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238892a4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.form-error{font-size:.8125rem;color:var(--red);margin-top:var(--space-1)}.form-hint{font-size:.8125rem;color:var(--text-subtle);margin-top:var(--space-1)}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse}table th{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);background:var(--slate);white-space:nowrap}table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-secondary);vertical-align:middle}table tr:last-child td{border-bottom:none}table tbody tr{transition:background var(--transition)}table tbody tr:hover{background:var(--hover-overlay)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:500;letter-spacing:.02em}.badge.badge-teal{background:var(--teal-muted);color:var(--teal);border:1px solid var(--border-teal)}.badge.badge-amber{background:var(--amber-muted);color:var(--amber);border:1px solid rgba(245,158,11,.25)}.badge.badge-red{background:var(--red-muted);color:var(--red);border:1px solid rgba(239,68,68,.25)}.badge.badge-slate{background:var(--slate-light);color:var(--text-muted);border:1px solid var(--border)}.badge.badge-green{background:#22c55e1f;color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge.badge-blue{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.badge.badge-purple{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}:root[data-theme=light] .badge.badge-green{background:#16a34a24;border-color:#16a34a4d}.progress-bar-track{width:100%;height:6px;background:var(--slate-mid);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-dim));border-radius:999px;transition:width .4s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35));animation:shimmer 1.5s infinite}:root[data-theme=light] .progress-bar-fill:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.55))}@keyframes shimmer{0%{transform:translate(-40px);opacity:0}50%{opacity:1}to{transform:translate(40px);opacity:0}}.skeleton{background:linear-gradient(90deg,var(--slate) 25%,var(--slate-light) 50%,var(--slate) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--slate-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}:root[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}.page-header{padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.page-header .page-header-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:var(--space-2)}.page-header h1{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:var(--space-2)}.page-header p{color:var(--text-muted);font-size:.9375rem}.page-header.page-header-split{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--slate-mid);border:1px solid var(--border);color:var(--text-primary);font-size:.75rem;padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}[data-tooltip]:hover:after{opacity:1}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-teal{0%,to{box-shadow:0 0 #00d4b866}50%{box-shadow:0 0 0 8px #00d4b800}}.animate-fade-in-up{animation:fade-in-up .5s ease forwards}.animate-fade-in{animation:fade-in .3s ease forwards}::view-transition-old(root){animation:fade-out .2s ease}::view-transition-new(root){animation:fade-in .2s ease}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:var(--space-4);z-index:9999;padding:8px 16px;background:var(--teal);color:var(--navy-deep);font-weight:600;font-size:.875rem;border-radius:var(--radius-md);text-decoration:none;transition:top .2s}.skip-link:focus{top:var(--space-4);outline:2px solid var(--navy-deep);outline-offset:2px}canvas{max-width:100%}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 768px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.main-content{padding-left:0;padding-right:0}}.conn-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.conn-dot.connected{background:var(--teal);animation:pulse-teal 2s infinite}.conn-dot.connecting,.conn-dot.reconnecting{background:var(--amber)}.conn-dot.disconnected{background:var(--red)}.steps{display:flex;align-items:center;gap:0}.steps .step{display:flex;align-items:center;gap:var(--space-3)}.steps .step .step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.875rem;font-weight:600;background:var(--slate-light);color:var(--text-muted);border:1px solid var(--border);flex-shrink:0;transition:var(--transition)}.steps .step .step-label{font-size:.875rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.steps .step.active .step-number{background:var(--teal-muted);color:var(--teal);border-color:var(--teal)}.steps .step.active .step-label{color:var(--text-primary)}.steps .step.completed .step-number{background:var(--teal);color:var(--navy-deep);border-color:var(--teal)}.steps .step.completed .step-label{color:var(--text-secondary)}.steps .step-connector{flex:1;height:1px;background:var(--border);min-width:20px;max-width:60px}.steps .step-connector.completed{background:var(--teal)}.add-domain-row{display:flex;align-items:center;gap:var(--space-3)}.domain-input{flex:1;max-width:320px;padding:8px var(--space-4);background:var(--slate);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;outline:none;transition:var(--transition)}.domain-input::placeholder{color:var(--text-subtle)}.domain-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-10);text-align:center;color:var(--text-muted);font-size:.9375rem;border:1px dashed var(--border);border-radius:var(--radius-lg);margin-top:var(--space-4);line-height:1.6}.empty-state svg{opacity:.35;flex-shrink:0}.empty-state p{margin:0}.empty-state p+p{font-size:.8125rem;color:var(--text-subtle)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border)}.card-header h3,.card-header .card-title{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.section-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.input-group{display:flex;align-items:center;gap:0}.input-group .input-group-prefix,.input-group .input-group-suffix{display:flex;align-items:center;padding:0 var(--space-3);height:100%;background:var(--slate-light);border:1px solid var(--border);color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono);white-space:nowrap}.input-group .input-group-prefix{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .input-group-suffix{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .form-control{flex:1;border-radius:0}.input-group .form-control:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .form-control:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.75rem;font-weight:500}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill.status-active{background:#1fba581f;color:var(--green)}.status-pill.status-pending{background:var(--amber-muted);color:var(--amber)}.status-pill.status-inactive{background:var(--slate-light);color:var(--text-muted)}.status-pill.status-error{background:var(--red-muted);color:var(--red)}kbd{display:inline-flex;align-items:center;padding:2px var(--space-2);background:var(--slate-light);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);line-height:1.4}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.text-xs{font-size:.75rem}.text-sm{font-size:.8125rem}.surface-0{background:var(--navy)}.surface-1{background:var(--slate)}.surface-2{background:var(--slate-light)}.surface-3{background:var(--slate-mid)}.inline-code{font-family:var(--font-mono);font-size:.8125rem;background:var(--slate-light);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px var(--space-2);color:var(--teal)}.btn-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--green)}.btn-success:hover{background:#22c55e40}.btn-danger{background:var(--red-muted);border:1px solid rgba(239,68,68,.3);color:var(--red)}.btn-danger:hover{background:#ef444438}.page-wrap{max-width:1800px;margin:0 auto;padding:var(--space-8) clamp(var(--space-4),3vw,var(--space-10))}@media (max-width: 1024px){.page-wrap{padding:var(--space-6) var(--space-6)}}@media (max-width: 768px){.page-wrap{padding:var(--space-5) var(--space-4)}}@media (max-width: 480px){.page-wrap{padding:var(--space-4) var(--space-3)}}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 768px){.cols-2{grid-template-columns:1fr}}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 900px){.cols-3{grid-template-columns:1fr 1fr}}@media (max-width: 580px){.cols-3{grid-template-columns:1fr}}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.alert.alert-info{background:var(--teal-muted);border:1px solid var(--border-teal);color:var(--teal)}.alert.alert-warning{background:var(--amber-muted);border:1px solid rgba(232,168,56,.25);color:var(--amber)}.alert.alert-error{background:var(--red-muted);border:1px solid rgba(232,80,74,.25);color:var(--red)}.alert.alert-success{background:#1fba581a;border:1px solid rgba(31,186,88,.25);color:var(--green)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);background:var(--slate-light);border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--text-secondary);transition:var(--transition)}.chip.chip-teal{background:var(--teal-muted);border-color:var(--border-teal);color:var(--teal)}.chip.chip-amber{background:var(--amber-muted);border-color:#e8a83840;color:var(--amber)}.chip.chip-red{background:var(--red-muted);border-color:#e8504a40;color:var(--red)}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.modal{background:var(--slate);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 64px #0009;width:100%;max-height:calc(100vh - var(--space-12));overflow:hidden;display:flex;flex-direction:column;animation:modal-in .2s cubic-bezier(.4,0,.2,1) both}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.modal-header .modal-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.modal-header .modal-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-1)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);flex-shrink:0}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-xl{max-width:1000px}.modal-full{max-width:calc(100vw - var(--space-8))}