.ops-page-container{flex-direction:column;height:100%;padding:40px 48px;display:flex;overflow-y:auto}.ops-page-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.ops-title{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:28px;font-weight:800;display:flex}.ops-subtitle{color:var(--text-secondary);margin-top:8px;font-size:15px}.ops-tabs{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px;display:flex}.ops-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:flex}.ops-tab:hover{color:var(--text-primary)}.ops-tab.active{background:var(--surface-3);color:#fff;box-shadow:var(--shadow-sm)}.ops-badge{color:var(--amber);background:#f59e0b33;border-radius:4px;padding:2px 6px;font-size:11px}.ops-stats-grid{grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:40px;display:grid}.ops-stat-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:20px;display:flex}.ops-stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ops-stat-icon.indigo{color:#818cf8;background:#6366f11a}.ops-stat-icon.amber{color:var(--amber);background:#f59e0b1a}.ops-stat-icon.emerald{color:var(--emerald);background:#10b9811a}.ops-stat-icon.verified{color:#22c55e;background:#22c55e1a}.ops-stat-icon.rose{color:#f43f5e;background:#f43f5e1a}.ops-stat-label{color:var(--text-secondary);font-size:13px;font-weight:600}.ops-stat-value{color:var(--text-primary);margin-top:4px;font-size:24px;font-weight:800;line-height:1}.ops-empty{border:2px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.ops-empty h3{color:var(--text-primary);margin-top:16px;font-size:20px;font-weight:500}.ops-empty p{text-align:center;max-width:400px;margin-top:8px;font-size:14px}.ops-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;display:grid}.wo-card{background:var(--surface-2);border:1px solid var(--border-emphasis);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.wo-card:hover{background:var(--surface-3)}.wo-card.completed{border-color:#10b9814d}.wo-card.pending{border-color:#f59e0b4d}.wo-status-ribbon{text-transform:uppercase;letter-spacing:1px;border-bottom-left-radius:var(--radius-md);border-bottom:1px solid #0000;border-left:1px solid #0000;padding:6px 16px;font-size:11px;font-weight:800;position:absolute;top:0;right:0}.wo-status-ribbon.open{color:#818cf8;background:#6366f126;border-color:#6366f166}.wo-status-ribbon.completed{color:var(--emerald);background:#10b98126;border-color:#10b98166}.wo-status-ribbon.verified{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.wo-status-ribbon.escalated{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e66}.wo-card-content{flex:1;gap:16px;display:flex}.wo-icon.completed{color:var(--emerald)}.wo-icon.pending{color:var(--amber)}.wo-card-main{flex-direction:column;flex:1;min-width:0;display:flex}.wo-id-row{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.wo-id{color:var(--text-primary);font-size:18px;font-weight:800}.wo-date{color:var(--text-secondary);font-size:12px;font-weight:500}.wo-type{color:#818cf8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.wo-desc{color:#fffc;flex:1;margin-bottom:16px;font-size:14px;line-height:1.5}.wo-meta-grid{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;display:grid}.wo-meta-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.wo-meta-item strong{color:#fffc;text-overflow:ellipsis;font-weight:600;overflow:hidden}.wo-review-box-container{height:210px;overflow-y:auto}.wo-alert-box{border-radius:var(--radius-sm);color:#f59e0be6;background:#f59e0b1a;border:1px solid #f59e0b33;margin-top:20px;padding:12px;font-size:12px}