.operations-dashboard{min-height:calc(100vh - 64px);padding:16px 22px 28px;color:#354052;background:radial-gradient(circle at 88% -10%,rgb(36 107 253/10%),transparent 24%),#f4f6fa}.operations-dashboard button{font-family:inherit}.operation-notice{display:flex;min-height:42px;align-items:center;gap:10px;padding:8px 14px;color:#49627d;border:1px solid #dbe8ff;border-radius:8px;background:#edf4ff}.operation-notice .notice-icon{display:grid;width:18px;height:18px;place-items:center;flex:0 0 18px;color:#fff;border-radius:50%;background:#246bfd;font-size:11px}.operation-notice button{padding:0;color:#246bfd;border:0;background:transparent;cursor:pointer;font-weight:600}.operation-notice .notice-close{margin-left:auto;color:#9da9ba;font-size:20px;font-weight:400}.page-header{display:flex;min-height:78px;align-items:center;gap:20px}.page-header h1{margin:0 0 7px;color:#162033;font-size:23px}.page-header p{margin:0;color:#8c97a8;font-size:13px}.page-header .page-actions{display:flex;margin-left:auto;align-items:center;gap:10px}.page-header .range-select{width:112px}.quick-tools{display:grid;margin-bottom:14px;padding:12px;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;border:1px solid #e0eaff;border-radius:10px;background:#edf4ff}.quick-tools article{display:flex;min-width:0;height:76px;align-items:center;gap:12px;padding:13px 15px;border-radius:8px;background:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.quick-tools article:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(36 62 98/8%)}.quick-tools article>span:nth-child(2){min-width:0}.quick-tools article b,.quick-tools article small{display:block}.quick-tools article b{margin-bottom:6px;color:#263247}.quick-tools article small{overflow:hidden;color:#8d98aa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.quick-tools article em{margin-left:auto;color:#246bfd;font-size:12px;font-style:normal;white-space:nowrap}.quick-tools .tool-icon{display:grid;width:40px;height:40px;place-items:center;flex:0 0 40px;color:#246bfd;border-radius:11px;background:#edf4ff;font-size:18px;font-weight:700}.quick-tools .tool-icon.purple{color:#8d5cf6;background:#f2edff}.quick-tools .tool-icon.orange{color:#f08c20;background:#fff4e8}.quick-tools .tool-icon.green{color:#12a879;background:#e9f9f3}.period-tabs{display:flex;height:44px;align-items:stretch;gap:28px;border-bottom:1px solid #e8ecf2}.period-tabs button{position:relative;padding:0;color:#6d7889;border:0;background:transparent;cursor:pointer}.period-tabs button.active{color:#246bfd;font-weight:600}.period-tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px;background:#246bfd;content:""}.metric-grid{display:grid;margin:12px 0 14px;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.metric-card{position:relative;height:112px;overflow:hidden;padding:12px 18px;border:1px solid #e7ebf2;border-radius:10px;background:#fff;cursor:pointer}.metric-card>i{position:absolute;top:-30px;right:-24px;width:86px;height:86px;border-radius:50%;background:rgb(36 107 253/5.5%)}.metric-card .metric-label{color:#7a8697}.metric-card .metric-label span{color:#a5afbd;font-size:12px}.metric-card>strong{display:block;margin:5px 0 2px;color:#1f2b3f;font-size:27px;line-height:1.1;letter-spacing:-.5px}.metric-card small{color:#9aa4b3}.metric-card small b.positive{color:#16b277}.metric-card small b.warning{color:#f59a23}.metric-card small b.neutral{color:#6f7c90}.surface{overflow:hidden;border:1px solid #e7ebf2;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgb(23 36 55/2.5%)}.section-heading{display:flex;height:50px;align-items:center;padding:0 18px;border-bottom:1px solid #edf0f4}.section-heading h2{margin:0;color:#273247;font-size:16px}.section-heading>span{margin-left:10px;color:#98a2b1;font-size:12px}.section-heading>button{margin-left:auto;padding:0;color:#246bfd;border:0;background:transparent;cursor:pointer;font-size:12px}.attention-panel{margin-bottom:14px}.attention-grid{display:grid;padding:14px 18px;grid-template-columns:repeat(4,1fr)}.attention-grid button{padding:2px 22px;text-align:left;border:0;border-right:1px solid #edf0f4;background:transparent;cursor:pointer}.attention-grid button:first-child{padding-left:0}.attention-grid button:last-child{border:none}.attention-grid span,.attention-grid strong{display:block}.attention-grid strong{margin-bottom:7px;color:#283449;font-size:22px}.attention-grid strong.danger{color:#ef5b5b}.attention-grid span{color:#778396}.analytics-grid{display:grid;height:278px;margin-bottom:14px;grid-template-columns:1.55fr .85fr;grid-gap:14px;gap:14px}.trend-chart{padding:12px 18px 8px}.chart-legend{display:flex;justify-content:flex-end;gap:18px;color:#7d8899;font-size:12px}.chart-legend i,.composition-legend i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}i.blue{background:#246bfd}i.green{background:#67d1aa}.chart-canvas{position:relative;height:190px;padding:3px 4px 20px 38px}.chart-canvas .y-axis{position:absolute;top:9px;bottom:25px;left:0;display:flex;flex-direction:column;justify-content:space-between;color:#9da7b5;font-size:10px}.chart-canvas svg{width:100%;height:150px;overflow:visible}.chart-canvas svg .grid-line{stroke:#edf1f5;stroke-width:1}.chart-canvas svg .series{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.chart-canvas svg .inventory-series{stroke:#246bfd}.chart-canvas svg .works-series{stroke:#67d1aa}.chart-canvas .x-axis{display:flex;justify-content:space-between;color:#9ba5b4;font-size:10px}.composition-body{display:flex;height:calc(100% - 50px);align-items:center;padding:18px 24px}.donut{position:relative;display:grid;width:142px;height:142px;place-items:center;flex:0 0 142px;border-radius:50%}.donut:after{position:absolute;inset:27px;border-radius:50%;background:#fff;content:""}.donut div{position:relative;z-index:1;text-align:center}.donut span,.donut strong{display:block}.donut strong{color:#263248;font-size:22px}.donut span{margin-top:4px;color:#8a95a6;font-size:11px}.composition-legend{min-width:150px;margin-left:28px;flex:1 1}.composition-legend p{display:flex;align-items:center;margin:0;padding:10px 0;color:#6f7b8d}.composition-legend i{width:8px;height:8px;margin-right:9px;border-radius:50%}.composition-legend i.pale{background:#dfe7f5}.composition-legend b{margin-left:auto;color:#2f3b50}.composition-legend .legend-note{margin-top:6px;padding-top:12px;color:#98a2b1;border-top:1px solid #edf0f4;font-size:12px}.queue-heading .queue-tabs{display:flex;height:50px;margin-left:25px;align-items:center;gap:22px}.queue-heading .queue-tabs span{position:relative;color:#7b8798;font-size:12px}.queue-heading .queue-tabs span.active{color:#246bfd;font-weight:600}.queue-heading .queue-tabs span.active:after{position:absolute;right:0;bottom:-17px;left:0;height:3px;border-radius:2px;background:#246bfd;content:""}.queue-table .queue-row{display:grid;min-height:58px;align-items:center;grid-template-columns:2.2fr .7fr 1.3fr .8fr .5fr;border-top:1px solid #edf0f4}.queue-table .queue-row>*{min-width:0;padding:0 14px}.queue-table .queue-row>strong{color:#29354a;font-size:16px}.queue-table .queue-row>span{color:#6d798b;font-size:12px}.queue-table .queue-row>button{justify-self:start;padding:0;color:#246bfd;border:0;background:transparent;cursor:pointer}.queue-table .queue-header{min-height:38px;color:#7c8797;border-top:0;background:#f7f8fa;font-size:12px}.queue-title{display:flex;align-items:center;gap:11px}.queue-title>i{display:grid;width:38px;height:38px;place-items:center;flex:0 0 38px;color:#246bfd;border-radius:9px;background:#edf4ff;font-style:normal;font-weight:700}.queue-title>i.red{color:#ef5b5b;background:#fff0f0}.queue-title>i.purple{color:#8d5cf6;background:#f2edff}.queue-title b,.queue-title small{display:block}.queue-title b{color:#344055}.queue-title small{overflow:hidden;margin-top:4px;color:#9aa5b5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.queue-row em{display:inline-block;padding:4px 8px;border-radius:5px;font-style:normal}.queue-row em.danger{color:#d64d4d;background:#fff0f0}.queue-row em.warning{color:#b87517;background:#fff3dd}.queue-row em.info{color:#276be8;background:#eaf2ff}.queue-row em.safe{color:#168a64;background:#e9f8f2}@media (max-width:1200px){.metric-grid,.quick-tools{grid-template-columns:repeat(2,1fr)}.analytics-grid{height:auto;grid-template-columns:1fr}.composition-panel,.trend-panel{min-height:270px}}@media (max-width:760px){.operations-dashboard{padding:12px}.operation-notice,.page-header{align-items:flex-start}.page-header{flex-direction:column;padding:16px 0}.page-header .page-actions{width:100%;margin-left:0;flex-wrap:wrap}.metric-grid,.quick-tools{grid-template-columns:1fr}.attention-grid{grid-template-columns:repeat(2,1fr)}.attention-grid button:nth-child(2){border-right:0}.attention-grid button:nth-child(n+3){margin-top:16px}.composition-body{justify-content:center;flex-wrap:wrap}.queue-heading .queue-tabs,.queue-table .queue-header{display:none}.queue-table .queue-row{padding:12px 0;grid-template-columns:1fr auto}.queue-table .queue-row>span{display:none}}