:root{--bg:#f5f7fb;--card:#fff;--border:#dfe5ec;--text:#142033;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}
.ops-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.ops-side{position:sticky;top:0;height:100vh;background:#122033;color:#fff;padding:14px 12px;overflow:auto}.ops-brand{font-weight:850;font-size:1.15rem;padding:8px 10px 14px}.ops-side small{display:block;padding:10px 10px 5px;color:#aeb8c8;font-weight:800;letter-spacing:.08em}.ops-side a{display:block;color:#eaf0f7;text-decoration:none;padding:8px 10px;border-radius:9px;font-weight:600;font-size:.9rem}.ops-main{min-width:0}.ops-top{position:sticky;top:0;z-index:20;background:rgba(245,247,251,.96);border-bottom:1px solid var(--border);padding:9px 16px}.ops-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1600px;margin:auto}.ops-title h1{margin:0!important;font-size:1.5rem!important}.ops-title p{margin:2px 0 0!important;color:var(--muted);font-size:.84rem!important}.ops-actions{display:flex;gap:8px;align-items:center}.ops-actions button,.ops-actions a{padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:#fff;text-decoration:none;color:inherit;font-weight:700}.ops-content{max-width:1600px;margin:auto;padding:10px 16px 22px}.ops-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.ops-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px;min-width:0}.ops-card h2{font-size:1rem!important;margin:0 0 7px!important}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.kpi{border:1px solid var(--border);border-radius:10px;padding:9px;background:#fff}.kpi .label{font-size:.73rem!important;color:var(--muted);font-weight:700}.kpi .value{font-size:1.28rem!important;font-weight:850;line-height:1.05;margin-top:3px}.kpi .sub{font-size:.7rem!important;color:var(--muted);margin-top:2px}.funnel{display:flex;gap:6px;overflow:auto}.funnel-step{min-width:115px;border:1px solid var(--border);border-radius:9px;padding:8px;background:#fbfcfe}.funnel-step b{display:block}.funnel-step span{font-size:.73rem;color:var(--muted)}.bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 2.5fr 44px;gap:7px;align-items:center;margin:5px 0}.bar-label,.bar-value{font-size:.76rem}.bar-track{height:8px;background:#eef1f5;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:#4667a9}.compact-table{width:100%;border-collapse:collapse}.compact-table th,.compact-table td{padding:6px;border-bottom:1px solid #edf0f3;text-align:left;font-size:.76rem!important}.compact-table th{color:var(--muted)}.empty{padding:10px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);font-size:.8rem}.muted{color:var(--muted)}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(4,1fr)}.span-8,.span-4{grid-column:span 6}}@media(max-width:900px){.ops-shell{display:block}.ops-side{display:none!important}.ops-top{padding-right:64px}.ops-content{padding:8px 10px 18px}.span-8,.span-6,.span-4{grid-column:span 12}.kpis{grid-template-columns:repeat(2,1fr)}}