@font-face{font-family:Scientificas;src:url(/fonts/default100.ttf)format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Scientificas;src:url(/fonts/default200.ttf)format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Scientificas;src:url(/fonts/default300.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Scientificas;src:url(/fonts/default400.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Scientificas;src:url(/fonts/default500.ttf)format("truetype");font-weight:500;font-style:normal}:root{--ink:#0c293b;--muted:#5a6c7d;--panel:#fff;--panel-soft:#f5f7fa;--line:#e8ecf1;--line-soft:#f2f5f6;--brand:#076a8f;--brand-dark:#053446;--brand-light:#3abde9;--brand-lighter:#c2ecf6;--brand-bg:#e2f3f9;--green:#1a85a9;--green-soft:#e2f4f9;--amber:#b56b00;--amber-soft:#fff5e3;--red:#e76c6c;--red-soft:#fff0ed;--shadow:0 2px 8px #076a8f14;--shadow-lg:0 8px 24px #076a8f1f;--radius:12px;--radius-lg:16px;--radius-xl:20px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--panel-soft);font-family:Scientificas,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}button,.primary-action,.secondary-action{border-radius:var(--radius);cursor:pointer;border:0;font-weight:500;text-decoration:none;transition:all .2s}.primary-action{color:#fff;background:var(--brand);justify-content:center;padding:.7rem 1.3rem;display:inline-flex;box-shadow:0 2px 6px #076a8f40}.primary-action:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px #076a8f59}.secondary-action,.action-row button{color:var(--brand);background:var(--brand-bg);border:1px solid #0000;justify-content:center;padding:.5rem .9rem;display:inline-flex}.secondary-action:hover,.action-row button:not(.danger-action):hover{background:var(--brand-lighter);border-color:var(--brand-light)}.danger-action{color:var(--red)!important;background:var(--red-soft)!important}.danger-action:hover{background:#fde0dc!important}.login-screen,.screen-message{background:radial-gradient(circle at top left, #076a8f26, transparent 34rem), radial-gradient(circle at bottom right, #3abde91a, transparent 28rem), linear-gradient(135deg, var(--panel-soft) 0%, var(--brand-bg) 100%);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);width:min(100%,44rem);box-shadow:var(--shadow-lg);padding:clamp(2rem,7vw,4rem)}.eyebrow{color:var(--brand);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:500}.login-panel h1,.page-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:400}.login-panel p,.page-header p,.panel-card p,.status-card p,.metric-card p{color:var(--muted);font-weight:300;line-height:1.6}.app-shell{background:var(--panel-soft);grid-template-columns:16rem minmax(0,1fr);min-height:100vh;display:grid;overflow:hidden}.sidebar{color:#fff;background:var(--brand-dark);flex-direction:column;flex-shrink:0;gap:1.5rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0;overflow:hidden auto}.content-panel{width:100%;max-width:100%;max-height:100vh;padding:clamp(1rem,3vw,2.5rem);overflow:hidden auto}.brand-block{align-items:center;gap:.75rem;display:flex}.brand-mark{border-radius:var(--radius);object-fit:contain;background:#fff;width:2.5rem;height:2.5rem;padding:2px}.brand-block strong{font-size:1.1rem;font-weight:400}.brand-block span:last-child,.user-card small{color:#fff9;font-weight:300;display:block}.nav-stack{gap:.25rem;display:grid}.nav-link{border-radius:var(--radius);color:#ffffffb3;padding:.7rem .9rem;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff1f}.user-card{text-align:center;border-radius:var(--radius);background:#ffffff14;flex-direction:column;align-items:center;gap:.3rem;margin-top:auto;padding:1rem;display:flex}.user-card span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.9rem;font-weight:400;overflow:hidden}.user-card small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.75rem;overflow:hidden}.user-card button{color:#fff;border-radius:var(--radius);background:#ffffff1f;width:100%;margin-top:.5rem;padding:.55rem;font-size:.8rem;font-weight:400;transition:background .2s}.user-card button:hover{background:#ffffff38}.page-stack{gap:1.25rem;display:grid}.page-stack.narrow{max-width:52rem}.page-header{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.5rem;display:flex}.search-box,.form-card label{color:var(--muted);gap:.4rem;font-size:.85rem;font-weight:400;display:grid}.search-box input,.form-card input,.form-card select,.form-card textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;padding:.65rem .9rem;font-weight:400;transition:border .2s}.search-box input:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--brand-light);outline:none;box-shadow:0 0 0 3px #3abde926}.client-grid,.status-grid,.metric-grid,.link-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;width:100%;display:grid}.client-card,.panel-card,.form-card,.status-card,.metric-card,.empty-state,.loading-panel,.dashboard-link{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-width:0;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s;overflow:hidden}.client-card:hover,.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.client-card,.panel-card,.form-card,.status-card,.metric-card,.empty-state,.loading-panel{padding:1.25rem}.client-card h2,.metric-card h2{letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-all;-webkit-hyphens:auto;hyphens:auto;margin:1rem 0 .25rem;font-size:1.35rem;font-weight:400}.client-card h2 a{text-decoration:none}.card-topline,.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.75rem 0 0;display:grid}.mini-metrics dt,.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.mini-metrics dd{margin:.2rem 0 0;font-weight:400}.status-badge{width:fit-content;color:var(--muted);background:var(--line-soft);text-transform:capitalize;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.72rem;font-weight:500;display:inline-flex}.status-active,.status-ok{color:var(--green);background:var(--green-soft)}.status-provisioning,.status-pending_enrollment,.status-degraded,.status-started{color:var(--amber);background:var(--amber-soft)}.status-failed,.status-revoked,.status-disabled,.status-down{color:var(--red);background:var(--red-soft)}.form-card{gap:1rem;display:grid}.form-card.compact{max-width:44rem}.form-card small,.form-error{color:var(--red)}.form-divider{background:var(--line);height:1px}.success-banner{border-radius:var(--radius);color:var(--green);background:var(--green-soft);margin:0;padding:.7rem 1rem;font-weight:500}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);margin-top:.75rem;overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--panel-soft);z-index:1;position:sticky;top:0}th,td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:.65rem .8rem;font-size:.85rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.72rem;font-weight:500}tbody tr:hover{background:var(--brand-bg)}tbody tr:nth-child(2n){background:#00000004}tbody tr:nth-child(2n):hover{background:var(--brand-bg)}td code{background:var(--line-soft);border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.8rem}td span{color:var(--muted);display:block}.table-pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:.4rem;padding:.75rem 0;display:flex}.pagination-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;padding:.35rem .6rem;font-size:.8rem;font-weight:500;transition:all .15s}.pagination-btn:hover:not(:disabled){border-color:var(--brand-light);background:var(--brand-bg)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{color:var(--muted);padding:0 .4rem;font-size:.8rem;font-weight:400}.table-search{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.table-search input{border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:20rem;padding:.5rem .75rem;font-size:.85rem;transition:border .2s}.table-search input:focus{border-color:var(--brand-light);outline:none;box-shadow:0 0 0 3px #3abde91f}.table-search .search-count{color:var(--muted);font-size:.8rem}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-link{color:var(--brand);padding:1rem;font-weight:500;text-decoration:none}.dashboard-link.muted{color:var(--muted)}.event-list{gap:.75rem;padding-left:1.25rem;display:grid}.event-list li{flex-wrap:wrap;gap:.75rem;display:flex}.metric-card strong{letter-spacing:-.04em;margin-top:.4rem;font-size:2rem;font-weight:300;display:block}.loader-dot{background:var(--brand);width:.7rem;height:.7rem;box-shadow:1rem 0 var(--brand-light), 2rem 0 var(--brand-lighter);border-radius:999px}.spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem;display:flex}.spinner{animation:1s linear infinite spinner-rotate}.spinner-track{stroke:var(--line)}.spinner-head{stroke:var(--brand);stroke-dasharray:50 200;stroke-dashoffset:0;animation:1.4s ease-in-out infinite spinner-dash}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 200;stroke-dashoffset:-35px}to{stroke-dasharray:90 200;stroke-dashoffset:-124px}}.spinner-label{color:var(--muted);font-size:.85rem;font-weight:400}.pagination{justify-content:center;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.pagination button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;padding:.5rem .9rem;font-size:.85rem;font-weight:400;transition:all .2s}.pagination button:hover:not(:disabled){border-color:var(--brand-light);background:var(--brand-bg)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{color:var(--muted);font-size:.85rem;font-weight:400}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.page-header,.section-heading{flex-direction:column;align-items:flex-start}}@media (width<=640px){.client-grid,.status-grid,.metric-grid,.link-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header .primary-action{width:100%}.kv-row{grid-template-columns:1fr;gap:.4rem}.kv-row button{width:fit-content}.content-panel{padding:1rem}.pagination{flex-wrap:wrap}.pagination button{padding:.4rem .7rem;font-size:.8rem}}.cardinality-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--line-soft);color:var(--muted);border-radius:999px;padding:.2rem .5rem;font-size:.65rem;font-weight:500}.cardinality-badge.low{background:var(--green-soft);color:var(--green)}.cardinality-badge.medium{background:var(--amber-soft);color:var(--amber)}.cardinality-badge.high{background:var(--red-soft);color:var(--red)}.kv-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:.5rem;display:grid}.kv-row input,.kv-row select{border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .75rem;font-size:.85rem;font-weight:400}.labels-section{gap:.5rem;display:grid}.labels-section strong{color:var(--ink);font-size:.9rem;font-weight:500}.test-result{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);padding:1rem;font-size:.85rem}.test-table-wrapper{margin-top:.6rem;overflow-x:auto}.test-table{border-collapse:collapse;width:100%;font-size:.8rem}.test-table th,.test-table td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:.35rem .6rem}.test-table th{background:var(--brand-bg);color:var(--brand-dark);font-weight:500}textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;padding:.65rem .9rem;font-family:Scientificas,Segoe UI,monospace;font-size:.85rem;font-weight:400;line-height:1.5;transition:border .2s}textarea:focus{border-color:var(--brand-light);outline:none;box-shadow:0 0 0 3px #3abde926}select{cursor:pointer}.tenant-locked{border:1px solid var(--brand-light);border-radius:var(--radius);background:var(--brand-bg);color:var(--brand);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;font-weight:400;display:flex}.tenant-locked:before{content:"🔒";font-size:.9rem}.form-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--brand);margin-bottom:-.3rem;font-size:.75rem;font-weight:500}.field-hint{margin-top:.15rem;font-size:.76rem;font-style:italic;font-weight:300;line-height:1.5;display:block;color:#94a3b8!important}.field-error{margin-top:.25rem;font-size:.78rem;font-style:normal;font-weight:500;display:block;color:var(--red)!important}.form-info-box{border:1px solid var(--brand-light);border-radius:var(--radius);background:var(--brand-bg);color:var(--ink);padding:.9rem;font-size:.82rem;font-weight:300}.form-info-box strong{color:var(--brand-dark);margin-bottom:.4rem;font-weight:500;display:block}.form-info-box ul{margin:0;padding-left:1.2rem}.form-info-box li{margin:.2rem 0;line-height:1.5}.form-card label em{color:var(--red);font-style:normal;font-weight:500}.sidebar-bottom{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.lang-selector{justify-content:center;gap:.4rem;display:flex}.lang-btn{border-radius:var(--radius);color:#ffffff8c;cursor:pointer;letter-spacing:.03em;background:#ffffff0f;border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.lang-btn svg{flex-shrink:0;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.lang-btn:hover{color:#ffffffd9;background:#ffffff1f}.lang-btn:hover svg{transform:scale(1.1)}.lang-btn.active{background:var(--brand);color:#fff;border-color:var(--brand-light);box-shadow:0 2px 8px #076a8f66}.lang-btn.active svg{box-shadow:0 1px 4px #0006}.input-error{border-color:var(--red)!important}.input-error:focus{border-color:var(--red)!important;box-shadow:0 0 0 3px #e76c6c26!important}.cardinality-help-box{border:1px solid var(--brand-light);border-radius:var(--radius);background:var(--brand-bg);color:var(--ink);padding:1rem;font-size:.82rem;font-weight:300;line-height:1.6}.cardinality-help-box strong{color:var(--brand-dark);margin-bottom:.4rem;font-weight:500;display:block}.cardinality-help-box ul{margin:.4rem 0;padding-left:1.2rem}.cardinality-help-box li{align-items:flex-start;gap:.5rem;margin:.3rem 0;display:flex}.cardinality-tip{border-top:1px solid var(--brand-light);color:var(--brand);margin-top:.6rem;padding-top:.6rem;font-style:italic}.metric-form{max-width:100%;overflow-x:hidden}
