.mission-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;margin-bottom:22px;border-radius:22px;color:#fff;background:linear-gradient(125deg,#07101f 0%,#0b2f60 58%,#0057b8 100%);box-shadow:0 18px 38px rgba(7,16,31,.2)}
.mission-hero h2{font-size:clamp(27px,3vw,42px);line-height:1.05;margin:4px 0 8px}.mission-hero p{color:#dbeafe}.eyebrow{font-size:11px!important;font-weight:900;letter-spacing:.18em;color:#60a5fa!important}
.mission-system{display:flex;align-items:center;gap:12px;min-width:230px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.1)}.mission-status-dot{width:12px;height:12px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 6px rgba(74,222,128,.14)}.mission-system div{display:flex;flex-direction:column}.mission-system strong{font-size:14px}.mission-system span:last-child{font-size:12px;color:#bfdbfe}.mission-system.offline .mission-status-dot{background:#f87171;box-shadow:0 0 0 6px rgba(248,113,113,.14)}
.mission-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.mission-kpi{position:relative;display:flex;min-height:151px;flex-direction:column;padding:20px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:#111827;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.07);transition:.18s}.mission-kpi:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.11)}.mission-kpi-icon{font-size:21px}.mission-kpi-label{margin-top:15px;color:#64748b;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.mission-kpi strong{margin-top:5px;font-size:32px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-kpi small{margin-top:auto;color:#64748b;font-size:12px}.mission-kpi.accent{border-top:4px solid #0057b8}.mission-kpi.money{border-top:4px solid #16a34a}.mission-kpi.leader{border-top:4px solid #f59e0b}
.mission-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.mission-panel{padding:23px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(15,23,42,.07)}.mission-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.mission-panel-head h3{margin-top:3px;font-size:21px}.mission-panel-head a{color:#0057b8;font-size:13px;font-weight:800;text-decoration:none}.mission-refresh{border:1px solid #dbe3ec;border-radius:10px;padding:8px 12px;background:#f8fafc;color:#334155;font-weight:800;cursor:pointer}.mission-refresh:disabled{opacity:.55}
.mission-schedule{display:flex;flex-direction:column}.schedule-row{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #eef2f7;color:#111827;text-decoration:none}.schedule-row:last-child{border-bottom:0}.schedule-row time{font-weight:900;color:#0057b8}.schedule-row div{display:flex;flex-direction:column;gap:3px}.schedule-row span{font-size:13px;color:#64748b}.schedule-row em{padding:6px 9px;border-radius:999px;background:#eef6ff;color:#0057b8;font-size:11px;font-style:normal;font-weight:850;text-transform:uppercase}
.mission-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mission-actions a{display:flex;min-height:112px;flex-direction:column;padding:15px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;color:#111827;text-decoration:none}.mission-actions a:hover{border-color:#93c5fd;background:#eff6ff}.mission-actions span{font-size:22px}.mission-actions strong{margin-top:10px;font-size:14px}.mission-actions small{margin-top:3px;color:#64748b;font-size:11px}
.sales-snapshot,.mission-activity{display:flex;flex-direction:column}.snapshot-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}.snapshot-row:last-child{border-bottom:0}.snapshot-rank{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#0f172a;color:#fff;font-size:12px;font-weight:900}.snapshot-row div{display:flex;flex-direction:column}.snapshot-row small{margin-top:2px;color:#64748b}.snapshot-row b{font-size:13px}.snapshot-row em{min-width:90px;text-align:right;color:#15803d;font-size:13px;font-style:normal;font-weight:850}
.activity-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef2f7}.activity-row:last-child{border-bottom:0}.activity-row>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eef6ff}.activity-row div{display:flex;flex-direction:column}.activity-row small,.activity-row time{color:#64748b;font-size:11px}.activity-row time{white-space:nowrap}.mission-empty{padding:28px 10px;text-align:center;color:#64748b}
@media(max-width:1180px){.mission-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-layout{grid-template-columns:1fr}}
@media(max-width:700px){.mission-hero{align-items:flex-start;flex-direction:column;padding:22px}.mission-system{width:100%}.mission-kpis{grid-template-columns:1fr}.mission-kpi{min-height:135px}.mission-actions{grid-template-columns:1fr 1fr}.schedule-row{grid-template-columns:70px 1fr}.schedule-row em{grid-column:2}.snapshot-row{grid-template-columns:28px 1fr auto}.snapshot-row em{grid-column:2/4;text-align:left}.mission-panel{padding:18px}}