:root{--bg:#f6f7f9;--surface:#fff;--border:#d9d9d9;--muted:#9ca3b0;--text:#002b3d;--primary:#002b3d;--primary-600:#003d57;--success:#a4d56d;--danger:#d56d6d;--container-padding:16px;--container-max-width:1100px;--bar-container-max-width:1300px;--component-radius:6px;--component-background-color:hsla(0,0%,65%,.3);--topbar-height:65px;--bottombar-height:80px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding);width:100%}.stack{flex-direction:column}.row,.stack{display:flex;gap:var(--container-padding)}.row,.row-list{align-items:center}.row-list{display:flex;flex-wrap:wrap;gap:8px}.whitespace-pre-line{white-space:pre-line}.align-start{align-items:flex-start}.space-between{justify-content:space-between}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--component-radius);padding:var(--container-padding)}.card-title{align-items:center;display:flex;font-size:17px;font-weight:600;gap:8px;margin:0}.card-stack{gap:unset}.card-stack .card:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.card-stack .card+.card:not(:last-child){border-radius:0;border-top:0}.card-stack .card+.card:last-child{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--component-radius);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.btn:hover:not(:disabled){background:var(--border)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-secondary{background:#fff;color:var(--text)}.wire-box{background:#e5e7eb;border:1px dashed #cbd5e1;border-radius:var(--component-radius)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2,.grid-4{display:grid;gap:var(--container-padding)}.grid-2{grid-template-columns:repeat(2,1fr)}.kv-grid{grid-template-columns:1fr}.kv-grid,.kv-item{display:grid;gap:var(--container-padding)}.kv-item{align-items:flex-end;grid-template-columns:120px 1fr}.kv-label{color:var(--muted);font-weight:600;text-transform:uppercase}.section-label{font-weight:600;margin-bottom:6px}.section-label,.text-muted{color:var(--muted)}.text-lg{font-size:18px;font-weight:600}.text-xl{font-size:22px;font-weight:700}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (min-width:720px){.card{--container-padding:32px}.kv-grid{-moz-column-gap:var(--container-padding);column-gap:var(--container-padding);grid-template-columns:1fr 1fr}}