body,html,#root{margin:0;padding:0;height:100%;width:100%}.App{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.sidebar-container{width:240px;min-width:240px;height:100vh;background-color:#2f3b4e;color:#fff;box-sizing:border-box;position:sticky;top:0;left:0}main{flex:1;display:flex;flex-direction:column;background-color:#f3f2f4;min-width:0;box-sizing:border-box}.main-layout-inner{display:flex;flex-direction:column;width:100%;flex:1}.sidebar-container{width:240px;height:100vh;background-color:#2f3b4e;color:#fff;display:flex;flex-direction:column}.sidebar-title{font-size:27px;font-weight:700;padding-bottom:29px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-menu{display:flex;flex-direction:column;padding-top:12px}.menu-item{padding:14px 20px;font-size:15px;color:#fff;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.menu-item:hover{background-color:#ffffff0a}.menu-item.active{background-color:#fff3;font-weight:600}.main-layout-container{display:flex;width:100%;min-height:100vh;background-color:#f3f2f4}.main-layout-inner{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:100px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 55px;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000f}.header h1{font-size:32px;margin:0;font-weight:700}.header-right{display:flex;align-items:center;gap:20px}.header-delay-monitor-btn{padding:8px 16px;background-color:#f0f0f0;color:#666;border-radius:8px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.header-delay-monitor-btn.active{background-color:#ff4d4f;color:#fff}.delay-badge{background:#fff;color:#ff4d4f;padding:1px 9px;border-radius:12px;font-size:13px;font-weight:800;box-shadow:0 2px 4px #0000001a}.header-alarm-toggle{position:relative;width:44px;height:44px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.header-alarm-toggle.muted{background:#fff1f0;border-color:#ffa39e}.header-alarm-toggle.muted .header-icon{filter:grayscale(1);opacity:.4}.mute-slash{position:absolute;width:28px;height:2px;background:#ff4d4f;transform:rotate(-45deg);border-radius:2px;z-index:1}.header-icon{width:28px;height:28px;object-fit:contain}.header-user{position:relative;display:flex;align-items:center;gap:10px}.admin-name{font-weight:600;color:#333}.content{flex:1;padding:32px;overflow-y:auto}.admin-dropdown{position:absolute;top:50px;right:0;width:160px;background:#fff;border-radius:8px;padding:10px;box-shadow:0 4px 12px #00000026;z-index:100}.logout-btn{width:100%;padding:10px;background-color:#f5f5f5;color:#333;border:none;border-radius:4px;cursor:pointer;font-weight:500;text-align:left}.arrow-toggle{width:24px;height:24px;background:none;border:none;cursor:pointer;position:relative}.arrow-toggle:before{content:"";position:absolute;top:8px;left:8px;width:8px;height:8px;border-right:2px solid #555;border-bottom:2px solid #555;transform:rotate(45deg)}.arrow-toggle.open:before{transform:rotate(-135deg)}@keyframes header-emergency-pulse{0%{background-color:#fff}50%{background-color:#fff1f0}to{background-color:#fff}}body.visual-alert-active .header{animation:header-emergency-pulse 1.5s infinite ease-in-out;border-bottom:2px solid #ff4d4f}.ReservationDetailModal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.ReservationDetailModal-overlay.show{opacity:1;visibility:visible}.ReservationDetailModal-content{background:#fff;width:680px;max-height:90vh;overflow-y:auto;border-radius:12px;padding:30px 40px;box-shadow:0 20px 40px #0003}.ReservationDetailModal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.ReservationDetailModal-header-left{display:flex;align-items:center;gap:12px}.ReservationDetailModal-header h2{font-size:1.3rem;font-weight:700;color:#111;margin:0}.ReservationDetailModal-id-tag{font-size:1rem;color:#888;font-weight:400}.ReservationDetailModal-close-x{font-size:32px;border:none;background:none;cursor:pointer;color:#aaa;line-height:1}.ReservationDetailModal-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:5px}.ReservationDetailModal-group label{display:block;font-size:.85rem;color:#999;margin-bottom:8px;font-weight:500}.ReservationDetailModal-text-important{font-size:1.1rem;font-weight:600;color:#222;margin:0}.ReservationDetailModal-text-bold{font-size:1rem;font-weight:600;color:#333;margin:0 0 4px}.ReservationDetailModal-text-base{font-size:.95rem;color:#444;margin:0;line-height:1.5}.ReservationDetailModal-address-text{font-size:.95rem;color:#555;margin:0;line-height:1.4}.ReservationDetailModal-text-sub{font-size:.85rem;color:#999;margin:2px 0 0}.ReservationDetailModal-divider{border:0;border-top:1px solid #f5f5f5;margin:20px 0}.ReservationDetailModal-engineer-box{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #f0f0f0}.ReservationDetailModal-engineer-label{display:block;font-size:.85rem;color:#888;margin-bottom:12px;font-weight:500}.ReservationDetailModal-engineer-main{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.ReservationDetailModal-engineer-name{font-size:1.05rem;color:#444;font-weight:500}.ReservationDetailModal-engineer-level{font-size:.85rem;color:#999;font-weight:400}.ReservationDetailModal-engineer-phone{font-size:.95rem;color:#666;margin:0;font-weight:400}.ReservationDetailModal-unassigned-text{color:#ff7875;font-size:.95rem;font-weight:400;margin:0}.ReservationDetailModal-footer{display:flex;gap:12px;margin-top:30px}.ReservationDetailModal-footer-btn{flex:1;padding:14px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:.2s}.ReservationDetailModal-footer-btn.manage{background:#333;color:#fff}.ReservationDetailModal-footer-btn.close{background:#eee;color:#666}.ReservationDetailModal-footer-btn:hover{opacity:.9}.ReservationDetailModal-loading{text-align:center;padding:60px 0;color:#888}.dashboard-container{height:100%;padding:32px;background-color:#f3f2f4;box-sizing:border-box}.dashboard-header-flex{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.dashboard-greeting{font-size:25px;margin-bottom:8px}.dashboard-sync-info{font-size:14px;color:#666;display:flex;align-items:center;gap:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.stats-toggle-area{display:flex;align-items:center;gap:12px;background:#e6e6e8;padding:6px 12px;border-radius:10px}.toggle-label{font-size:13px;font-weight:700;color:#555}.toggle-group{display:flex;gap:4px}.toggle-btn{border:none;background:none;padding:6px 14px;font-size:13px;font-weight:600;color:#777;cursor:pointer;border-radius:6px;transition:all .2s ease}.toggle-btn.active{background-color:#fff;color:#2f2f2f;box-shadow:0 2px 4px #0000001a}.dashboard-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.stat-card{background-color:#fff;border-radius:14px;padding:20px 0;text-align:center;box-shadow:0 2px 6px #0000000f}.stat-card strong{display:block;font-size:40px;font-weight:700;margin-bottom:4px}.stat-card span{font-size:25px;font-weight:700}.blue{color:#4f6bed}.purple{color:#9b6ef3}.green{color:#3aa76d}.orange{color:#e68a2e}.red{color:#e14b4b}.dashboard-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-table{display:flex;flex-direction:column;min-height:319px}.table-row{display:grid;grid-template-columns:.8fr 1fr 1.2fr 1fr 1.2fr 1fr .8fr;align-items:center;padding:14px 0;border-bottom:1px solid #e6e6e6;font-size:14px;text-align:center}.table-head{font-weight:700;color:#777;border-bottom:2px solid #d9d9d9}.status-badge{display:inline-block;padding:5px 12px;border-radius:14px;font-size:12px;font-weight:600;color:#fff}.status-badge.blue{background-color:#4f6bed}.status-badge.purple{background-color:#9b6ef3}.status-badge.green{background-color:#3aa76d}.status-badge.orange{background-color:#e68a2e}.status-badge.red{background-color:#e14b4b}.status-badge.gray{background-color:#8b8b8b}.pagination{margin-top:20px;display:flex;justify-content:center;gap:8px}.page-btn{min-width:32px;height:32px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px}.page-btn.active{background:#324053;color:#fff;border-color:#324053}.servicepolicy-container{width:100%}.servicepolicy-greeting{font-size:25px;font-weight:600;margin-bottom:35px;color:#2f2f2f}.servicepolicy-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000d;min-height:600px;display:flex;flex-direction:column}.policy-table{width:100%;border-collapse:collapse}.policy-table thead{background-color:#f8f9fa}.policy-table th{padding:16px 12px;font-size:14px;font-weight:600;color:#666;border-bottom:2px solid #eee;text-align:center}.policy-table td{padding:18px 12px;font-size:14px;color:#333;border-bottom:1px solid #f2f2f2;text-align:center;vertical-align:middle}.id-cell{color:#999;font-size:13px}.note-full-cell{text-align:center}.note-full-cell span{display:inline-block;text-align:left;max-width:90%;line-height:1.6}.price-text{font-weight:800;text-align:right!important;padding-right:30px!important}.status-msg{padding:100px!important;text-align:center!important;color:#aaa}.pagination{margin-top:auto;padding-top:30px;display:flex;justify-content:center;gap:8px}.page-btn{min-width:32px;height:32px;border-radius:6px;border:1px solid #e0e0e0;background-color:#fff;font-size:13px;cursor:pointer;color:#666}.ReassignModal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999}.ReassignModal-card{background:#fff;width:800px;border-radius:16px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;overflow:hidden}.ReassignModal-header{padding:28px 30px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start}.ReassignModal-main-title{margin:0;font-size:21px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px}.ReassignModal-sub-info-area{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:14px;color:#777}.ReassignModal-info-divider{color:#eee;font-weight:300}.ReassignModal-header-right{display:flex;align-items:center;gap:20px}.ReassignModal-status-chip{background:#eff4ff;color:#4f6bed;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600}.ReassignModal-x-button{background:none;border:none;font-size:30px;color:#ccc;cursor:pointer;line-height:1}.ReassignModal-content{display:flex;flex-direction:column}.ReassignModal-col-1{width:30%;text-align:left}.ReassignModal-col-2{width:20%;text-align:center}.ReassignModal-col-3{width:18%;text-align:center}.ReassignModal-col-4{width:17%;text-align:center}.ReassignModal-col-5{width:15%;text-align:center}.ReassignModal-list-header{display:flex;padding:14px 36px 14px 30px;background:#f9fafb;border-bottom:1px solid #eee;font-weight:700;color:#666;font-size:14px}.ReassignModal-list-body{max-height:450px;overflow-y:scroll;padding:0 30px}.ReassignModal-list-row{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid #f5f5f5}.ReassignModal-eng-box{display:flex;flex-direction:column;gap:3px}.ReassignModal-eng-name{font-weight:700;color:#333;font-size:16px}.ReassignModal-eng-phone{font-size:13px;color:#999}.ReassignModal-action-btn{background:#4f6bed;color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.ReassignModal-action-btn:hover{background:#3855d6}.ReassignModal-action-btn:disabled{background:#ddd;cursor:not-allowed}.ReassignModal-bold{font-weight:700;font-size:15px}.ReassignModal-green{color:#27ae60}.ReassignModal-blue{color:#4f6bed}.ReassignModal-state-msg{padding:80px 0;text-align:center;color:#bbb;font-size:15px}.reservation-manage-container{height:100%;padding:32px;background-color:#f3f2f4;box-sizing:border-box}.reservation-manage-header-flex{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.reservation-manage-greeting{font-size:25px;font-weight:700;margin-bottom:8px}.manage-sync-info{display:flex;align-items:center;font-size:14px;color:#666;gap:8px}.live-dot{width:8px;height:8px;background-color:#3aa76d;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.delay-monitor-btn{background-color:#fff;border:1px solid #e14b4b;color:#e14b4b;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.delay-monitor-btn:hover{background-color:#e14b4b;color:#fff}.admin-search-section{margin-bottom:20px;display:flex;align-items:center;gap:12px;background-color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #ebebeb}.admin-search-form{display:flex;gap:10px;flex:1;align-items:center}.admin-search-select{padding:10px 12px;border-radius:8px;border:1px solid #ddd;background-color:#f9f9f9;font-size:14px;font-weight:600;outline:none;cursor:pointer;min-width:140px}.admin-search-input-wrapper{flex:1;display:flex}.admin-search-input{padding:10px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;width:100%;outline:none;transition:all .2s}.admin-search-input:focus{border:1px solid #4f6bed;box-shadow:0 0 0 2px #4f6bed1a}.admin-search-submit-btn{padding:10px 28px;background-color:#4f6bed;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 2px 4px #4f6bed4d;white-space:nowrap}.admin-search-submit-btn:hover{background-color:#3d58d4}.admin-search-reset-btn{padding:10px 12px;background-color:transparent;color:#999;border:none;cursor:pointer;font-size:13px;text-decoration:underline;white-space:nowrap}.reservation-manage-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.table-header h2{font-size:18px;font-weight:700;margin-bottom:16px}.table-header h2 span{font-size:14px;color:#888;margin-left:8px}.manage-table-row{display:grid;grid-template-columns:.5fr 1.2fr 1.5fr 1.8fr 1.2fr .8fr 1.5fr .8fr;width:100%;align-items:center;padding:14px 0;border-bottom:1px solid #eee;font-size:13.5px}.table-head{font-weight:700;color:#777;background-color:#f9f9fb;border-bottom:2px solid #ddd}.col-id,.col-service,.col-date,.col-status{text-align:center}.col-user,.col-business,.col-machine,.col-engineer{text-align:left;padding-left:15px}.info-cell{display:flex;flex-direction:column;gap:2px}.sub-info{font-size:11px;color:#949494}.unassigned-text{color:#e14b4b;font-weight:600}.status-select{appearance:none;width:95px;height:32px;padding:0 24px 0 10px;border-radius:6px;font-size:13px;font-weight:700;color:#fff!important;text-align:center;border:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 8px) center;background-size:10px;transition:transform .1s ease}.status-select:active{transform:scale(.95)}.status-select.status-pending{background-color:#4f6bed!important}.status-select.status-confirmed{background-color:#9b6ef3!important}.status-select.status-start{background-color:#3aa76d!important}.status-select.status-completed{background-color:#8b8b8b!important}.status-select.status-canceled{background-color:#e14b4b!important}.status-select option{background-color:#fff;color:#333}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.page-btn{min-width:36px;height:36px;border:1px solid #ddd;background-color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.page-btn.active{background-color:#4f6bed;color:#fff;border-color:#4f6bed}.no-data-msg{padding:60px;text-align:center;color:#999;font-size:15px}.engineer-header-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.eng-name{font-size:13.5px;color:#333}.reassign-action-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:#4f6bed;font-size:11px;font-weight:700;padding:0;cursor:pointer;transition:all .2s ease;opacity:.7}.reassign-action-btn svg{margin-top:.5px}.reassign-action-btn:hover{opacity:1;text-decoration:underline;transform:translate(2px)}.eng-name.unassigned{color:#bbb}.sub-info.unassigned-text{color:#e14b4b;font-weight:500}.unassigned-text{cursor:pointer;text-decoration:underline}.ReservationManagePage-row-highlight{animation:ReservationManagePage-pulse 3s ease-out;position:relative;z-index:10}@keyframes ReservationManagePage-pulse{0%{background-color:transparent}10%{background-color:#4f6bed26;box-shadow:inset 4px 0 #4f6bed}80%{background-color:#4f6bed0d}to{background-color:transparent}}.mgr-modal-overlay{position:fixed;inset:0;background:#1e293bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Pretendard,sans-serif}.mgr-modal-content{background:#fff;width:500px;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow:hidden;animation:mgrScaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes mgrScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mgr-modal-accent-bar{height:6px;background:linear-gradient(90deg,#4f6bed,#818cf8)}.mgr-modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.title-group .id-badge{font-size:11px;font-weight:800;color:#4f6bed;background:#eff6ff;padding:4px 10px;border-radius:6px;margin-bottom:8px;display:inline-block}.title-group h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.close-btn{background:none;border:none;font-size:32px;color:#94a3b8;cursor:pointer}.mgr-modal-body{padding:0 32px 32px}.mgr-profile-banner{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:20px;margin-bottom:24px}.mgr-avatar{width:56px;height:56px;background:#4f6bed;color:#fff;border-radius:18px;display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:800;box-shadow:0 10px 15px -3px #4f6bed33}.name-row{display:flex;align-items:center;gap:8px}.name-text{font-size:18px;font-weight:700;color:#1e293b}.status-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.inactive{background:#fee2e2;color:#b91c1c}.email-text{font-size:14px;color:#64748b;margin:4px 0 0}.mgr-form-section{margin-bottom:24px}.mgr-label{font-size:13px;font-weight:800;color:#94a3b8;margin-bottom:12px}.mgr-read-only{display:grid;grid-template-columns:1fr 1fr;gap:12px}.read-row{display:flex;flex-direction:column;gap:4px}.read-row label{font-size:12px;color:#94a3b8}.read-row span{font-size:14px;font-weight:600;color:#334155}.mgr-input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mgr-input-group{display:flex;flex-direction:column;gap:6px}.mgr-input-group label{font-size:13px;font-weight:600;color:#475569}.mgr-input-group select{height:44px;border-radius:12px;border:1.5px solid #e2e8f0;padding:0 12px;background:#fff;font-size:14px;transition:all .2s;outline:none}.mgr-input-group select:focus{border-color:#4f6bed;box-shadow:0 0 0 4px #4f6bed1a}.mgr-modal-footer{padding:24px 32px;background:#f8fafc;display:flex;gap:12px}.mgr-btn{flex:1;height:50px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.mgr-btn.secondary{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.mgr-btn.primary{background:#4f6bed;border:none;color:#fff;flex:2}.mgr-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f6bed4d}.mgr-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.driviermanage-container{background-color:#f3f2f4;height:100%;padding:32px;box-sizing:border-box}.driviermanage-greeting{font-size:25px;font-weight:700;margin-bottom:30px;color:#2f2f2f}.driviermanage-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;min-height:600px;display:flex;flex-direction:column}.driviermanage-table{display:flex;flex-direction:column;flex:1}.driver-table-row{display:grid;grid-template-columns:.6fr 1fr 1fr 1.3fr 1.2fr .8fr 1fr;align-items:center;padding:16px 0;border-bottom:1px solid #eee;font-size:14px;text-align:center;color:#333}.driver-table-head{font-weight:700;color:#777;background-color:#f9f9fb;border-bottom:2px solid #ddd;border-radius:8px 8px 0 0}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;color:#fff;min-width:60px}.graycolor{background-color:#8b8b8b}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:30px;border-top:1px solid #f0f0f0;width:100%}.page-btn{min-width:36px;height:36px;border:1px solid #ddd;background-color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;justify-content:center;align-items:center}.page-btn:hover:not(:disabled){background-color:#f0f4ff;border-color:#4f6bed;color:#4f6bed}.page-btn.active{background-color:#4f6bed;color:#fff;border-color:#4f6bed;font-weight:700}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.arrow{font-weight:700;color:#4f6bed;font-family:Courier New,Courier,monospace}.page-btn.arrow:disabled{color:#ccc}.no-data{padding:100px 0;text-align:center;color:#999}.summary-info{font-size:14px;color:#666;margin-left:15px;font-weight:400}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f8faff}.emp-name{font-weight:600}.completed-count{font-weight:600;color:#4f6bed}.summary-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.summary-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:8px;border-top:4px solid #ddd}.summary-card.total{border-top-color:#4f6bed}.summary-card.active{border-top-color:#3aa76d}.summary-card.inactive{border-top-color:#8b8b8b}.summary-card.resigned{border-top-color:#e14b4b}.card-label{font-size:14px;color:#64748b;font-weight:600}.card-value{font-size:28px;color:#1e293b;font-weight:800}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;width:90%;max-width:700px;max-height:85vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0003}.modal-header{padding:20px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:700;margin:0}.close-x-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#888}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-section{margin-bottom:30px}.modal-section h3{font-size:15px;color:#2f2f2f;margin-bottom:12px;border-left:4px solid #2f2f2f;padding-left:10px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8f9fa;padding:16px;border-radius:8px}.info-item label{font-size:12px;color:#888;display:block;margin-bottom:2px}.info-item span{font-size:14px;font-weight:500}.business-card{padding:12px;border:1px solid #eee;border-radius:8px;margin-bottom:8px}.biz-name{font-size:14px;font-weight:600;margin-bottom:4px}.biz-addr{font-size:13px;color:#666}.modal-table-wrapper{border:1px solid #eee;border-radius:8px;overflow:hidden}.modal-table{width:100%;border-collapse:collapse;font-size:13px}.modal-table th{background:#f8f9fa;padding:10px;text-align:center;border-bottom:1px solid #eee}.modal-table td{padding:10px;text-align:center;border-bottom:1px solid #eee}.status-text.CONFIRMED{color:#3aa76d;font-weight:600}.status-text.CANCELLED{color:#e14b4b;font-weight:600}.modal-loading-wrapper{padding:100px 0;text-align:center;color:#666}.section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:15px;padding-left:12px;border-left:4px solid #2f2f2f}.business-card{background:#fff;border:1px solid #e1e1e1;border-radius:10px;padding:16px;margin-bottom:12px}.biz-header{display:flex;justify-content:space-between;margin-bottom:8px}.biz-name{font-size:15px;font-weight:700;color:#2f2f2f}.biz-manager{font-size:13px;color:#888}.biz-addr{font-size:13px;color:#555;margin-bottom:10px}.biz-extra{font-size:12px;color:#999;display:flex;gap:15px}.status-tag{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.status-tag.COMPLETED{background:#e8f5e9;color:#2e7d32}.status-tag.CONFIRMED{background:#e3f2fd;color:#1565c0}.status-tag.CANCELLED{background:#ffebee;color:#c62828}.service-type-tag{color:#555;font-weight:500}.no-data-text{text-align:center;padding:20px;color:#bbb;font-size:14px}.customermanage-container{background-color:#f3f2f4;height:100%;padding:32px}.customermanage-greeting{font-size:25px;font-weight:600;margin-bottom:40px;color:#2f2f2f}.search-filter-wrapper{background-color:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.search-filter-form{display:flex;align-items:flex-end;gap:15px}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1}.select-group{flex:.8}.filter-group label{font-size:13px;font-weight:600;color:#666}.filter-group input,.filter-group select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;height:42px;box-sizing:border-box;outline:none}.search-submit-btn{padding:0 24px;height:42px;background-color:#2f2f2f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s}.search-submit-btn:hover{background-color:#4a4a4a}.customermanage-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;min-height:600px}.customermanage-table{display:flex;flex-direction:column;height:100%}.customer-table-row{display:grid;grid-template-columns:.6fr 1fr 1.5fr 1fr 1fr 1fr 1fr;align-items:center;padding:14px 0;border-bottom:1px solid #eee;font-size:14px;text-align:center}.customer-table-head{font-weight:600;background-color:#f8f9fa;border-bottom:2px solid #ddd;border-radius:8px 8px 0 0;color:#444}.table-content-area{min-height:440px}.highlight-fade{animation:highlightFade .8s ease-out}@keyframes highlightFade{0%{background-color:#2f2f2f14}to{background-color:transparent}}.is-loading{opacity:.5;pointer-events:none}.detail-btn{padding:6px 14px;border-radius:6px;border:1px solid #ddd;background-color:#fff;color:#444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.detail-btn:hover{background-color:#f8f9fa;border-color:#bbb}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;display:inline-block}.redcolor{background-color:#e14b4b}.pagination{margin-top:auto;padding-top:30px;display:flex;justify-content:center;align-items:center;gap:8px}.page-btn,.arrow-btn{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:6px;font-size:14px}.arrow-btn:disabled{opacity:.3;cursor:not-allowed}.table-content-area{min-height:480px;position:relative}.loading-row,.no-data-row{display:flex;justify-content:center;align-items:center;height:400px;color:#888;font-size:15px;width:100%}.is-loading{opacity:.6;pointer-events:none;transition:opacity .2s}.adminaccount-container{background-color:#f3f2f4;height:100%;padding:32px}.adminaccount-greeting{font-size:25px;font-weight:600;margin-bottom:40px;color:#2f2f2f}.adminaccount-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;height:584px}.adminaccount-table{display:flex;flex-direction:column;height:100%}.adminaccount-row{display:grid;grid-template-columns:.7fr 1.3fr 1fr 1fr 1.6fr 1.2fr 1.2fr;align-items:center;padding:14px 0;border-bottom:1px solid #E6E6E6;font-size:14px;text-align:center;color:#333}.adminaccount-row:last-child{border-bottom:none}.adminaccount-head{font-weight:600;color:#555;background-color:#f6f6f7;border-bottom:1px solid #D9D9D9}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff}.greencolor{background-color:#3aa76d}.graycolor{background-color:#e14b4b}.pagination{margin-top:auto;padding-top:20px;display:flex;justify-content:center;gap:6px}.page-btn{min-width:32px;height:32px;border-radius:6px;border:1px solid #ddd;background-color:#fff;font-size:13px;color:#555;cursor:pointer}.page-btn.active{background-color:#2f2f2f;color:#fff;border-color:#2f2f2f}.admin-login-page{width:100vw;height:100vh;background-color:#f3f2f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-login-card{width:650px;background-color:#fff;border-radius:20px;padding:70px 60px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center}.admin-login-title{font-size:36px;font-weight:800;letter-spacing:2px;margin-bottom:16px;color:#2f3b4e}.admin-login-desc{font-size:16px;color:#666;margin-bottom:48px;text-align:center}.admin-login-form{width:100%;display:flex;flex-direction:column;gap:28px}.admin-login-input-group{display:flex;flex-direction:column;gap:10px}.admin-login-input-group label{font-size:15px;font-weight:600;color:#444}.admin-login-input-group input{height:56px;padding:0 16px;border-radius:10px;border:1px solid #ddd;font-size:16px}.admin-login-input-group input:focus{outline:none;border-color:#2f3b4e;box-shadow:0 0 0 3px #2f3b4e1a}.admin-login-button{margin-top:24px;height:60px;border-radius:10px;border:none;background-color:#2f3b4e;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .2s}.admin-login-button:hover{background-color:#1a2533}.admin-login-footer{margin-top:40px;font-size:13px;color:#aaa}.status-badge.PENDING{background-color:#e0f2fe;color:#0369a1}.status-badge.CONFIRMED{background-color:#f3e8ff;color:#7e22ce}.status-badge.START{background-color:#dcfce7;color:#15803d}.status-badge.COMPLETED{background-color:#ffedd5;color:#c2410c}.status-badge.CANCELED{background-color:#fee2e2;color:#b91c1c}.DelayedReservationPage-container{padding:20px;background-color:#f3f2f4;min-height:100vh;box-sizing:border-box}.DelayedReservationPage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.DelayedReservationPage-title{font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px;margin:0}.DelayedReservationPage-sync-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;color:#888;margin-top:8px}.DelayedReservationPage-current-time{font-weight:600;color:#0056b3}.DelayedReservationPage-back-btn{padding:8px 16px;background-color:#fff;border:1px solid #0056b3;color:#0056b3;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.DelayedReservationPage-back-btn:hover{background-color:#f0f7ff}.DelayedReservationPage-summary{margin-bottom:20px;padding:16px 24px;background-color:#fff1f0;border:1px solid #ffa39e;border-radius:12px;color:#cf1322;font-size:15px;font-weight:500}.DelayedReservationPage-table-wrapper{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.DelayedReservationPage-table-row{display:grid;grid-template-columns:130px 1fr 1.5fr 1.2fr 1.2fr 1fr 100px;align-items:center;padding:18px 0;border-bottom:1px solid #f0f0f0;font-size:14px;text-align:center}.DelayedReservationPage-table-head{font-weight:700;color:#555;border-bottom:2px solid #d9d9d9;background-color:#fafafa;padding:12px 0}.DelayedReservationPage-table-body{max-height:600px;overflow-y:auto}.cell-composite{display:flex;flex-direction:column;gap:6px;padding:0 8px}.cell-main{font-weight:700;color:#262626}.cell-sub{font-size:12px;color:#8c8c8c;line-height:1.4}.delay-badge{display:inline-block;white-space:nowrap;padding:6px 12px;background-color:#fff1f0;border:1px solid #ffa39e;border-radius:6px;font-size:13px;font-weight:800}.cell-action{display:flex;justify-content:center;align-items:center}.manage-btn{padding:6px 16px;background-color:#fff;border:1px solid #d9d9d9;color:#555;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.manage-btn:hover{border-color:#0056b3;color:#0056b3;background-color:#f0f7ff}.unassigned{color:#ff4d4f;font-weight:600}.DelayedReservationPage-no-data{padding:100px 0;text-align:center;color:#999}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}body{font-family:Pretendard,sans-serif;font-weight:600}
