.wbl-app{display:grid;gap:20px}.wbl-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px}.wbl-subnav button{border:1px solid var(--line);background:#fff;color:var(--ink-2);padding:9px 12px;border-radius:2px;font-weight:700}.wbl-subnav button.active,.wbl-subnav button:hover{background:var(--blue-soft);border-color:var(--teal);color:var(--navy)}.wbl-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.wbl-toolbar .filters{display:flex;gap:8px;flex-wrap:wrap}.wbl-toolbar input,.wbl-toolbar select,.wbl-form input,.wbl-form select,.wbl-form textarea{border:1px solid #bfd1df;border-radius:2px;padding:10px;background:#fff;color:var(--ink);width:100%}.wbl-toolbar input,.wbl-toolbar select{width:auto;min-width:155px}.wbl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wbl-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:3px;padding:20px}.wbl-card h3{color:var(--navy);font-size:17px}.wbl-kpi{border-top:4px solid var(--teal)}.wbl-kpi:nth-child(2){border-top-color:var(--gold)}.wbl-kpi:nth-child(3){border-top-color:#5f72c8}.wbl-kpi:nth-child(4){border-top-color:var(--coral)}.wbl-kpi b{display:block;font:700 28px "Space Mono";color:var(--navy);margin:7px 0}.wbl-kpi span,.wbl-muted{color:var(--ink-2);font-size:12px}.wbl-table{width:100%;min-width:700px;border-collapse:collapse}.wbl-table th,.wbl-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.wbl-table th{font:700 10px "Space Mono";color:var(--ink-2);text-transform:uppercase;background:#edf4f9}.wbl-table-wrap{overflow:auto;border:1px solid var(--line)}.wbl-form{display:grid;gap:14px}.wbl-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wbl-form .full{grid-column:1/-1}.wbl-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--navy)}.wbl-form textarea{min-height:84px;resize:vertical}.wbl-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.wbl-dialog{width:min(760px,100%)}.wbl-type-note{padding:10px;background:var(--mint);border-left:3px solid var(--teal);color:var(--teal-dark);font-size:12px}.wbl-actions{display:flex;gap:6px;flex-wrap:wrap}.wbl-actions button{border:1px solid var(--line);background:#fff;color:var(--navy);padding:6px 9px;border-radius:2px;font-size:11px}.wbl-actions button:hover{border-color:var(--teal);color:var(--teal)}.wbl-empty{padding:38px;text-align:center;color:var(--ink-2);background:#fbfdff}.wbl-error{padding:11px 13px;background:#fbe8e4;border-left:3px solid var(--danger);color:var(--danger)}.wbl-list{display:grid;gap:10px}.wbl-list-item{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:14px;border:1px solid var(--line);background:#fff}.wbl-list-item strong{color:var(--navy)}.wbl-list-item small{display:block;color:var(--ink-2);margin-top:4px}.wbl-app .status{white-space:nowrap}@media(max-width:850px){.wbl-grid{grid-template-columns:repeat(2,1fr)}.wbl-form-grid{grid-template-columns:1fr}.wbl-form .full{grid-column:auto}.wbl-toolbar input,.wbl-toolbar select{width:100%}}@media(max-width:520px){.wbl-grid{grid-template-columns:1fr}.wbl-list-item{display:block}.wbl-list-item .wbl-actions{margin-top:10px}}