.oc{--oc-accent:var(--accent-text,#087f78);color:var(--text);font-size:14px}.oc-message{margin:0 0 16px;color:var(--muted);min-height:22px}.oc-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.oc-tabs [aria-pressed=true]{background:var(--accent-soft);border-color:var(--brand);color:var(--oc-accent)}.oc-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:16px;margin-bottom:20px}.oc-card,.oc-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.oc-card:first-child{background:linear-gradient(135deg,var(--accent-soft),var(--surface));border-top:3px solid var(--brand)}.oc h2{font-size:15px;margin:0 0 12px;font-weight:650}.oc-value{display:block;font-size:clamp(22px,2vw,34px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.6px;margin:10px 0}.oc-card p,.oc-muted{color:var(--muted);font-size:12px;line-height:1.6}.oc-charts{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.oc-bars{display:flex;gap:12px;height:180px;margin-top:24px}.oc-bar-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.oc-bar-column strong{font-size:11px;white-space:nowrap;color:var(--text)}.oc-bar-track{display:flex;align-items:flex-end;flex:1;width:65%}.oc-bar{width:100%;background:var(--brand);border-radius:5px 5px 0 0;min-height:2px;opacity:.8}.oc-category{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px;font-size:13px}.oc-category progress{grid-column:1/-1;width:100%;height:7px;border:0;border-radius:8px;accent-color:var(--brand)}.oc-category progress::-webkit-progress-bar{background:var(--surface-soft);border-radius:8px}.oc-category progress::-webkit-progress-value{background:var(--brand);border-radius:8px}.oc-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.oc-section-title h2{margin:0}.oc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.oc input:not([type=checkbox]),.oc select{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);padding:11px 12px;border-radius:9px;min-height:44px;max-width:100%;font:inherit}.oc-filters input[type=search]{flex:1;min-width:220px}.oc-check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.oc-table-wrap{overflow:auto}.oc-table{width:100%;border-collapse:collapse;min-width:830px;font-size:13px}.oc-table th{text-align:left;padding:14px 12px;font-size:11px;letter-spacing:.03em;color:var(--muted);background:var(--surface-soft);white-space:nowrap}.oc-table td{padding:18px 12px;border-bottom:1px solid var(--border)}.oc-table small{display:block;color:var(--muted);margin-top:6px}.oc-table .oc-number{font-variant-numeric:tabular-nums;white-space:nowrap}.oc-table .button{min-height:36px;padding:6px 12px}.oc-empty{text-align:center;padding:40px!important;color:var(--muted)}.oc-method{font-size:12px;line-height:1.6;color:var(--muted);margin-top:20px;max-width:850px}.oc-history{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border);padding:18px 0}.oc-history small{color:var(--muted)}.oc-dialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:28px;box-shadow:0 24px 80px #0006}.oc-dialog::backdrop{background:#041414aa;backdrop-filter:blur(3px)}.oc-dialog h2{font-size:24px}.oc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.oc-field{display:flex;flex-direction:column;gap:8px;font-size:13px}.oc-preview{background:var(--accent-soft);color:var(--oc-accent);padding:14px;border-radius:9px}.oc-error{color:var(--danger,#c43141);line-height:1.6}.oc-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.oc :focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media(max-width:1200px){.oc-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.oc-charts{grid-template-columns:1fr}.oc-card,.oc-panel{padding:16px}.oc-metrics{gap:10px}.oc-value{font-size:23px}.oc-form-grid{grid-template-columns:1fr}.oc-dialog{padding:20px}.oc-bars{gap:5px}.oc-bar-column strong{font-size:9px}.oc-bar-column span{font-size:9px}.oc-filters>*{width:100%}.oc h2{line-height:1.4}}
.oc-panel,.oc-card{min-width:0}.oc-value{overflow-wrap:anywhere}.oc-charts{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.oc-metrics{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) minmax(0,1.2fr)}
@media(max-width:1200px){.oc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.oc-charts{grid-template-columns:minmax(0,1fr)}.oc-bars{overflow-x:auto}.oc-bar-column{min-width:43px}}
@media(max-width:480px){.oc-value{font-size:clamp(16px,4.5vw,21px)}}