*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100vh;overflow:hidden;font-family:Malgun Gothic,맑은 고딕,sans-serif;background:#e8eaed;color:#1a1a1a}.container{width:100%;height:100vh;padding:10px 14px;display:flex;flex-direction:column;gap:10px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#1e3a5f;border:1px solid #0d2137;color:#fff;flex-shrink:0}.header-left{display:flex;align-items:center;gap:30px}.header-left h1{font-size:1.1rem;font-weight:600;white-space:nowrap;letter-spacing:-.5px}.date-filter{display:flex;align-items:center;gap:8px}.date-filter input{padding:5px 10px;border:1px solid #ccc;font-size:12px;font-family:inherit}.date-filter span{font-size:12px}.date-filter button{padding:5px 16px;background:#f5f5f5;color:#1e3a5f;border:1px solid #ccc;font-weight:600;font-size:12px;cursor:pointer;font-family:inherit}.date-filter button:hover{background:#e0e0e0}.summary-cards{display:flex;gap:1px;background:#0d2137}.card{background:#2a4a6e;padding:8px 20px;text-align:center;color:#fff;min-width:100px}.card-content h3{font-size:.7rem;font-weight:400;opacity:.85;margin-bottom:2px}.card-value{font-size:1.15rem;font-weight:700}.card-value.small{display:flex;flex-direction:column;font-size:.55rem;line-height:1.3}.main-content{flex:1;display:flex;gap:10px;min-height:0}.left-panel,.right-panel{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.chart-container{background:#fff;border:1px solid #c0c0c0;padding:12px 14px;display:flex;flex-direction:column;flex:1;min-height:0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ddd;flex-shrink:0}.chart-container h3{font-size:.8rem;font-weight:600;color:#1e3a5f;margin:0}.chart-legend{display:flex;gap:16px;align-items:center}.chart-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#555}.chart-legend .legend-box{width:16px;height:12px;border-radius:2px}.chart-legend .bar-legend{background:linear-gradient(180deg,#78909c,#546e7a)}.chart-legend .line-legend{background:#e53935;position:relative}.chart-legend .line-legend:before{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:#e53935}.chart-legend .line-legend-cms{background:#42a5f5;border:1px dashed #42a5f5}.chart-legend .line-legend-hl7{background:#66bb6a;border:1px dashed #66bb6a}.legend-item.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.legend-item.clickable:hover{opacity:.7}.legend-item.disabled{opacity:.3}.legend-item.disabled span:last-child{text-decoration:line-through}.chart{flex:1;min-height:0;position:relative}.bottom-section{flex-shrink:0}.section-title{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f5f5f5;border:1px solid #c0c0c0;border-bottom:none;font-size:.75rem;font-weight:600;color:#1e3a5f}.period-label{font-weight:400;color:#666;font-size:.7rem}.bottom-charts{display:flex;gap:10px;height:120px}.chart-container.small{flex:1;min-height:0;overflow:hidden;padding:8px 10px;text-align:center}.chart-container.small h3{font-size:.75rem;margin-bottom:5px;padding-bottom:4px}#statusChart{display:flex;align-items:center;justify-content:center;gap:12px;height:100%}.pie-chart{width:60px;height:60px;border-radius:50%;position:relative;flex-shrink:0}.pie-chart:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;background:#fff;border-radius:50%}.pie-legend{display:flex;flex-direction:column;gap:3px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem}.dot{width:8px;height:8px;flex-shrink:0}.dot.completed{background:#1e3a5f}.dot.cancelled{background:#b71c1c}.dot.pending{background:#f57c00}.dot.user-call{background:#42a5f5}.dot.web-call{background:#f57c00}.dot.crew-call{background:#66bb6a}.vital-total{display:flex;align-items:center;justify-content:center;flex:1;gap:6px}.vital-total-inner{position:relative;display:inline-block}.vital-total-value{font-size:2.8rem;font-weight:700;color:#1e3a5f}.vital-total-label{position:absolute;right:-30px;bottom:5px;font-size:1.1rem;color:#555}.table-container{background:#fff;border:1px solid #c0c0c0;padding:12px 14px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ddd;flex-shrink:0}.table-container h3{font-size:.8rem;font-weight:600;color:#1e3a5f;margin:0;padding:0;border:none}.table-container>h3{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ddd}.tab-group{display:flex;gap:1px;background:silver}.tab-btn{padding:3px 12px;font-size:.68rem;font-weight:600;background:#f0f0f0;border:none;color:#555;cursor:pointer;font-family:inherit;transition:all .2s}.tab-btn:hover{background:#e0e0e0}.tab-btn.active{background:#1e3a5f;color:#fff}.table-wrapper{flex:1;overflow-y:auto;min-height:0}table{width:100%;border-collapse:collapse;font-size:.72rem}th,td{padding:5px 6px;text-align:left;border-bottom:1px solid #e0e0e0}th{background:#f0f0f0;font-weight:600;color:#333;font-size:.68rem;position:sticky;top:0;z-index:1;border-bottom:1px solid #c0c0c0}tbody tr:hover{background:#f5f7fa}.team-stats-table{table-layout:fixed}.team-stats-table th:nth-child(1),.team-stats-table td:nth-child(1){width:9%}.team-stats-table th:nth-child(2),.team-stats-table td:nth-child(2){width:10%}.team-stats-table th:nth-child(3),.team-stats-table td:nth-child(3){width:10%}.team-stats-table th:nth-child(4),.team-stats-table td:nth-child(4){width:8%;text-align:center}.team-stats-table th:nth-child(5),.team-stats-table td:nth-child(5){width:10%;text-align:center}.team-stats-table th:nth-child(6),.team-stats-table td:nth-child(6){width:7%;text-align:center}.team-stats-table th:nth-child(7),.team-stats-table td:nth-child(7){width:7%;text-align:center}.team-stats-table th:nth-child(8),.team-stats-table td:nth-child(8){width:10%;text-align:center}.team-stats-table th:nth-child(9),.team-stats-table td:nth-child(9){width:14%;text-align:center}.team-stats-table th:nth-child(10),.team-stats-table td:nth-child(10){width:15%;text-align:center}.recent-calls-table .col-receipt{width:14%}.recent-calls-table .col-type{width:5%;text-align:center}.recent-calls-table .col-protocol{width:6%;text-align:center}.recent-calls-table .col-status{width:5%;text-align:center}.recent-calls-table .col-ktas{width:7%;text-align:center}.recent-calls-table .col-time{width:8%}.recent-calls-table .col-small,.recent-calls-table .col-vital{width:5%;text-align:center}.recent-calls-table .col-nibp{width:11%;text-align:center}.recent-calls-table td:nth-child(3),.recent-calls-table td:nth-child(5),.recent-calls-table td:nth-child(8),.recent-calls-table td:nth-child(9),.recent-calls-table td:nth-child(10),.recent-calls-table td:nth-child(11),.recent-calls-table td:nth-child(12),.recent-calls-table td:nth-child(13),.recent-calls-table td:nth-child(14){text-align:center}.status-badge{padding:2px 6px;font-size:.62rem;font-weight:600;white-space:nowrap;border:1px solid}.status-badge.completed{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}.status-badge.cancelled{background:#ffebee;color:#b71c1c;border-color:#ef9a9a}.status-badge.pending{background:#fff3e0;color:#e65100;border-color:#ffcc80}.status-badge.in-progress{background:#e3f2fd;color:#0d47a1;border-color:#90caf9}.protocol-badge{padding:2px 6px;font-size:.62rem;font-weight:600;white-space:nowrap;border:1px solid}.protocol-badge.cms{background:#e3f2fd;color:#42a5f5;border-color:#90caf9}.protocol-badge.hl7{background:#e8f5e9;color:#66bb6a;border-color:#a5d6a7}.protocol-breakdown{display:flex;justify-content:center;gap:6px;margin-top:2px}.protocol-tag{font-size:.6rem;font-weight:600;padding:1px 5px;border:1px solid}.protocol-tag.cms{color:#42a5f5;border-color:#90caf9;background:#e3f2fd}.protocol-tag.hl7{color:#66bb6a;border-color:#a5d6a7;background:#e8f5e9}.protocol-cell{text-align:center;font-weight:600;font-size:.7rem}.protocol-cell.cms{color:#42a5f5}.protocol-cell.hl7{color:#66bb6a}.collect-badge{padding:2px 6px;font-size:.62rem;font-weight:600;white-space:nowrap;border:1px solid}.collect-badge.auto{background:#ffebee;color:#e53935;border-color:#ef9a9a}.collect-badge.manual{background:#f5f5f5;color:#616161;border-color:#bdbdbd}.ktas-badge{display:inline-flex;justify-content:space-between;align-items:center;padding:2px 6px;width:55px;font-size:.62rem;font-weight:600;border:1px solid;white-space:nowrap;box-sizing:border-box}.ktas-badge .ktas-num{text-align:left}.ktas-badge .ktas-text{text-align:right}.ktas-badge.level-1{background:#e3f2fd;color:#0d47a1;border-color:#90caf9}.ktas-badge.level-2{background:#ffebee;color:#b71c1c;border-color:#ef9a9a}.ktas-badge.level-3{background:#fffde7;color:#f57f17;border-color:#fbc02d}.ktas-badge.level-4{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}.ktas-badge.level-5{background:#f5f5f5;color:#424242;border-color:#bdbdbd}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:#9e9e9e}::-webkit-scrollbar-thumb:hover{background:#757575}.auth-gate{display:flex;justify-content:center;align-items:center;height:100vh;background:#e8eaed}.auth-box{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:40px;text-align:center;min-width:360px;box-shadow:0 2px 8px #0000001a}.auth-box h2{color:#1a1a1a;margin:0 0 8px;font-size:1.4rem}.auth-box p{color:#666;margin:0 0 24px;font-size:.9rem}.auth-input{width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:8px;background:#f8f9fa;color:#1a1a1a;font-size:1rem;outline:none}.auth-input:focus{border-color:#1565c0;background:#fff}.auth-input-error{border-color:#d32f2f}.auth-button{width:100%;padding:12px;margin-top:12px;border:none;border-radius:8px;background:#1565c0;color:#fff;font-size:1rem;cursor:pointer}.auth-button:hover{background:#1976d2}.auth-error{color:#d32f2f!important;margin-top:12px!important;margin-bottom:0!important;font-size:.85rem}.chart-container canvas{width:100%;height:100%}