.client-visit-reservation[data-v-0c3c7ac1]{font-family:Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}[data-v-0c3c7ac1]:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--border-color:#dcdfe6;--bg-color:#f5f7fa}[data-v-0c3c7ac1]{margin:0;padding:0;box-sizing:border-box}body[data-v-0c3c7ac1]{background-color:var(--bg-color);color:#333;line-height:1.6}.app-container[data-v-0c3c7ac1]{max-width:90%;margin:0 auto;padding:20px}.app-header[data-v-0c3c7ac1]{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.app-title[data-v-0c3c7ac1]{font-size:28px;color:var(--primary-color);margin-bottom:10px;font-weight:600}.app-subtitle[data-v-0c3c7ac1]{color:var(--info-color);font-size:16px}.main-content[data-v-0c3c7ac1]{display:flex;flex-wrap:wrap;gap:20px}.form-section[data-v-0c3c7ac1]{flex:1;min-width:300px}.form-section[data-v-0c3c7ac1],.overview-section[data-v-0c3c7ac1]{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.overview-section[data-v-0c3c7ac1]{flex:0 0 300px}.section-title[data-v-0c3c7ac1]{font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--primary-color);display:flex;align-items:center;font-weight:600}.section-title i[data-v-0c3c7ac1]{margin-right:8px}.form-row[data-v-0c3c7ac1]{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:20px}.form-item[data-v-0c3c7ac1]{flex:1;min-width:250px}.time-slots-container[data-v-0c3c7ac1]{margin:20px 0}.time-slot-title[data-v-0c3c7ac1]{margin-bottom:15px;font-weight:600;color:#606266;font-size:15px}.time-slots[data-v-0c3c7ac1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.time-slot-card[data-v-0c3c7ac1]{border:1px solid var(--border-color);border-radius:6px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.time-slot-card[data-v-0c3c7ac1]:hover{box-shadow:0 2px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.time-slot-card.selected[data-v-0c3c7ac1]{border-color:var(--primary-color);background-color:rgba(64,158,255,.05);box-shadow:0 0 0 1px var(--primary-color)}.time-slot-card.disabled[data-v-0c3c7ac1]{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.time-slot-header[data-v-0c3c7ac1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.time-slot-time[data-v-0c3c7ac1]{font-weight:600;font-size:16px;color:#303133}.time-slot-status[data-v-0c3c7ac1]{font-size:12px;padding:2px 8px;border-radius:10px;background-color:var(--info-color);color:#fff;font-weight:500}.time-slot-status.available[data-v-0c3c7ac1]{background-color:var(--success-color)}.time-slot-status.normal[data-v-0c3c7ac1]{background-color:var(--primary-color)}.time-slot-status.limited[data-v-0c3c7ac1]{background-color:var(--warning-color)}.time-slot-status.full[data-v-0c3c7ac1]{background-color:#f56c6c}.time-slot-capacity[data-v-0c3c7ac1]{font-size:14px;color:var(--info-color)}.location-tabs[data-v-0c3c7ac1]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.location-tab[data-v-0c3c7ac1]{flex:1;min-width:120px;text-align:center;padding:12px 10px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .3s;background:#fff}.location-tab[data-v-0c3c7ac1]:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.location-tab.selected[data-v-0c3c7ac1]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px rgba(64,158,255,.3)}.location-icon[data-v-0c3c7ac1]{font-size:24px;margin-bottom:5px;display:block}.location-name[data-v-0c3c7ac1]{font-size:14px;font-weight:500;margin-bottom:3px}.location-capacity[data-v-0c3c7ac1]{font-size:11px;opacity:.8}.today-overview[data-v-0c3c7ac1]{margin-bottom:30px}.overview-stats[data-v-0c3c7ac1]{display:flex;justify-content:space-between;margin-bottom:15px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;padding:15px}.stat-item[data-v-0c3c7ac1]{text-align:center;padding:10px;flex:1}.stat-value[data-v-0c3c7ac1]{font-size:24px;font-weight:600;color:var(--primary-color)}.stat-label[data-v-0c3c7ac1]{font-size:12px;color:var(--info-color);margin-top:5px;text-transform:uppercase;letter-spacing:.5px}.capacity-chart[data-v-0c3c7ac1]{margin-top:20px}.capacity-item[data-v-0c3c7ac1]{margin-bottom:15px}.capacity-header[data-v-0c3c7ac1]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}.capacity-name[data-v-0c3c7ac1]{font-weight:500;color:#303133}.capacity-bar[data-v-0c3c7ac1]{height:10px;background-color:#ebeef5;border-radius:5px;overflow:hidden}.capacity-fill[data-v-0c3c7ac1]{height:100%;border-radius:5px;transition:width .5s ease}.capacity-fill.low[data-v-0c3c7ac1]{background:linear-gradient(90deg,#67c23a,#85ce61)}.capacity-fill.medium[data-v-0c3c7ac1]{background:linear-gradient(90deg,#e6a23c,#ebb563)}.capacity-fill.high[data-v-0c3c7ac1]{background:linear-gradient(90deg,#f56c6c,#f78989)}.stats-chart[data-v-0c3c7ac1]{margin-top:30px}.time-usage[data-v-0c3c7ac1]{margin-top:10px}.time-usage-item[data-v-0c3c7ac1]{display:flex;align-items:center;margin-bottom:10px}.time-label[data-v-0c3c7ac1]{width:80px;font-size:13px;color:#606266}.usage-bar[data-v-0c3c7ac1]{flex:1;height:8px;background-color:#ebeef5;border-radius:4px;overflow:hidden;margin:0 10px}.usage-fill[data-v-0c3c7ac1]{height:100%;background:linear-gradient(90deg,#409eff,#66b1ff);border-radius:4px;transition:width .5s ease}.usage-percent[data-v-0c3c7ac1]{width:40px;text-align:right;font-size:12px;color:var(--info-color)}.form-actions[data-v-0c3c7ac1]{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.appointments-list[data-v-0c3c7ac1]{max-height:450px}.appointments-list-r[data-v-0c3c7ac1],.appointments-list[data-v-0c3c7ac1]{overflow-y:auto;margin-top:15px;border:1px solid var(--border-color);border-radius:6px}.appointments-list-r[data-v-0c3c7ac1]{max-height:100vh}.appointment-item[data-v-0c3c7ac1]{padding:12px 15px;border-bottom:1px solid var(--border-color);transition:background-color .3s}.appointment-item[data-v-0c3c7ac1]:hover{background-color:rgba(64,158,255,.05)}.appointment-item[data-v-0c3c7ac1]:last-child{border-bottom:none}.appointment-time[data-v-0c3c7ac1]{font-weight:600;color:var(--primary-color);font-size:14px}.appointment-company[data-v-0c3c7ac1]{margin-top:5px;font-size:14px;color:#303133}.appointment-location[data-v-0c3c7ac1]{font-size:12px;color:var(--info-color);margin-top:3px}.validation-error[data-v-0c3c7ac1]{color:var(--danger-color);font-size:12px;margin-top:5px;min-height:18px}.success-message[data-v-0c3c7ac1]{background-color:rgba(103,194,58,.1);border:1px solid var(--success-color);border-radius:8px;padding:25px;margin-top:20px;text-align:center;animation:fadeIn-0c3c7ac1 .5s ease}@keyframes fadeIn-0c3c7ac1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-title[data-v-0c3c7ac1]{color:var(--success-color);font-size:18px;margin-bottom:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.success-details[data-v-0c3c7ac1]{text-align:left;background:#fff;padding:20px;border-radius:6px;margin-top:15px;border:1px solid var(--border-color)}.detail-row[data-v-0c3c7ac1]{display:flex;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ebeef5}.detail-row[data-v-0c3c7ac1]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-label[data-v-0c3c7ac1]{width:100px;color:var(--info-color);font-size:14px}.detail-value[data-v-0c3c7ac1]{flex:1;font-weight:500;color:#303133;font-size:14px}@media (max-width:1200px){.app-container[data-v-0c3c7ac1]{padding:15px}.form-section[data-v-0c3c7ac1],.overview-section[data-v-0c3c7ac1]{padding:20px}}@media (max-width:992px){.main-content[data-v-0c3c7ac1]{flex-direction:column}.overview-section[data-v-0c3c7ac1]{flex:1}.time-slots[data-v-0c3c7ac1]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.form-row[data-v-0c3c7ac1]{flex-direction:column;gap:15px}.time-slots[data-v-0c3c7ac1]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.location-tabs[data-v-0c3c7ac1]{flex-direction:column}.form-actions[data-v-0c3c7ac1]{flex-direction:column;width:100%}.form-actions button[data-v-0c3c7ac1]{width:100%;margin-bottom:10px}.app-title[data-v-0c3c7ac1]{font-size:24px}.app-subtitle[data-v-0c3c7ac1]{font-size:14px}.overview-stats[data-v-0c3c7ac1]{flex-direction:column;gap:10px}.stat-item[data-v-0c3c7ac1]{padding:5px}}@media (max-width:480px){.app-container[data-v-0c3c7ac1]{padding:10px}.form-section[data-v-0c3c7ac1],.overview-section[data-v-0c3c7ac1]{padding:15px}.section-title[data-v-0c3c7ac1]{font-size:16px}.time-slots[data-v-0c3c7ac1]{grid-template-columns:1fr}.time-slot-card[data-v-0c3c7ac1]{padding:12px}.location-tab[data-v-0c3c7ac1]{min-width:auto}.success-details[data-v-0c3c7ac1]{padding:15px}.detail-row[data-v-0c3c7ac1]{flex-direction:column;gap:5px}.detail-label[data-v-0c3c7ac1]{width:100%}}.appointments-list[data-v-0c3c7ac1]::-webkit-scrollbar{width:6px}.appointments-list[data-v-0c3c7ac1]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.appointments-list[data-v-0c3c7ac1]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.appointments-list[data-v-0c3c7ac1]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.client-visit-reservation[data-v-0c3c7ac1]{width:100%!important;margin:0!important;padding:0!important}.app-container[data-v-0c3c7ac1]{max-width:100%!important;padding:0!important}.form-actions[data-v-0c3c7ac1],.success-message .el-button[data-v-0c3c7ac1]{display:none!important}.form-section[data-v-0c3c7ac1],.overview-section[data-v-0c3c7ac1]{box-shadow:none!important;border:1px solid #ddd!important;page-break-inside:avoid}}