:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout-container{min-height:100vh}.layout-container .ant-layout-sider .sidebar-logo{height:32px;margin:16px;background:#fff3;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:all .3s}.layout-container .ant-layout-sider .sidebar-logo.collapsed{font-size:12px}.layout-container .ant-layout-sider .ant-menu{border-right:none}.layout-container .ant-layout-sider .ant-menu .ant-menu-item{margin:4px 8px;border-radius:6px}.layout-container .ant-layout-sider .ant-menu .ant-menu-item.ant-menu-item-selected{background-color:#1890ff}.layout-container .ant-layout-sider .ant-menu .ant-menu-item.ant-menu-item-selected:after{display:none}.layout-container .ant-layout-sider .ant-menu .ant-menu-item:hover{background-color:#ffffff1a}.layout-container .ant-layout-header{background:#fff;box-shadow:0 2px 8px #0000001a;padding:0;height:64px;line-height:64px}.layout-container .ant-layout-header .header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.layout-container .ant-layout-header .header-content .header-left{display:flex;align-items:center}.layout-container .ant-layout-header .header-content .header-left .collapse-btn{font-size:16px;width:64px;height:64px;border:none;background:transparent}.layout-container .ant-layout-header .header-content .header-left .collapse-btn:hover{background:#0000000d}.layout-container .ant-layout-header .header-content .header-right{display:flex;align-items:center;gap:16px}.layout-container .ant-layout-header .header-content .header-right .user-dropdown{cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .3s}.layout-container .ant-layout-header .header-content .header-right .user-dropdown:hover{background:#0000000d}.layout-container .ant-layout-header .header-content .header-right .user-dropdown .user-avatar{background:#1890ff}.layout-container .ant-layout-header .header-content .header-right .user-dropdown .user-name{font-weight:500;color:#262626}.layout-container .ant-layout-content{background:#f0f2f5;min-height:calc(100vh - 64px);padding:0}.layout-container .ant-layout-content .main-content{margin:24px;padding:24px;background:#fff;border-radius:8px;min-height:calc(100vh - 112px);box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;width:calc(100% - 48px);max-width:none}@media (max-width: 768px){.layout-container .ant-layout-sider{position:fixed;height:100vh;z-index:1000}.layout-container .ant-layout-sider.ant-layout-sider-collapsed{transform:translate(-100%)}.layout-container .ant-layout-header .header-content{padding:0 12px}.layout-container .ant-layout-header .header-content .header-right .user-dropdown .user-name{display:none}.layout-container .ant-layout-content .main-content{margin:16px 8px;padding:16px;width:calc(100% - 16px)}}.dashboard-page{width:100%}.dashboard-page .dashboard-header{margin-bottom:24px}.dashboard-page .dashboard-header h2{margin:0;font-size:24px;font-weight:600;color:#262626}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;width:100%}.dashboard-page .stats-grid .stat-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;transition:all .3s;border:1px solid #f0f0f0}.dashboard-page .stats-grid .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-page .stats-grid .stat-card .ant-statistic .ant-statistic-title{color:#8c8c8c;font-size:14px;margin-bottom:8px}.dashboard-page .stats-grid .stat-card .ant-statistic .ant-statistic-content{font-size:28px;font-weight:600;line-height:1}.dashboard-page .stats-grid .stat-card .ant-statistic .ant-statistic-content .ant-statistic-content-prefix{margin-right:8px}.dashboard-page .alert-card{margin-bottom:24px;background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:16px}.dashboard-page .alert-card .alert-content{display:flex;align-items:center;gap:12px}.dashboard-page .alert-card .alert-content .alert-icon{color:#fa8c16;font-size:16px}.dashboard-page .alert-card .alert-content .alert-text{color:#fa8c16;font-weight:500;flex:1}.dashboard-page .alert-card .alert-content .alert-action .ant-btn{color:#fa8c16;border-color:#fa8c16}.dashboard-page .alert-card .alert-content .alert-action .ant-btn:hover{background:#fa8c16;color:#fff}.dashboard-page .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.dashboard-page .content-grid .content-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;border:1px solid #f0f0f0}.dashboard-page .content-grid .content-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.dashboard-page .content-grid .content-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.dashboard-page .content-grid .content-card .ant-card-head .ant-card-extra .ant-btn{color:#1890ff;border:none;padding:0;height:auto}.dashboard-page .content-grid .content-card .ant-card-head .ant-card-extra .ant-btn:hover{color:#40a9ff}.dashboard-page .content-grid .content-card .ant-card-body{padding:0}.dashboard-page .content-grid .content-card .ant-card-body .ant-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.dashboard-page .content-grid .content-card .ant-card-body .ant-table .ant-table-tbody>tr>td{padding:12px 16px}.dashboard-page .content-grid .content-card .ant-card-body .ant-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}@media (max-width: 1200px){.dashboard-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-page .stats-grid{grid-template-columns:1fr;gap:12px}.dashboard-page .stats-grid .stat-card{padding:16px}.dashboard-page .stats-grid .stat-card .ant-statistic .ant-statistic-content{font-size:24px}.dashboard-page .content-grid{grid-template-columns:1fr;gap:16px}.dashboard-page .alert-card{margin-bottom:16px;padding:12px}.dashboard-page .alert-card .alert-content{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.dashboard-page .dashboard-header h2,.dashboard-page .stats-grid .stat-card .ant-statistic .ant-statistic-content{font-size:20px}}.checkins-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.checkins-page .ant-card .ant-card-head{border-bottom:2px solid #f0f0f0}.checkins-page .ant-card .ant-card-head .ant-card-head-title{font-weight:600;color:#262626}.checkins-page .ant-statistic .ant-statistic-title{color:#8c8c8c;font-size:14px;margin-bottom:8px}.checkins-page .ant-statistic .ant-statistic-content .ant-statistic-content-value{font-weight:600}.checkins-page .filter-section{background:#fafafa;padding:16px;border-radius:6px;margin-bottom:16px}.checkins-page .filter-section .ant-form-item{margin-bottom:12px}.checkins-page .ant-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;border-bottom:2px solid #f0f0f0}.checkins-page .ant-table .ant-table-tbody>tr:hover>td{background:#fff7e6}.checkins-page .ant-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:12px 16px}.checkins-page .ant-tag{border-radius:4px;font-weight:500}.checkins-page .ant-tag.ant-tag-processing{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.checkins-page .ant-tag.ant-tag-success{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.checkins-page .ant-tag.ant-tag-error{background:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.checkins-page .ant-btn{border-radius:6px;font-weight:500}.checkins-page .ant-btn.ant-btn-primary{background:#ff6b35;border-color:#ff6b35}.checkins-page .ant-btn.ant-btn-primary:hover{background:#ff5722;border-color:#ff5722}.checkins-page .ant-btn.ant-btn-primary:active{background:#e64a19;border-color:#e64a19}.checkins-page .ant-btn.ant-btn-link{color:#ff6b35}.checkins-page .ant-btn.ant-btn-link:hover{color:#ff5722}.checkins-page .ant-pagination{margin-top:24px;text-align:center}.checkins-page .ant-pagination .ant-pagination-item{border-radius:4px}.checkins-page .ant-pagination .ant-pagination-item.ant-pagination-item-active{border-color:#ff6b35}.checkins-page .ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:#ff6b35}.checkins-page .ant-pagination .ant-pagination-prev,.checkins-page .ant-pagination .ant-pagination-next{border-radius:4px}.checkin-detail .ant-card{margin-bottom:16px}.checkin-detail .ant-card .ant-card-head{background:linear-gradient(135deg,#ff6b35,#ff8a65);color:#fff;border-radius:8px 8px 0 0}.checkin-detail .ant-card .ant-card-head .ant-card-head-title{color:#fff;font-weight:600}.checkin-detail .audio-player .ant-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.checkin-detail .audio-player .ant-card .ant-slider .ant-slider-track{background:#ff6b35}.checkin-detail .audio-player .ant-card .ant-slider .ant-slider-handle{border-color:#ff6b35}.checkin-detail .audio-player .ant-card .ant-slider .ant-slider-handle:hover{border-color:#ff5722}.checkin-detail .score-history .ant-card{background:#fafafa;border:1px solid #f0f0f0;margin-bottom:8px}.checkin-detail .score-history .ant-card:hover{background:#f5f5f5;border-color:#d9d9d9}.checkin-detail .action-panel .ant-card{background:#fafafa;border:1px solid #f0f0f0}.checkin-detail .action-panel .ant-card .ant-card-head{background:#f5f5f5;border-bottom:1px solid #e8e8e8}.checkin-detail .action-panel .ant-card .ant-card-head .ant-card-head-title{color:#262626}.checkin-detail .score-form .ant-card{background:#fff7e6;border:1px solid #ffd591}.checkin-detail .score-form .ant-card .ant-card-head{background:#ff6b35;color:#fff}.checkin-detail .score-form .ant-card .ant-card-head .ant-card-head-title{color:#fff}.checkin-detail .score-form .ant-rate .ant-rate-star{color:#ffd591}.checkin-detail .score-form .ant-rate .ant-rate-star.ant-rate-star-full,.checkin-detail .score-form .ant-rate .ant-rate-star.ant-rate-star-half{color:#ff6b35}.checkin-detail .score-form textarea{border-radius:6px;border:1px solid #d9d9d9}.checkin-detail .score-form textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}@media (max-width: 768px){.checkins-page .ant-row{margin-left:-8px!important;margin-right:-8px!important}.checkins-page .ant-col{padding-left:8px!important;padding-right:8px!important}.checkins-page .ant-table .ant-table-thead>tr>th,.checkins-page .ant-table .ant-table-tbody>tr>td{padding:8px 12px}.checkin-detail .ant-row{margin-left:-8px!important;margin-right:-8px!important}.checkin-detail .ant-col{padding-left:8px!important;padding-right:8px!important}}.checkin-detail .ant-card{transition:all .3s ease}.checkin-detail .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.checkin-detail .ant-btn{transition:all .2s ease}.checkin-detail .ant-btn:hover{transform:translateY(-1px)}.ant-spin .ant-spin-dot .ant-spin-dot-item{background-color:#ff6b35}.ant-empty .ant-empty-description{color:#8c8c8c}.recording-feedback .recording-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.recording-feedback .recording-controls .ant-btn{border-radius:6px;font-weight:500}.recording-feedback .recording-controls .ant-btn.start-btn{background:#52c41a;border-color:#52c41a;color:#fff}.recording-feedback .recording-controls .ant-btn.start-btn:hover{background:#389e0d;border-color:#389e0d}.recording-feedback .recording-controls .ant-btn.start-btn:disabled{background:#d9d9d9;border-color:#d9d9d9;color:#bfbfbf}.recording-feedback .recording-controls .ant-btn.stop-btn{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.recording-feedback .recording-controls .ant-btn.stop-btn:hover{background:#cf1322;border-color:#cf1322}.recording-feedback .recording-controls .ant-btn.reset-btn{background:#faad14;border-color:#faad14;color:#fff}.recording-feedback .recording-controls .ant-btn.reset-btn:hover{background:#d48806;border-color:#d48806}.recording-feedback .recording-controls .ant-btn.reset-btn:disabled{background:#d9d9d9;border-color:#d9d9d9;color:#bfbfbf}.recording-feedback .recording-controls .ant-btn.upload-btn{background:#ff6b35;border-color:#ff6b35;color:#fff}.recording-feedback .recording-controls .ant-btn.upload-btn:hover{background:#ff5722;border-color:#ff5722}.recording-feedback .recording-controls .ant-btn.upload-btn:disabled{background:#d9d9d9;border-color:#d9d9d9;color:#bfbfbf}.recording-feedback .recording-controls .recording-timer{color:#666;font-size:14px;font-weight:500;padding:4px 8px;background:#f5f5f5;border-radius:4px;min-width:40px;text-align:center}.recording-feedback .recording-preview{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.recording-feedback .recording-preview audio{width:100%;border-radius:4px}.recording-feedback .recording-preview audio::-webkit-media-controls-panel{background:#fff}.recording-feedback .recording-preview audio::-webkit-media-controls-play-button{background:#ff6b35;border-radius:50%}.recording-feedback .recording-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.recording-feedback .recording-status .status-indicator{width:8px;height:8px;border-radius:50%;background:#d9d9d9}.recording-feedback .recording-status .status-indicator.recording{background:#ff4d4f;animation:pulse 1.5s infinite}.recording-feedback .recording-status .status-indicator.ready{background:#52c41a}.recording-feedback .recording-status .status-text{color:#666;font-size:14px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.audio-feedback{margin:8px 0;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #ff6b35}.audio-feedback .audio-label{font-weight:500;color:#333;margin-bottom:8px;display:block}.audio-feedback .audio-controls{display:flex;align-items:center;gap:8px}.audio-feedback .audio-controls .ant-btn{border-radius:4px;font-size:12px;padding:2px 8px;height:auto;line-height:1.2}.audio-feedback .audio-controls .ant-btn.play-btn{background:#ff6b35;border-color:#ff6b35;color:#fff}.audio-feedback .audio-controls .ant-btn.play-btn:hover{background:#ff5722;border-color:#ff5722}.audio-feedback .audio-controls .ant-btn.stop-btn{background:#f5f5f5;border-color:#d9d9d9;color:#666}.audio-feedback .audio-controls .ant-btn.stop-btn:hover{background:#e6e6e6;border-color:#bfbfbf}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}#root{height:100vh;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.ant-table .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.ant-card{box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;border-radius:8px;border:1px solid #f0f0f0}.ant-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.ant-card .ant-card-body{padding:24px}.ant-btn{border-radius:6px;font-weight:500}.ant-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.ant-form .ant-form-item-label>label{font-weight:500;color:#262626}.ant-input,.ant-select-selector{border-radius:6px}.ant-input:focus,.ant-select-selector:focus,.ant-input.ant-input-focused,.ant-select-selector.ant-input-focused,.ant-input.ant-select-focused .ant-select-selector,.ant-select-selector.ant-select-focused .ant-select-selector{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.ant-modal .ant-modal-content{border-radius:8px}.ant-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.ant-modal .ant-modal-body{padding:24px}.ant-statistic .ant-statistic-title{color:#8c8c8c;font-size:14px}.ant-statistic .ant-statistic-content{font-size:24px;font-weight:600}.ant-tag{border-radius:4px;font-weight:500}.ant-pagination .ant-pagination-item{border-radius:4px}.ant-pagination .ant-pagination-item.ant-pagination-item-active{background-color:#667eea;border-color:#667eea}@media (max-width: 768px){.ant-card-body{padding:16px}.ant-table{font-size:12px}.ant-statistic-content{font-size:20px}}.ant-layout .ant-layout-sider .ant-menu{border-right:none}.ant-layout .ant-layout-header{background:#fff;box-shadow:0 2px 8px #0000001a}.ant-layout .ant-layout-content{background:#f0f2f5;min-height:calc(100vh - 64px)}.sidebar-logo{height:32px;margin:16px;background:#fff3;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:all .3s}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.header-content .header-left{display:flex;align-items:center}.header-content .header-right{display:flex;align-items:center;gap:16px}.main-content{margin:24px;padding:24px;background:#fff;border-radius:8px;min-height:calc(100vh - 112px);box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;width:calc(100% - 48px);max-width:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;width:100%}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-toolbar .toolbar-left{display:flex;gap:16px;align-items:center}.table-toolbar .toolbar-right{display:flex;gap:8px}.filter-container{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-container .filter-item{min-width:200px}.action-buttons{display:flex;gap:8px}.action-buttons .ant-btn{display:flex;align-items:center;gap:4px}.detail-card .detail-row{display:flex;margin-bottom:12px}.detail-card .detail-row .detail-label{font-weight:500;min-width:100px;color:#666}.detail-card .detail-row .detail-value{flex:1}.rating-container .ant-rate{font-size:16px}.rating-container .rating-text{margin-left:8px;color:#666}.status-tag.status-pending{background:#fff7e6;border-color:#ffd591;color:#fa8c16}.status-tag.status-approved{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.status-tag.status-rejected{background:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.notification-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.notification-item:last-child{border-bottom:none}.notification-item .notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-item .notification-content{color:#666;line-height:1.5}.settings-page .settings-section{margin-bottom:24px}.settings-page .settings-section .section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#262626}.settings-page .settings-form .ant-form-item{margin-bottom:16px}