:root{--yb-accent:#343e52;--yb-shadow:0 8px 24px rgba(0,0,0,.08);--yb-radius:16px}
.yb-op-wrap{max-width:1180px;margin:0 auto;padding:20px}
.yb-op-top h1{margin:0 0 4px}
.yb-op-top p{color:#6b7280;margin:0 0 12px}
.yb-op-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:12px 0 20px}
.yb-op-kpi{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:var(--yb-shadow);padding:16px}
.kpi-label{color:#6b7280;font-size:.9rem}
.kpi-value{font-size:1.6rem;font-weight:800}
.yb-op-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(800px,1fr));gap:14px}
.yb-op-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:var(--yb-shadow);padding:16px}
.yb-op-form input,.yb-op-form select,.yb-op-form textarea{width:100%;padding:12px 14px;border:1px solid #e6e2de;border-radius:12px;outline:none;transition:border .2s, box-shadow .2s}
.yb-op-form input:focus,.yb-op-form select:focus,.yb-op-form textarea:focus{border-color:var(--yb-accent);box-shadow:0 0 0 3px rgba(52,62,82,.12)}
.yb-op-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #e6e2de;border-radius:12px;background:#fff;cursor:pointer;transition:.2s;text-decoration:none}
.yb-op-btn--primary{background:var(--yb-accent);border-color:var(--yb-accent);color:#fff}
.yb-op-btn:hover{transform:translateY(-1px);box-shadow:var(--yb-shadow)}
.yb-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #eee;border-radius:12px;overflow:hidden}
.yb-table th,.yb-table td{padding:10px 12px;border-bottom:1px solid #eee;background:#fff}
.yb-table thead th{background:#f8fafc;text-align:left}
.yb-table tr:last-child td{border-bottom:none}
.yb-op-panels--charts .yb-op-card{min-height:280px}