*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#f4f6fb;color:#222}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.outer-table-wrap{overflow-x:auto}table.main-table{width:100%;border-collapse:collapse;table-layout:fixed}table.main-table col.col-name{width:28%}table.main-table col.col-phone{width:18%}table.main-table col.col-level{width:30%}table.main-table col.col-detail{width:24%}table.main-table thead th{background:#f9fafb;padding:11px 14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;text-align:left}table.main-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.main-table thead th.sortable:hover{color:#374151}table.main-table tbody td{padding:11px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}table.main-table tbody tr:last-child td{border-bottom:none}table.main-table tbody tr:not(.sub-row):hover{background:#fafafa}.name-cell{display:flex;align-items:center}.name-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-text{color:#6b7280;font-size:13px}.no-phone{color:#9ca3af;font-style:italic}.badge{display:inline-block;padding:2px 10px;border-radius:99px}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#15803d}.badge-amber{background:#fef9c3;color:#92400e}.sub-row>td{padding:0!important;background:#f8faff}.sub-scroll-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;border-top:2px solid #818cf8;border-bottom:1px solid #e5e7eb}.sub-scroll-wrap::-webkit-scrollbar{height:6px}.sub-scroll-wrap::-webkit-scrollbar-track{background:#f1f1f1}.sub-scroll-wrap::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:99px}.sub-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#818cf8}table.sub-table{border-collapse:collapse;white-space:nowrap}table.sub-table th{padding:9px 14px;font-size:12px;font-weight:600;color:#6b7280;background:#f0f4ff;border:1px solid #e5e7eb;white-space:nowrap}table.sub-table td{padding:9px 14px;border:1px solid #f0f0f0;background:#fff}table.sub-table tbody tr:hover td{background:#f9f9ff}.criteria-name,.score-val{font-weight:600}.criteria-name{color:#1d4ed8}.tag-month{background:#dcfce7;color:#166534}.tag-month,.tag-quarter{padding:2px 8px;border-radius:99px;font-size:11px}.tag-quarter{background:#fef9c3;color:#92400e}.sticky-left{position:sticky;left:0;z-index:3}table.sub-table th.sticky-left{background:#e8eeff;border-right:2px solid #c7d2fe!important}table.sub-table td.sticky-left{background:#f4f6ff;border-right:2px solid #c7d2fe!important}.sticky-right{position:sticky;right:0;z-index:3}table.sub-table th.sticky-right{background:#e8eeff;border-left:2px solid #c7d2fe!important}table.sub-table td.sticky-right{background:#f4f6ff;border-left:2px solid #c7d2fe!important}.action-row{display:flex;gap:6px;align-items:center}.pagination-wrap{display:flex;justify-content:center;gap:4px;padding:16px;border-top:1px solid #f0f0f0}.page-btn{padding:5px 12px;border-radius:7px;border:1px solid #e5e7eb;background:transparent;cursor:pointer;color:#374151}.page-btn:hover{background:#f3f4f6}.page-btn.active{background:#6d28d9;color:#fff;border-color:#6d28d9}.page-btn:disabled{opacity:.4;cursor:not-allowed}.empty-row td{text-align:center;color:#9ca3af;padding:40px 0;font-style:italic}