.op-page{height:calc(100vh - 112px);min-height:560px;display:flex;flex-direction:column;gap:12px;color:#253548;overflow:auto;padding:2px}.op-page *{box-sizing:border-box}.op-head{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;background:#fff;border:1px solid #dde5ec;border-radius:7px}.op-head h2{font-size:17px;margin:0}.op-sub{font-size:12px;color:#7b8997}.op-head .op-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-btn,.op-input,.op-select{height:34px;border:1px solid #cfd9e2;border-radius:5px;background:#fff;padding:0 11px;font-size:13px}.op-btn{cursor:pointer}.op-btn:hover{border-color:#1689e5;color:#1689e5}.op-btn.primary{background:#1689e5;border-color:#1689e5;color:#fff}.op-btn.ghost{background:#f6f9fb}.op-input{min-width:170px}.op-select{min-width:118px}.op-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.op-kpi{background:#fff;border:1px solid #dde5ec;border-radius:7px;padding:15px 17px;min-height:92px;position:relative;overflow:hidden}.op-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,#1689e5)}.op-kpi .value{font-size:25px;font-weight:700;color:#19324b;margin:4px 0}.op-kpi .label{font-size:12px;color:#718092}.op-kpi .note{font-size:11px;color:#99a5b1;margin-top:4px}.op-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:12px;min-height:0}.op-card{background:#fff;border:1px solid #dde5ec;border-radius:7px;overflow:hidden;min-width:0}.op-card-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #e5ebf0}.op-card-head h3{margin:0;font-size:14px}.op-card-head span{margin-left:auto;color:#8492a0;font-size:12px}.op-card-body{padding:14px}.op-table-wrap{background:#fff;border:1px solid #dde5ec;border-radius:7px;overflow:auto;flex:1;min-height:270px}.op-table{width:100%;min-width:940px;border-collapse:collapse;font-size:12px}.op-table th,.op-table td{padding:10px 12px;border-bottom:1px solid #e7ecf0;text-align:left;white-space:nowrap}.op-table th{position:sticky;top:0;background:#f7f9fb;color:#526578;z-index:1}.op-table tbody tr:hover td{background:#f4f9fd}.op-link{color:#1689e5;font-weight:600;cursor:pointer}.op-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:12px;background:#edf7ff;color:#1678b9;font-size:11px}.op-chip.green{background:#eaf8ef;color:#258954}.op-chip.orange{background:#fff4df;color:#b56b08}.op-chip.red{background:#fff0f0;color:#cc4141}.op-chip.gray{background:#eff2f5;color:#758291}.op-progress{width:110px;height:7px;border-radius:5px;background:#e8edf1;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:7px}.op-progress i{display:block;height:100%;background:#1689e5}.op-empty{text-align:center;padding:55px 15px;color:#8b98a5}.op-bars{height:250px;display:flex;align-items:flex-end;gap:5px;padding:20px 4px 28px;border-bottom:1px solid #e8edf1;background:linear-gradient(to top,#f6f9fb 1px,transparent 1px);background-size:100% 25%}.op-bar{flex:1;min-width:7px;max-width:30px;background:linear-gradient(180deg,#3da7f2,#1689e5);border-radius:3px 3px 0 0;position:relative}.op-bar:hover{background:#0f73bc}.op-bar span{display:none;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:#17324b;color:#fff;padding:5px 7px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:3}.op-bar:hover span{display:block}.op-ranking{display:flex;flex-direction:column;gap:11px}.op-rank{display:grid;grid-template-columns:27px minmax(90px,1fr) minmax(90px,1.4fr) 80px;gap:8px;align-items:center;font-size:12px}.op-rank b{height:23px;width:23px;border-radius:5px;background:#e9f4fc;color:#167dc2;display:flex;align-items:center;justify-content:center}.op-rank-track{height:8px;background:#edf1f4;border-radius:4px;overflow:hidden}.op-rank-track i{display:block;height:100%;background:#37a0ea}.op-status-list{display:flex;flex-direction:column;gap:10px}.op-status-row{display:grid;grid-template-columns:minmax(80px,1fr) 2fr 55px;align-items:center;gap:8px;font-size:12px}.op-status-row .track{height:8px;background:#edf1f4;border-radius:4px;overflow:hidden}.op-status-row .track i{display:block;height:100%;background:#62b988}.op-modal{position:fixed;inset:0;background:rgba(9,25,42,.38);display:flex;align-items:center;justify-content:center;z-index:12000}.op-modal-card{width:min(860px,94vw);max-height:90vh;background:#fff;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}.op-modal-head,.op-modal-foot{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8ed}.op-modal-head h3{margin:0;font-size:16px}.op-modal-head button{margin-left:auto;border:0;background:transparent;font-size:23px;cursor:pointer}.op-modal-body{padding:18px;overflow:auto}.op-modal-foot{border-top:1px solid #e2e8ed;border-bottom:0;justify-content:flex-end;gap:9px}.op-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.op-field{display:flex;flex-direction:column;gap:6px}.op-field.span2{grid-column:span 2}.op-field label{font-size:12px;color:#607185}.op-field input,.op-field select,.op-field textarea{width:100%;border:1px solid #cad5df;border-radius:5px;padding:9px 10px;font-size:13px}.op-field textarea{min-height:76px;resize:vertical}.op-report-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.op-shortcut{border:1px solid #dde5ec;border-radius:7px;background:#fff;padding:16px;display:flex;align-items:center;gap:13px;cursor:pointer}.op-shortcut:hover{border-color:#1689e5;box-shadow:0 3px 12px rgba(22,137,229,.1)}.op-shortcut .icon{width:48px;height:48px;border-radius:7px;background:#edf7ff;display:flex;align-items:center;justify-content:center;font-size:23px}.op-shortcut strong{display:block;margin-bottom:5px}.op-shortcut small{color:#8492a0}.op-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-loading{padding:60px;text-align:center;color:#8392a0}.op-note{padding:10px 13px;background:#edf6ff;border-left:3px solid #1689e5;color:#557087;font-size:12px}.op-tabbar{display:flex;gap:4px}.op-tabbar button{border:0;background:transparent;padding:8px 13px;cursor:pointer;border-bottom:2px solid transparent}.op-tabbar button.active{color:#1689e5;border-color:#1689e5;font-weight:600}@media(max-width:1050px){.op-kpis{grid-template-columns:repeat(2,1fr)}.op-grid,.op-dual{grid-template-columns:1fr}.op-report-shortcuts{grid-template-columns:1fr 1fr}}@media(max-width:700px){.op-page{height:auto}.op-kpis,.op-report-shortcuts{grid-template-columns:1fr}.op-form{grid-template-columns:1fr}.op-field.span2{grid-column:span 1}.op-head{align-items:flex-start;flex-direction:column}.op-head .op-actions{margin-left:0}}