.dashboard{flex:1;gap:10px;height:100%;display:flex}.dashboard .leftPanel{flex-direction:column;gap:20px;width:800px;display:flex}.dashboard .leftPanel .mapContainer{flex-direction:column;flex:1;display:flex}.dashboard .leftPanel .mapContainer .titleWrap{background-color:#fff;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}.dashboard .leftPanel .mapContainer .titleWrap .title{color:#333;font-size:16px;font-weight:600}.dashboard .leftPanel .mapContainer .titleWrap .titleActions{align-items:center;gap:10px;display:flex}.dashboard .leftPanel .mapContainer .titleWrap .titleActions .actionBtn{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .2s}.dashboard .leftPanel .mapContainer .titleWrap .titleActions .actionBtn:hover{background-color:#f5f5f5}.dashboard .leftPanel .mapContainer .titleWrap .titleActions .actionBtn.active{color:#fff;background-color:#9c27b0;border-color:#9c27b0}.dashboard .leftPanel .mapContainer .mapWrap{background-color:#c2c2c2;border-radius:0 0 15px 15px;flex:1}.dashboard .leftPanel .missionContainer{background-color:#fff;border-radius:15px;flex-direction:column;gap:15px;padding:20px;display:flex}.dashboard .leftPanel .missionContainer .titleWrap{justify-content:space-between;align-items:center;display:flex}.dashboard .leftPanel .missionContainer .titleWrap .titleArea{align-items:baseline;gap:10px;display:flex}.dashboard .leftPanel .missionContainer .titleWrap .titleArea .title{color:#333;font-size:16px;font-weight:600}.dashboard .leftPanel .missionContainer .titleWrap .titleArea .subText{color:#999;font-size:12px}.dashboard .leftPanel .missionContainer .titleWrap .moreBtn{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .2s}.dashboard .leftPanel .missionContainer .titleWrap .moreBtn:hover{background-color:#f5f5f5}.dashboard .leftPanel .missionContainer .cardWrap{flex:1}.dashboard .rightPanel{flex-direction:column;width:500px;display:flex}.dashboard .rightPanel .actionWrap{background:#fff;border-radius:15px;justify-content:space-between;align-items:center;padding:15px;display:flex}.dashboard .rightPanel .actionWrap .title{color:#222;letter-spacing:-.16px;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.dashboard .rightPanel .actionWrap .buttonWrap{align-items:center;gap:10px;display:flex}.dashboard .rightPanel .actionWrap .buttonWrap button{background:#fff;border:1px solid #d5d5d5;border-radius:10px;padding:5px 8px}.dashboard .rightPanel .dateWrap{background:#fff;border-radius:15px;margin-top:10px;padding:15px}.dashboard .rightPanel .dateWrap .titleWrap{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dashboard .rightPanel .dateWrap .titleWrap .title{color:#222;font-size:16px;font-weight:500}.dashboard .rightPanel .dateWrap .titleWrap .periodActions{align-items:center;gap:8px;display:flex}.dashboard .rightPanel .dateWrap .titleWrap .periodActions .periodBtn{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:15px;padding:5px 12px;font-size:12px;transition:all .2s}.dashboard .rightPanel .dateWrap .titleWrap .periodActions .periodBtn:hover{background-color:#f5f5f5}.dashboard .rightPanel .dateWrap .titleWrap .periodActions .periodBtn.active{color:#fff;background-color:#9c27b0;border-color:#9c27b0}.dashboard .rightPanel .dateWrap .statsWrap{gap:10px;display:flex}.dashboard .rightPanel .dateWrap .statsWrap .statCard{background:#f9f9f9;border:1px solid #eee;border-radius:10px;flex:1;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.dashboard .rightPanel .dateWrap .statsWrap .statCard .statLabel{color:#666;font-size:13px}.dashboard .rightPanel .dateWrap .statsWrap .statCard .statValue{color:#333;font-size:18px;font-weight:600}.dashboard .rightPanel .totalWrap{background:#fff;border-radius:15px;margin-top:10px;padding:15px}.dashboard .rightPanel .totalWrap .title{color:#222;margin-bottom:15px;font-size:16px;font-weight:500;display:block}.dashboard .rightPanel .totalWrap .statsGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dashboard .rightPanel .totalWrap .statsGrid .statCard{background:#f9f9f9;border:1px solid #eee;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.dashboard .rightPanel .totalWrap .statsGrid .statCard.green{background:#e8f5e9;border-color:#c8e6c9}.dashboard .rightPanel .totalWrap .statsGrid .statCard.yellow{background:#fff8e1;border-color:#ffecb3}.dashboard .rightPanel .totalWrap .statsGrid .statCard .statLabel{color:#666;font-size:12px}.dashboard .rightPanel .totalWrap .statsGrid .statCard .statValue{color:#333;font-size:16px;font-weight:600}.dashboard .rightPanel .alertWrap{background:#fff;border-radius:15px;flex-direction:column;flex:1;margin-top:10px;padding:15px;display:flex;overflow:hidden}.dashboard .rightPanel .alertWrap .tabWrap{gap:10px;margin-bottom:15px;display:flex}.dashboard .rightPanel .alertWrap .tabWrap .tabBtn{cursor:pointer;color:#999;background:0 0;border:1px solid #e5e4e4;border-radius:10px;flex:1;padding:8px 16px;font-size:13px;transition:all .2s}.dashboard .rightPanel .alertWrap .tabWrap .tabBtn:hover{background-color:#f5f5f5}.dashboard .rightPanel .alertWrap .tabWrap .tabBtn.active{color:#fff;background-color:#9c27b0}.dashboard .rightPanel .alertWrap .alertContent{flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard .rightPanel .alertWrap .alertContent .alertHeader{margin-bottom:10px}.dashboard .rightPanel .alertWrap .alertContent .alertHeader .title{color:#333;font-size:14px;font-weight:600}.dashboard .rightPanel .alertWrap .alertContent .alertTable{flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableHeader{border-bottom:1px solid #eee;padding:10px 0;display:flex}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableHeader .col{color:#999;font-size:12px;font-weight:500}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableHeader .col.time{width:80px}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableHeader .col.status{width:70px}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableHeader .col.desc{flex:1}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody{flex:1;overflow-y:auto}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow{border-bottom:1px solid #f5f5f5;padding:10px 0;display:flex}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col{color:#666;font-size:12px}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col.time{color:#999;width:80px}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col.status{width:70px;font-size:11px;font-weight:500}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col.status.error{color:#e53935}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col.status.alarm{color:#fb8c00}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col.status.info{color:#999}.dashboard .rightPanel .alertWrap .alertContent .alertTable .tableBody .tableRow .col.desc{color:#333;flex:1}.dashboard .rightPanel .alertWrap .alertContent.systemPanel .systemTable{padding:10px 0}.dashboard .rightPanel .alertWrap .alertContent.systemPanel .systemTable .systemRow{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 16px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.systemPanel .systemTable .systemRow:last-child{border-bottom:none}.dashboard .rightPanel .alertWrap .alertContent.systemPanel .systemTable .systemRow .systemLabel{color:#666;font-size:13px}.dashboard .rightPanel .alertWrap .alertContent.systemPanel .systemTable .systemRow .systemValue{color:#333;font-size:14px;font-weight:600}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .title{color:#333;font-size:13px;font-weight:500}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap{gap:12px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap .legend{color:#666;align-items:center;gap:4px;font-size:11px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap .legend .dot{border-radius:50%;width:8px;height:8px}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap .legend .dot.purple{background-color:#9c27b0}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap .legend .dot.orange{background-color:#fb8c00}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap .legend .dot.green{background-color:#4caf50}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryHeader .legendWrap .legend .dot.red{background-color:#e53935}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent{flex-direction:column;flex:1;gap:16px;padding:12px 0;display:flex;overflow-y:auto}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .sectionHeader{margin-bottom:8px;padding:8px 16px;font-size:12px;font-weight:500}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .sectionHeader.purple{color:#9c27b0;background-color:#9c27b01a}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .sectionHeader.gray{color:#666;background-color:#f5f5f5}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList{flex-direction:column;gap:8px;padding:0 16px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem{background-color:#fafafa;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionInfo{flex-direction:column;gap:4px;display:flex}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionInfo .missionName{color:#333;font-size:13px;font-weight:500}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionInfo .missionId{color:#999;font-size:11px}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionStatus{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionStatus.warning{color:#fb8c00;background-color:#fb8c001a}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionStatus.running{color:#9c27b0;background-color:#9c27b01a}.dashboard .rightPanel .alertWrap .alertContent.summaryPanel .summaryContent .summarySection .missionList .missionItem .missionStatus.normal{color:#4caf50;background-color:#4caf501a}
.card-wrapper{box-sizing:border-box;gap:10px;width:100%;height:100%;display:flex;overflow:hidden}.card{box-sizing:border-box;background-color:#fff;border:1px solid #a7a7a7;border-radius:10px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:10px 15px;display:flex}.card .card-header{justify-content:space-between;align-items:flex-start;display:flex}.card .card-header .card-title-area{flex-direction:column;gap:2px;display:flex}.card .card-header .card-title-area .card-title{color:#333;margin:0;font-size:12px;font-weight:600}.card .card-header .card-title-area .card-subTitle{color:#999;font-size:9px}.card .card-header .card-status{border-radius:12px;padding:3px 10px;font-size:10px;font-weight:500}.card .card-header .card-status.warning{color:#ffc107;background-color:#fff3cd;border:1px solid #ffc107}.card .card-header .card-status.normal{color:#a3a3a3;background-color:#fff;border:1px solid #ddd}.card .card-body{flex-direction:column;gap:5px;display:flex}.card .card-body .progress-row{justify-content:space-between;align-items:center;display:flex}.card .card-body .progress-row .progress-label{color:#666;font-size:11px}.card .card-body .progress-row .progress-value{color:#999;font-size:11px}.card .card-body .progress-bar{background-color:#e0e0e0;border-radius:2px;width:100%;height:4px;margin-top:3px;overflow:hidden}.card .card-body .progress-bar .progress-fill{background-color:#2196f3;border-radius:2px;height:100%;transition:width .3s}.card .card-footer{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:8px;display:flex}.card .card-footer .tag{color:#666;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;padding:3px 8px;font-size:10px}