.operational-dashboard{color:var(--navy,#17324a);max-width:1440px;margin:auto}.od-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.od-heading h1{margin:8px 0;font-size:30px}.od-heading p,.od-panel p,.od-caption{color:#617386;line-height:1.6}.od-actions,.od-tabs{flex-wrap:wrap;gap:8px;display:flex}.operational-dashboard button{color:#17324a;cursor:pointer;font:inherit;background:#fff;border:1px solid #d8e1e9;border-radius:8px;padding:9px 12px}.operational-dashboard button:hover,.od-tabs button[aria-pressed=true]{background:#e6f4f1;border-color:#208b7f}.operational-dashboard button:disabled{opacity:.5;cursor:wait}.od-panel{background:#fff;border:1px solid #e0e7ee;border-radius:14px;margin-bottom:20px;padding:22px}.od-panel h2{margin:0 0 16px;font-size:19px}.od-panel h3{font-size:15px}.od-filters{flex-wrap:wrap;align-items:end;gap:18px;display:flex}.od-filters label,.od-status{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.od-filters p{flex:1;min-width:180px;margin:0;font-size:13px}.operational-dashboard input,.operational-dashboard select{font:inherit;color:#17324a;background:#fff;border:1px solid #cbd6df;border-radius:8px;padding:10px}.od-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.od-metric{border-top:3px solid #208b7f;flex-direction:column;gap:10px;margin:0;display:flex}.od-metric strong{font-size:32px}.od-metric span{color:#617386;font-size:13px}.od-caption{margin:16px 0;font-size:12px}.od-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.operational-dashboard .od-bar-row{text-align:left;border:0;grid-template-columns:150px 1fr 35px;align-items:center;gap:12px;width:100%;padding:11px 0;font-size:12px;display:grid}.od-bar{background:#edf1f5;border-radius:4px;height:8px;overflow:hidden}.od-bar i{background:#208b7f;height:100%;display:block}.od-receipt{align-items:center;gap:15px;margin:20px 0;display:flex}.od-receipt strong{font-size:28px}.od-receipt span{font-size:13px}.od-table{overflow:auto}.od-table table{border-collapse:collapse;width:100%;font-size:13px}.od-table th{text-align:left;color:#617386;background:#f3f6f9;font-weight:600}.od-table td,.od-table th{vertical-align:top;border-bottom:1px solid #e6edf2;padding:13px 12px}.od-tabs{margin-bottom:20px}.od-status{max-width:260px;margin-bottom:15px}.od-error{color:#a52c20;background:#fff0ee;border-radius:10px;padding:16px}.od-trend{align-items:end;gap:3px;height:100px;display:flex;overflow:auto}.od-trend>div{flex-direction:column;flex:1;align-items:center;min-width:14px;font-size:9px;display:flex}.od-trend i{background:#208b7f;border-radius:3px 3px 0 0;width:100%;max-width:28px;display:block}.od-trend span{padding-top:6px}.od-page{background:#f3f6fa;min-height:100vh;padding:30px}.od-nav{flex-wrap:wrap;gap:18px;max-width:1440px;margin:0 auto 30px;font-size:14px;display:flex}.od-nav a{color:#17324a;text-decoration:none}.od-nav a:last-child{color:#158474;font-weight:700}@media (max-width:900px){.od-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.od-columns{grid-template-columns:1fr}.od-heading{flex-direction:column;align-items:start}}@media (max-width:600px){.od-page{padding:18px 12px}.od-panel{padding:16px}.od-heading h1{font-size:25px}.od-metric strong{font-size:27px}.od-filters label{flex:1}.od-filters input{width:100%;min-width:0}.operational-dashboard .od-bar-row{grid-template-columns:125px 1fr 25px;gap:7px}.od-nav{gap:12px}}@media print{.od-nav,.od-actions,.od-filters,.od-tabs,.od-status{display:none!important}.od-page{background:#fff;padding:0}.od-panel{break-inside:avoid;border-color:#aaa}.od-metrics{grid-template-columns:repeat(4,1fr)}.od-columns{grid-template-columns:1fr 1fr}.od-table{overflow:visible}.od-heading h1,.od-metric strong{font-size:22px}.od-panel{padding:12px}.od-caption{color:#333}.no-report-export{display:none!important}}