@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
@keyframes apple-spin{to{transform:rotate(360deg)}}.main-header{z-index:1002;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;height:70px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}@media (max-width:1023px){.main-header{justify-content:space-between}}@media (min-width:1024px){.main-header{justify-content:flex-end;padding-left:304px;transition:padding-left .3s}body.sidebar-closed .main-header{padding-left:94px}}.header-left{align-items:center;gap:20px;display:flex}@media (min-width:1024px){.header-left{display:none}}.main-header.with-breadcrumb{justify-content:space-between}.main-header.with-breadcrumb .header-left{flex:1;min-width:0;display:flex}@media (min-width:1024px){.main-header.with-breadcrumb .header-left{display:flex}}.setup-breadcrumb{border-left:none;align-items:center;margin-left:0;padding-left:0;display:flex}@media (max-width:640px){.setup-breadcrumb{display:none}}.shift-breadcrumb{border-left:none;align-items:center;margin-left:0;padding-left:0;display:flex}.shift-breadcrumb .breadcrumb-list{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.shift-breadcrumb .breadcrumb-item{align-items:center;display:flex}.shift-breadcrumb .breadcrumb-separator{color:#d1d5db;justify-content:center;align-items:center;margin:0 6px;display:flex}.shift-breadcrumb .breadcrumb-separator svg{opacity:.5;width:14px;height:14px}.shift-breadcrumb .breadcrumb-link{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.shift-breadcrumb .breadcrumb-link:hover:not(.disabled),.shift-breadcrumb .breadcrumb-link:hover:not(.disabled) .breadcrumb-icon{color:#374151}.shift-breadcrumb .breadcrumb-link.active{color:#1f2937;font-weight:600}.shift-breadcrumb .breadcrumb-link.active .breadcrumb-icon{color:#4a90d9}.shift-breadcrumb .breadcrumb-link.active .breadcrumb-label{color:#1f2937}.shift-breadcrumb .breadcrumb-icon{justify-content:center;align-items:center;transition:all .2s;display:flex}.shift-breadcrumb .breadcrumb-icon svg{width:18px;height:18px}.shift-breadcrumb .breadcrumb-label{display:block}.shift-breadcrumb .breadcrumb-indicator{background:#4a90d9;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@media (max-width:640px){.shift-breadcrumb .breadcrumb-label{display:none}.shift-breadcrumb .breadcrumb-link{padding:6px 8px}}.restaurant-breadcrumb{border-left:none;align-items:center;gap:12px;margin-left:0;padding-left:0;display:flex}.breadcrumb-back-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.breadcrumb-back-btn:hover{color:#4a90d9;background:#4a90d91a;border-color:#4a90d94d}.breadcrumb-back-btn svg{width:18px;height:18px}.breadcrumb-title{align-items:center;gap:10px;display:flex}.breadcrumb-title .breadcrumb-icon{color:#4a90d9;justify-content:center;align-items:center;display:flex}.breadcrumb-title h1{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}@media (max-width:640px){.restaurant-breadcrumb{margin-left:12px;padding-left:12px}.restaurant-breadcrumb .breadcrumb-list{display:none}}.page-title-header{align-items:center;display:flex}.page-title-header h1{color:#1e293b;margin:0;font-size:18px;font-weight:600}.breadcrumb-list{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-separator{color:#d1d5db;justify-content:center;align-items:center;margin:0 6px;display:flex}.breadcrumb-separator svg{opacity:.5;width:14px;height:14px}.breadcrumb-link{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.breadcrumb-link:hover:not(.disabled),.breadcrumb-link:hover:not(.disabled) .breadcrumb-icon{color:#374151}.breadcrumb-link.completed{color:#6b7280}.breadcrumb-link.completed .breadcrumb-icon{color:#10b981}.breadcrumb-link.completed:hover:not(.disabled){color:#374151}.breadcrumb-link.active{color:#1f2937;font-weight:600}.breadcrumb-link.active .breadcrumb-icon{color:#4a90d9}.breadcrumb-link.active .breadcrumb-label{color:#1f2937}.breadcrumb-link.disabled{color:#d1d5db;cursor:not-allowed}.breadcrumb-link.disabled .breadcrumb-icon{color:#d1d5db}.breadcrumb-icon{justify-content:center;align-items:center;transition:all .2s;display:flex}.breadcrumb-icon svg{width:18px;height:18px}.breadcrumb-label{display:block}@media (max-width:900px){.breadcrumb-label{display:none}.breadcrumb-link{padding:6px 8px}}.breadcrumb-indicator{background:#4a90d9;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.menu-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:opacity .2s;display:flex}.menu-toggle:hover{opacity:.7}.menu-toggle svg{width:16px;height:16px;display:block}.header-right{align-items:center;gap:16px;display:flex}.header-shift-filter{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-family:Poppins,sans-serif;transition:all .2s;display:flex}.header-shift-filter svg{color:#6b7280;flex-shrink:0;width:14px;height:14px}.header-shift-filter select{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.header-shift-filter select option{font-family:Poppins,sans-serif}.header-shift-filter:hover,.header-shift-filter:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}:is(.header-shift-filter:hover,.header-shift-filter:focus-within) svg{color:#3b82f6}@media (max-width:640px){.header-shift-filter{padding:6px 8px}.header-shift-filter select{font-size:12px}}.header-search-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none}.header-search-btn svg{width:20px;height:20px}.header-search-btn:hover{color:#3b82f6;background:#fff;border-color:#3b82f6}@media (max-width:1400px){.header-search-btn{display:flex}.header-search-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.header-global-search{display:none!important}}.mobile-search-panel{z-index:1001;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}@media (min-width:1024px){.mobile-search-panel{transition:left .3s;left:280px}body.sidebar-closed .mobile-search-panel{left:70px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-search-container{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.mobile-search-container svg{color:#9ca3af;flex-shrink:0;width:20px;height:20px}.mobile-search-container:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mobile-search-container:focus-within svg{color:#3b82f6}.mobile-search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:Poppins,sans-serif;font-size:15px}.mobile-search-input::placeholder{color:#9ca3af}.mobile-search-close{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;transition:all .15s;display:flex}.mobile-search-close:hover{color:#374151;background:#d1d5db}@media (min-width:1401px){.mobile-search-panel{display:none!important}}.header-add-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-ai-test-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-ai-test-btn svg{width:22px;height:22px}.header-ai-test-btn:hover{background:linear-gradient(135deg,#3730a3 0%,#5b21b6 100%);transform:scale(1.05);box-shadow:0 4px 16px #4f46e54d}.header-ai-test-btn:active{transform:scale(.98)}.header-global-search{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;min-width:280px;max-width:400px;padding:8px 14px;transition:all .2s;display:flex}.header-global-search svg{color:#9ca3af;flex-shrink:0;width:18px;height:18px}.header-global-search .global-search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:Poppins,sans-serif;font-size:14px}.header-global-search .global-search-input::placeholder{color:#9ca3af}.header-global-search .search-shortcut{color:#6b7280;background:#e5e7eb;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px;display:flex}.header-global-search:hover,.header-global-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}:is(.header-global-search:hover,.header-global-search:focus-within) svg{color:#3b82f6}@media (max-width:900px){.header-global-search{min-width:200px}.header-global-search .search-shortcut{display:none}}@media (max-width:640px){.header-global-search{min-width:140px;padding:6px 10px}.header-global-search .global-search-input{font-size:13px}}.header-icon{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.header-icon:hover{color:#374151;background:#f3f4f6}.header-icon svg{width:23px;height:23px}.header-icon.whatsapp-icon.connected{color:#25d366}.header-icon.whatsapp-icon.disconnected{color:#dc2626}.header-icon.whatsapp-icon:hover{opacity:.8;background:#f3f4f6}.header-icon.notification-icon .notification-badge{color:#fff;background:#ff4c5e;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.header-divider{background:#e5e7eb;width:1px;height:24px;margin:0 8px}@media (max-width:1023px){.header-divider{display:none}}.design-studio-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4a90d9;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.design-studio-btn:hover{background:#3a7bc8}.design-studio-btn span{color:#fff}@media (max-width:1023px){.design-studio-btn{display:none}}.user-profile{border-radius:12px;align-items:center;gap:12px;padding:6px 12px;transition:background .2s;display:flex;position:relative}.user-profile-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:0;display:flex}.user-profile:hover,.user-profile.user-profile-active{background:#f3f4f6}.user-avatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px}.user-avatar-placeholder{color:#6b7280;background:#e5e7eb;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:500;display:flex}.user-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}@media (max-width:768px){.user-info{display:none}}.user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:150px;font-size:14px;font-weight:500;line-height:1.4;display:flex;overflow:hidden}.user-alert-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;animation:2s ease-in-out infinite pulse-badge;display:inline-flex}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-role{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:150px;font-size:12px;line-height:1.4;overflow:hidden}.user-profile svg{color:#6b7280;transition:transform .2s}@media (max-width:768px){.user-profile svg{display:none}}.user-profile:hover svg,.user-profile.user-profile-active svg{transform:translateY(2px)}.user-profile svg.chevron-up{transform:rotate(180deg)}.user-profile-menu{z-index:10003;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:260px;animation:.2s ease-out dropdownSlideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-profile-menu-item{text-align:left;cursor:pointer;color:#1e293b;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;transition:background .2s;display:flex}.user-profile-menu-item svg{color:#6b7280;flex-shrink:0;width:20px;height:20px}.user-profile-menu-item:hover:not(:disabled){background:#f3f4f6}.user-profile-menu-item:disabled{opacity:.6;cursor:not-allowed}.user-profile-menu-item-danger,.user-profile-menu-item-danger svg{color:#dc2626}.user-profile-menu-item-danger:hover:not(:disabled){background:#fef2f2}.user-profile-menu-item.whatsapp-status{position:relative}.user-profile-menu-item.whatsapp-status .status-indicator{border-radius:50%;width:8px;height:8px;margin-left:auto}.user-profile-menu-item.whatsapp-status .status-indicator.connected{background:#22c55e;box-shadow:0 0 6px #22c55e80}.user-profile-menu-item.whatsapp-status .status-indicator.disconnected{background:#ef4444;box-shadow:0 0 6px #ef444480}.user-profile-menu-item.whatsapp-status.connected svg{color:#25d366}.user-profile-menu-item.whatsapp-status.disconnected svg{color:#ef4444}.user-profile-menu-item.design-studio svg{color:#8b5cf6}.user-profile-menu-item.design-studio:hover svg{color:#7c3aed}.user-profile-menu-item.language-switcher{cursor:default}.user-profile-menu-item.language-switcher:hover{background:0 0}.user-profile-menu-item.language-switcher .lang-toggle{background:#f3f4f6;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:2px;display:flex}.user-profile-menu-item.language-switcher .lang-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.user-profile-menu-item.language-switcher .lang-btn:hover:not(.active){color:#374151;background:#e5e7eb}.user-profile-menu-item.language-switcher .lang-btn.active{color:#fff;background:#3b82f6}.menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.user-profile-menu-item .spinner-small{border:2px solid #e5e7eb;border-top-color:#dc2626;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.user-profile-alerts-section{padding:0}.alerts-section-header{color:#92400e;background:#fef3c7;border-bottom:1px solid #fcd34d;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;display:flex}.alerts-section-header svg{color:#d97706;flex-shrink:0}.alerts-section-header .alerts-count{color:#fff;background:#f59e0b;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.user-profile-alert-item{background:#fffbeb;border-bottom:1px solid #fef3c7;align-items:center;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.user-profile-alert-item:hover{background:#fef3c7}.user-profile-alert-item.alert-warning .alert-title{color:#92400e}.user-profile-alert-item.alert-error{background:#fef2f2;border-color:#fecaca}.user-profile-alert-item.alert-error:hover{background:#fee2e2}.user-profile-alert-item.alert-error .alert-title{color:#991b1b}.user-profile-alert-item.alert-info{background:#eff6ff;border-color:#dbeafe}.user-profile-alert-item.alert-info:hover{background:#dbeafe}.user-profile-alert-item.alert-info .alert-title{color:#1e40af}.user-profile-alert-item .alert-content{flex:1;min-width:0}.user-profile-alert-item .alert-content .alert-title{margin-bottom:2px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;display:block}.user-profile-alert-item .alert-content .alert-message{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;display:block;overflow:hidden}.user-profile-alert-item .alert-link{color:#3b82f6;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500}.alerts-section-divider{background:#e5e7eb;height:1px;margin:0}.accounts-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10010;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.accounts-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideUp;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.accounts-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px;display:flex}.accounts-modal-header h2{color:#1e293b;text-align:left;flex:1;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.accounts-modal-header .accounts-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex}.accounts-modal-header .accounts-modal-close:hover{color:#1e293b;background:#f3f4f6}.accounts-modal-header .accounts-modal-close svg{width:20px;height:20px}.accounts-modal-content{flex:1;padding:24px;overflow-y:auto}.accounts-modal-loading,.accounts-modal-error,.accounts-modal-empty{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}:is(.accounts-modal-loading,.accounts-modal-error,.accounts-modal-empty) p{margin:0 0 16px;font-size:14px}:is(.accounts-modal-loading,.accounts-modal-error,.accounts-modal-empty) .spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.6s linear infinite spin}.accounts-modal-error{color:#dc2626}.accounts-modal-error .btn-retry{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.accounts-modal-error .btn-retry:hover{background:#2563eb}.accounts-list{flex-direction:column;gap:8px;display:flex}.account-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:all .2s;display:flex}.account-item:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.account-item:disabled{opacity:.6;cursor:not-allowed}.account-item-current{background:#eff6ff;border-color:#3b82f6}.account-item-current:hover{background:#dbeafe}.account-item-disabled{opacity:.6;cursor:not-allowed}.account-item-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.account-item-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.account-item-badge{color:#fff;white-space:nowrap;background:#3b82f6;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.account-item-spinner{justify-content:center;align-items:center;margin-left:12px;display:flex}.spinner-small{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.main-header.with-dept-config{justify-content:space-between}.main-header.with-dept-config .header-left{flex:1;min-width:0;display:flex}.main-header.with-dept-config .header-right.dept-config-right{align-items:center;gap:16px;display:flex}.main-header.with-dept-config .ai-btn-wrapper{border-left:1px solid #e5e7eb;justify-content:center;align-items:center;margin-left:8px;padding-left:16px;display:flex}.dept-config-header{border-left:none;flex:1;justify-content:space-between;align-items:center;margin-left:0;padding-left:0;display:flex}.dept-config-header-left{align-items:center;gap:12px;display:flex}.dept-back-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.dept-back-btn:hover{color:#374151;background:#e5e7eb}.dept-icon-badge{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dept-icon-badge svg{width:20px;height:20px}.dept-title-info h1{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.dept-title-info span{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.dept-config-header-actions{align-items:center;gap:10px;display:flex}.header-input-group{align-items:center;gap:8px;margin-right:8px;display:flex}.header-dept-name-input{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:180px;padding:8px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;transition:all .15s}.header-dept-name-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.header-dept-name-input::placeholder{color:#9ca3af}.header-dept-name-input:disabled{opacity:.6;cursor:not-allowed}.header-color-input{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px;padding:2px}.header-color-input::-webkit-color-swatch-wrapper{padding:2px}.header-color-input::-webkit-color-swatch{border:none;border-radius:4px}.header-color-input:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.btn-cancel:hover:not(:disabled){background:#f9fafb}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#247cff 0%,#1a5fcc 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #247cff4d}.btn-save svg{width:16px;height:16px}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#1a5fcc 0%,#1450b3 100%);transform:translateY(-1px);box-shadow:0 6px 16px #247cff66}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width:768px){.dept-config-header{margin-left:12px;padding-left:12px}.dept-title-info h1{font-size:14px}.dept-title-info span,.btn-cancel{display:none}}.dept-title-dropdown{position:relative}.dept-dropdown-trigger{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:all .15s;display:flex}.dept-dropdown-trigger:hover:not(:disabled),.dept-dropdown-trigger.open{background:#f3f4f6;border-color:#e5e7eb}.dept-dropdown-trigger.open .dropdown-chevron{transform:rotate(180deg)}.dept-dropdown-trigger:disabled{cursor:default}.dept-dropdown-trigger .dept-dropdown-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.dept-dropdown-trigger .dept-name{color:#1f2937;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.dept-dropdown-trigger .dept-subtitle{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.dept-dropdown-trigger .dropdown-chevron{color:#9ca3af;transition:transform .15s}.dept-dropdown-menu .dropdown-header{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:2px solid #e5e7eb;align-items:center;gap:8px;padding:14px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700;display:flex}.dept-dropdown-menu .dropdown-header svg{color:#6b7280}.dept-dropdown-menu .dropdown-items{background:#fff;max-height:400px;padding:8px;overflow-y:auto}.dept-dropdown-menu .dropdown-item{cursor:pointer;background:#fff;border:2px solid #9ca3af;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 16px;transition:all .15s;display:flex}.dept-dropdown-menu .dropdown-item:last-child{margin-bottom:0}.dept-dropdown-menu .dropdown-item:hover:not(.disabled){background:#eff6ff;border-color:#3b82f6;transform:translate(2px)}.dept-dropdown-menu .dropdown-item.selected{background:#dbeafe;border-color:#4a90d9}.dept-dropdown-menu .dropdown-item.selected .item-name{color:#1d4ed8;font-weight:700}.dept-dropdown-menu .dropdown-item.disabled{cursor:not-allowed;background:#f9fafb;border-color:#d1d5db}.dept-dropdown-menu .dropdown-item.disabled .item-name{color:#4b5563}.dept-dropdown-menu .dropdown-item .item-icon{background:currentColor;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@supports (color:color-mix(in lab, red, red)){.dept-dropdown-menu .dropdown-item .item-icon{background:color-mix(in srgb,currentColor 20%,#f3f4f6)}}.dept-dropdown-menu .dropdown-item .item-icon{border:2px solid;border-radius:10px}@supports (color:color-mix(in lab, red, red)){.dept-dropdown-menu .dropdown-item .item-icon{border:2px solid color-mix(in srgb,currentColor 40%,transparent)}}.dept-dropdown-menu .dropdown-item .item-icon svg{width:22px;height:22px}.dept-dropdown-menu .dropdown-item .item-name{color:#111827;text-align:left;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600}.dept-dropdown-menu .dropdown-item .item-badge{color:#92400e;background:#fde68a;border:2px solid #d97706;border-radius:8px;padding:6px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700}.dept-dropdown-menu .dropdown-item .item-check{color:#4a90d9;width:20px;height:20px}.dept-dropdown-menu .dropdown-empty{text-align:center;color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}@media (max-width:768px){.dept-dropdown-trigger{padding:4px 8px}.dept-dropdown-trigger .dept-name{font-size:14px}.dept-dropdown-trigger .dept-subtitle{display:none}.dept-dropdown-menu{width:calc(100% - 40px);min-width:auto;max-width:350px;left:20px;right:20px}}.weather-widget{cursor:default;background:#00000008;border-radius:12px;align-items:center;gap:12px;padding:8px 14px;transition:all .2s;display:flex;position:relative}.weather-widget:hover{background:#0000000f}.weather-widget:hover .weather-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.weather-widget .weather-main{align-items:center;gap:6px;display:flex}.weather-widget .weather-main .weather-emoji{font-size:20px;line-height:1}.weather-widget .weather-main .weather-temp{color:#1d1d1f;letter-spacing:-.02em;font-size:16px;font-weight:600}.weather-widget .weather-main .weather-temp.weather-temp-placeholder{color:#86868b}.weather-widget .weather-info{flex-direction:column;gap:1px;display:flex}.weather-widget .weather-info .weather-time{color:#1d1d1f;letter-spacing:-.01em;font-size:14px;font-weight:600}.weather-widget .weather-info .weather-location{color:#86868b;letter-spacing:0;font-size:11px}.weather-widget .weather-tooltip{opacity:0;visibility:hidden;z-index:1010;background:#fff;border-radius:14px;min-width:200px;padding:14px 16px;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000a}.weather-widget .weather-tooltip .tooltip-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.weather-widget .weather-tooltip .tooltip-row .tooltip-label{color:#86868b;font-size:13px}.weather-widget .weather-tooltip .tooltip-row .tooltip-value{color:#1d1d1f;font-size:13px;font-weight:500}.weather-widget .weather-tooltip .tooltip-divider{background:#0000000f;height:1px;margin:8px 0}.weather-widget-loading{background:#00000008;border-radius:12px;padding:8px 14px}.weather-widget-loading .weather-loading-spinner{border:2px solid #0000001a;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:1s linear infinite weather-spin}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.weather-widget{display:none}}.sidebar{z-index:1003;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:280px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:2px 0 8px #0000000d}@media (max-width:1023px){.sidebar{transform:translate(-100%)}}.sidebar.sidebar-open{transform:translate(0)}@media (min-width:1024px){.sidebar{transition:width .3s;transform:translate(0)}.sidebar.sidebar-closed{width:70px}.sidebar.sidebar-closed .sidebar-header{flex-direction:column;justify-content:center;gap:12px;padding:12px 0}.sidebar.sidebar-closed .sidebar-brand-text,.sidebar.sidebar-closed .sidebar-header .sidebar-menu-toggle{display:none}.sidebar.sidebar-closed .sidebar-header .sidebar-expand-toggle{display:flex}.sidebar.sidebar-closed .sidebar-nav .nav-link{justify-content:center;gap:0;padding:12px}.sidebar.sidebar-closed .sidebar-nav .nav-link .nav-label{display:none}.sidebar.sidebar-closed .sidebar-nav .nav-link .nav-icon{display:flex}.sidebar.sidebar-closed .sidebar-nav .nav-link .nav-icon svg{width:20px;height:20px;display:block}.sidebar.sidebar-closed .nav-group-label{display:none}.sidebar.sidebar-closed .sidebar-footer{padding:12px 8px}.sidebar.sidebar-closed .sidebar-alert-summary{justify-content:center;padding:8px}.sidebar.sidebar-closed .sidebar-alert-summary .alert-text,.sidebar.sidebar-closed .sidebar-alert-summary .alert-arrow{display:none}.sidebar.sidebar-closed .sidebar-user{flex-direction:column;gap:8px}.sidebar.sidebar-closed .sidebar-user-info,.sidebar.sidebar-closed .sidebar-logout-btn{display:none}}.sidebar-header{z-index:1004;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;transition:padding .3s;display:flex;position:relative}@media (min-width:1024px){body.sidebar-closed .sidebar-header{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px 0}}.sidebar-brand{flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg,#247cff 0%,#164a99 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-brand-icon svg{width:24px;height:24px;display:block}.sidebar-brand-text{flex-direction:column;gap:0;display:flex}.sidebar-brand-name{color:#1d1d1f;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;line-height:1.2}.sidebar-brand-subtitle{color:#86868b;letter-spacing:.5px;text-transform:uppercase;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:500}.sidebar-menu-toggle{cursor:pointer;z-index:1005;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:opacity .2s;display:flex;position:relative}@media (min-width:1024px){.sidebar-menu-toggle{display:none}}.sidebar-menu-toggle:hover{opacity:.7}.sidebar-menu-toggle svg{width:16px;height:16px;display:block}.sidebar-expand-toggle{cursor:pointer;z-index:1005;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:opacity .2s;display:none;position:relative}@media (min-width:1024px){.sidebar-expand-toggle,.sidebar.sidebar-closed .sidebar-expand-toggle{display:flex}}.sidebar-expand-toggle:hover{opacity:.7}.sidebar-expand-toggle svg{width:16px;height:16px;display:block}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.nav-group{margin-bottom:8px}.nav-group-label{color:#4a90d9;letter-spacing:.02em;text-transform:uppercase;padding:8px 20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600}.nav-list{margin:0;padding:0;list-style:none}.nav-item{margin-bottom:2px}.nav-link{color:#1d1d1f;letter-spacing:-.01em;border:none;border-radius:10px;align-items:center;gap:12px;margin:0 12px;padding:10px 20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.4;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label{white-space:nowrap;transition:opacity .3s,width .3s}.nav-badge{color:#fff;background:#4a90d9;border-radius:4px;margin-left:auto;padding:2px 8px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600}.nav-link:hover{color:#1d1d1f;background:#f5f5f7}.nav-link:hover svg{color:#4a90d9}.nav-link:hover svg path{stroke:currentColor}.nav-link svg{stroke-width:0;color:#86868b;stroke:currentColor;flex-shrink:0;width:20px;height:20px}.nav-link svg path:not([stroke]):not(.stroked),.nav-link svg :not([stroke]):not(.stroked){stroke-width:0!important}.nav-link svg path[stroke],.nav-link svg path.stroked,.nav-link svg [stroke]{stroke-width:1px!important}.nav-item.active .nav-link{color:#4a90d9;background:#4a90d91f;border-radius:10px;font-weight:500;position:relative}.nav-item.active .nav-link:before{content:"";background:#4a90d9;border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item.active .nav-link svg{color:#4a90d9}.nav-item.active .nav-link svg path{stroke:currentColor}.sidebar-footer{border-top:1px solid #e5e7eb;flex-shrink:0;padding:16px}.sidebar-alert-summary{cursor:pointer;background:#ef444414;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:12px 14px;transition:all .2s;display:flex}.sidebar-alert-summary:hover{background:#ef44441f}.sidebar-alert-summary .alert-icon{color:#ef4444;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar-alert-summary .alert-text{color:#ef4444;text-align:left;flex:1;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500}.sidebar-alert-summary .alert-arrow{color:#ef4444;width:16px;height:16px}.sidebar-user{align-items:center;gap:12px;padding:8px 0;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg,#f5f5f7 0%,#e5e5e7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-avatar span{color:#1d1d1f;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600}.sidebar-user-info{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.sidebar-user-name{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;overflow:hidden}.sidebar-user-role{color:#86868b;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;overflow:hidden}.sidebar-logout-btn{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#1d1d1f;background:#f5f5f7}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-overlay{z-index:998;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}@media (min-width:1024px){.sidebar-overlay{display:none}}.sidebar-overlay.overlay-active{opacity:1;visibility:visible}.logo{color:#1d1d1f;flex:1;align-items:center;gap:12px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;transition:gap .3s;display:flex}.logo-full{flex-shrink:0;width:133px;height:30.623px;display:block}.logo-collapsed{flex-shrink:0;width:29px;height:31px;display:none}.main-content{background:#f9fafb;min-height:calc(100vh - 70px);margin-top:70px;margin-left:0;transition:margin-left .3s}.main-content.bg-white{background:#fff}@media (min-width:1024px){.main-content{margin-left:280px;transition:margin-left .3s}.main-content.sidebar-closed{margin-left:70px}}.content-wrapper{max-width:1400px;margin:0 auto;padding:32px}.content-wrapper.setup-page{max-width:100%;padding:16px 24px}@media (max-width:768px){.content-wrapper{padding:20px 16px}.content-wrapper.setup-page{padding:12px 16px}}.content-wrapper h1{color:#1e293b;margin:0 0 16px;font-size:20px;font-weight:600}@media (max-width:768px){.content-wrapper h1{font-size:24px}}.content-wrapper p{color:#6b7280;font-size:16px;line-height:1.6}.dashboard-cards{grid-template-columns:repeat(5,1fr);gap:16.27px;margin-bottom:32px;display:grid}@media (max-width:1400px){.dashboard-cards{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width:1023px){.dashboard-cards{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:640px){.dashboard-cards{grid-template-columns:1fr;gap:12px}}.stat-card{background:#fff;border-radius:16.266px;align-items:center;gap:16px;width:100%;min-height:78.89px;padding:16px;display:flex;position:relative;overflow:hidden}@media (max-width:1023px){.stat-card{flex:calc(50% - 6px);width:auto;min-width:0}}@media (max-width:640px){.stat-card{flex:100%;width:100%}}.stat-card-icon{flex-shrink:0;width:45.54px;height:45.54px;position:relative}.dashboard-icon-wrapper{width:100%;height:100%;position:relative}.dashboard-icon-shadow{background:#0d00ff1a;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-icon-main{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-icon-vector{z-index:2;position:absolute}.stat-card-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.stat-card-title{color:#a3aed0;font-family:DM Sans,Poppins,sans-serif;font-size:11.39px;font-style:normal;font-weight:500;line-height:19.52px;display:block}.stat-card-value-row{flex-flow:wrap;align-items:baseline;gap:8px;display:flex}.stat-card-value{color:#2b3674;font-family:DM Sans,Poppins,sans-serif;font-size:19.52px;font-style:normal;font-weight:700;line-height:26.03px;display:block}.stat-card-change{font-family:DM Sans,Poppins,sans-serif;font-size:9.76px;font-style:normal;font-weight:700;line-height:16.27px;display:block}.stat-card-change.positive{color:#05cd99}.stat-card-change.negative{color:#ff4c5e}.stat-card-subtitle{color:#2b3674;margin-left:4px;font-family:DM Sans,Poppins,sans-serif;font-size:9.76px;font-style:normal;font-weight:400;line-height:16.27px;display:inline-block}.language-switcher{align-items:center;gap:4px;margin-right:16px;display:flex}.lang-btn{color:#247cff;cursor:pointer;background:0 0;border:1px solid #247cff4d;border-radius:6px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.lang-btn:hover{background:#247cff1a;border-color:#247cff80}.lang-btn.active{color:#fff;background:#247cff;border-color:#247cff}.lang-btn.active:hover{background:#247cffe6}.icon-badge{color:#4a90d9;background:#f5f5f7;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-badge.icon-sm{border-radius:12px;width:36px;height:36px}.icon-badge.icon-sm svg{width:18px;height:18px}.icon-badge.icon-md{border-radius:14px;width:44px;height:44px}.icon-badge.icon-md svg{width:22px;height:22px}.icon-badge.icon-lg{border-radius:16px;width:52px;height:52px}.icon-badge.icon-lg svg{width:26px;height:26px}.page-container{max-width:1400px;margin:0 auto}@media (max-width:768px){.page-container{padding:16px}}.page-header{margin-bottom:32px}.page-header h1{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:600}@media (max-width:768px){.page-header h1{font-size:24px}}.page-header .page-description{color:#64748b;margin:0;font-size:14px}.main-content:has(.setup-wizard){background:#fff!important;min-height:auto!important}.content-wrapper:has(.setup-wizard){max-width:100%;padding:16px 24px}.setup-wizard{background:#fff;width:100%;padding:0}.setup-wizard .setup-wizard-wrapper{max-width:100%;margin:0;padding:0}.setup-wizard .setup-wizard-container{background:0 0;position:relative}.setup-tabs{margin-bottom:20px;position:relative}.setup-tabs:before,.setup-tabs:after{content:"";pointer-events:none;z-index:2;width:30px;display:none;position:absolute;top:0;bottom:0}@media (max-width:768px){.setup-tabs:before,.setup-tabs:after{display:block}}.setup-tabs:before{background:linear-gradient(90deg,#fff 0%,#fffc 50%,#fff0 100%);left:0}.setup-tabs:after{background:linear-gradient(270deg,#fff 0%,#fffc 50%,#fff0 100%);right:0}.setup-tabs .setup-tabs-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;position:relative;overflow:auto hidden}.setup-tabs .setup-tabs-wrapper::-webkit-scrollbar{display:none}.setup-tabs .setup-tabs-container{align-items:center;gap:32px;min-width:fit-content;padding-bottom:15px;display:flex;position:relative}@media (max-width:768px){.setup-tabs .setup-tabs-container{gap:24px;padding:0 32px 15px}}@media (max-width:480px){.setup-tabs .setup-tabs-container{gap:20px;padding:0 32px 15px}}.setup-tabs .setup-tab{cursor:pointer;color:#404040;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0 0 4px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:150.045%;transition:color .2s}@media (max-width:768px){.setup-tabs .setup-tab{padding-bottom:6px;font-size:13px}}@media (max-width:480px){.setup-tabs .setup-tab{font-size:12px}}.setup-tabs .setup-tab:hover{color:#247cff}.setup-tabs .setup-tab.active{color:#000;font-weight:500}.setup-tabs .setup-tabs-divider{background:#dadce2;width:100%;height:1px;position:absolute;bottom:0;left:0}.setup-tabs .setup-tabs-indicator{will-change:left,width;z-index:1;background:#000;height:2px;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}@media (max-width:768px){.setup-tabs .setup-tabs-indicator{height:3px}}.setup-form .setup-form-container{flex-direction:column;gap:15px;display:flex}.setup-form .form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.setup-form .form-header h2{color:#000;margin:0;font-family:Poppins;font-size:18px;font-weight:500}.setup-form .form-row{gap:21px;width:100%;display:flex}.setup-form .form-row .form-field{flex:1}.setup-form .form-field{flex-direction:column;gap:8px;width:100%;min-height:78px;display:flex;position:relative}.setup-form .form-field .form-label{color:#000;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.setup-form .form-field .form-input-wrapper,.setup-form .form-field .form-select-wrapper,.setup-form .form-field .form-textarea-wrapper{position:relative}.setup-form .form-field .form-input,.setup-form .form-field .form-select,.setup-form .form-field .form-textarea{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 14px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:1.5;transition:border-color .2s}:is(.setup-form .form-field .form-input,.setup-form .form-field .form-select,.setup-form .form-field .form-textarea):focus{border-color:#247cff;outline:none;box-shadow:0 0 0 2px #247cff14}:is(.setup-form .form-field .form-input,.setup-form .form-field .form-select,.setup-form .form-field .form-textarea).error{border-color:#ef4444}:is(.setup-form .form-field .form-input,.setup-form .form-field .form-select,.setup-form .form-field .form-textarea)::placeholder{color:#9e9e9e}.setup-form .form-field .form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='13' height='6' viewBox='0 0 13 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31465 5.62931C5.80467 5.62931 5.29469 5.45253 4.90856 5.10555L0.158458 0.836458C-0.0528194 0.646577 -0.0528194 0.333229 0.158458 0.142348C0.369736 -0.0474493 0.719236 -0.0474493 0.930514 0.142348L5.68062 4.41144C5.95655 4.72579 6.67275 4.72579 6.94868 4.41144L11.6988 0.142348C11.9101 -0.0474493 12.2596 -0.0474493 12.4708 0.142348C12.6821 0.333229 12.6821 0.646577 12.4708 0.836458L7.72074 5.10555C7.33461 5.45253 6.82463 5.62931 6.31465 5.62931Z' fill='%23111827'/%3E%3C/svg%3E");background-position:right 26px center;background-repeat:no-repeat;padding-right:50px}.setup-form .form-field .language-select-wrapper{width:100%;position:relative}.setup-form .form-field .language-select-wrapper .language-select{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.setup-form .form-field .language-select-wrapper .language-select-display{color:#000;pointer-events:none;background:#fff;border:1px solid #dadada;border-radius:6px;align-items:center;gap:8px;width:100%;padding:14px 26px;font-family:Poppins;font-size:15px;font-weight:300;line-height:150.045%;display:flex;position:relative}.setup-form .form-field .language-select-wrapper .language-select-display .language-flag{font-size:20px;line-height:1}.setup-form .form-field .language-select-wrapper .language-select-display .language-label{flex:1}.setup-form .form-field .language-select-wrapper .language-select-display:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='13' height='6' viewBox='0 0 13 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31465 5.62931C5.80467 5.62931 5.29469 5.45253 4.90856 5.10555L0.158458 0.836458C-0.0528194 0.646577 -0.0528194 0.333229 0.158458 0.142348C0.369736 -0.0474493 0.719236 -0.0474493 0.930514 0.142348L5.68062 4.41144C5.95655 4.72579 6.67275 4.72579 6.94868 4.41144L11.6988 0.142348C11.9101 -0.0474493 12.2596 -0.0474493 12.4708 0.142348C12.6821 0.333229 12.6821 0.646577 12.4708 0.836458L7.72074 5.10555C7.33461 5.45253 6.82463 5.62931 6.31465 5.62931Z' fill='%23111827'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:13px;height:6px;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.setup-form .form-field .form-textarea{resize:vertical;min-height:93px}.setup-form .form-field .form-error{color:#ef4444;font-family:Poppins;font-size:12px;position:absolute;bottom:-20px;left:0}.setup-form .form-actions{justify-content:center;gap:16px;margin-top:20px;padding-top:20px;display:flex}.setup-form .btn-primary{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:48px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.setup-form .btn-primary:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.setup-form .btn-primary:active:not(:disabled){background:#2d6ab5;transform:scale(.98)}.setup-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.setup-form .btn-secondary{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#1d1d1f;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:48px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.setup-form .btn-secondary:hover:not(:disabled){background:#333336;transform:scale(1.02)}.setup-form .btn-secondary:active:not(:disabled){background:#0a0a0a;transform:scale(.98)}.setup-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.setup-form .btn-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:8px 16px;font-family:Poppins;font-size:12px;font-weight:400;transition:all .2s}.setup-form .btn-remove:hover{background:#fecaca}.departments-form .departments-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.departments-form .departments-header .departments-title{color:#000;margin:0;font-family:Poppins;font-size:14px;font-weight:400}.departments-form .departments-header .departments-header-actions{gap:12px;display:flex}.departments-form .departments-header .btn-add-department,.departments-form .departments-header .btn-add-template{color:#404040;cursor:pointer;background:0 0;border:none;font-family:Poppins;font-size:12px;font-weight:400;line-height:150.045%;transition:color .2s}:is(.departments-form .departments-header .btn-add-department,.departments-form .departments-header .btn-add-template):hover{color:#247cff}:is(.departments-form .departments-header .btn-add-department,.departments-form .departments-header .btn-add-template):disabled{opacity:.5;cursor:not-allowed}:is(.departments-form .departments-header .btn-add-department,.departments-form .departments-header .btn-add-template) .template-count{color:#247cff;font-size:11px;font-weight:500}.departments-form .templates-section{background:#f9fafb;border:1px solid #dadada;border-radius:8px;margin-bottom:20px;padding:20px}.departments-form .templates-section .templates-title{color:#000;margin:0 0 15px;font-family:Poppins;font-size:13px;font-weight:500}.departments-form .templates-section .templates-title .templates-available-count{color:#646464;font-size:12px;font-weight:400}.departments-form .templates-section .templates-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}@media (max-width:768px){.departments-form .templates-section .templates-grid{grid-template-columns:1fr}}.departments-form .templates-section .template-card{cursor:pointer;background:#fff;border:1px solid #dadada;border-radius:6px;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.departments-form .templates-section .template-card:hover:not(.added){border-color:#247cff;box-shadow:0 2px 8px #0000001a}.departments-form .templates-section .template-card.added{opacity:.6;cursor:not-allowed;background:#f8f8f8}.departments-form .templates-section .template-card.added .template-color{opacity:.5}.departments-form .templates-section .template-card.added .template-name,.departments-form .templates-section .template-card.added .template-description{color:#969696}.departments-form .templates-section .template-card .template-color{border-radius:2px;flex-shrink:0;width:4px}.departments-form .templates-section .template-card .template-content{flex:1}.departments-form .templates-section .template-card .template-name{color:#000;align-items:center;gap:8px;margin:0 0 4px;font-family:Poppins;font-size:13px;font-weight:500;display:flex}.departments-form .templates-section .template-card .template-name .template-added-badge{color:#10b981;background:#10b9811a;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:400}.departments-form .templates-section .template-card .template-description{color:#646464;margin:0;font-family:Poppins;font-size:11px;font-weight:300;line-height:1.5}.departments-form .department-edit-form{background:#f9fafb;border:1px solid #dadada;border-radius:8px;margin-bottom:20px;padding:20px}.departments-form .department-edit-form .form-field{margin-bottom:15px}.departments-form .department-edit-form .form-color-input{cursor:pointer;border:1px solid #dadada;border-radius:6px;width:80px;height:40px;padding:4px}.departments-form .department-edit-form .form-color-input:disabled{opacity:.5;cursor:not-allowed}.departments-form .department-edit-form .edit-form-actions{gap:12px;margin-top:20px;display:flex}.departments-form .departments-list-container{margin-bottom:20px}.departments-form .departments-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}@media (max-width:768px){.departments-form .departments-grid{grid-template-columns:1fr}}.departments-form .departments-list-container .empty-state{text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;padding:60px 40px;font-family:Poppins;font-size:14px}.departments-form .departments-header-new{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:16px 20px;display:flex}.departments-form .departments-header-new .dept-header-left .departments-title-new{color:#1f2937;align-items:center;gap:10px;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;display:flex}.departments-form .departments-header-new .dept-header-left .departments-title-new .dept-count-badge{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.departments-form .departments-header-new .dept-header-center{flex:1;max-width:300px}.departments-form .departments-header-new .dept-header-center .dept-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;transition:all .2s;display:flex}.departments-form .departments-header-new .dept-header-center .dept-search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.departments-form .departments-header-new .dept-header-center .dept-search-box svg{color:#9ca3af;flex-shrink:0}.departments-form .departments-header-new .dept-header-center .dept-search-box input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.departments-form .departments-header-new .dept-header-center .dept-search-box input::placeholder{color:#9ca3af}.departments-form .departments-header-new .dept-header-right{gap:10px;display:flex}.departments-form .departments-header-new .dept-header-right .btn-dept-template{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.departments-form .departments-header-new .dept-header-right .btn-dept-template:hover{color:#3b82f6;border-color:#3b82f6}.departments-form .departments-header-new .dept-header-right .btn-dept-template:disabled{opacity:.5;cursor:not-allowed}.departments-form .departments-header-new .dept-header-right .btn-dept-template .template-badge{color:#fff;background:#f59e0b;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.departments-form .departments-header-new .dept-header-right .btn-dept-add{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.departments-form .departments-header-new .dept-header-right .btn-dept-add:hover{background:#2563eb}.departments-form .departments-header-new .dept-header-right .btn-dept-add:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.departments-form .departments-header-new{flex-direction:column;align-items:stretch}.departments-form .departments-header-new .dept-header-center{max-width:100%}.departments-form .departments-header-new .dept-header-right{justify-content:flex-end}}.departments-form .dept-warning-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.departments-form .dept-warning-banner svg{color:#d97706;flex-shrink:0}.departments-form .dept-warning-banner span{color:#92400e;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.departments-form .dept-warning-banner span strong{font-weight:600}.departments-form .dept-warning-banner button{color:#92400e;cursor:pointer;background:#fff;border:1px solid #fcd34d;border-radius:6px;padding:6px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.departments-form .dept-warning-banner button:hover{background:#fef3c7}.departments-form .departments-grid-v2{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:1200px){.departments-form .departments-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.departments-form .departments-grid-v2{grid-template-columns:1fr}}.departments-form .department-card-v2{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;transition:all .2s}.departments-form .department-card-v2:hover{background:#f9fafb;border-color:#e5e7eb}.departments-form .department-card-v2.has-issue{background:linear-gradient(135deg,#fff 0%,#fffbeb 100%);border-color:#fcd34d}.departments-form .department-card-v2 .dept-v2-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.departments-form .department-card-v2 .dept-v2-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.departments-form .department-card-v2 .dept-v2-icon svg{width:16px;height:16px}.departments-form .department-card-v2 .dept-v2-title-area{flex:1;min-width:0}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-status{align-items:center;gap:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:500;display:inline-flex}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-status .status-dot{border-radius:50%;width:5px;height:5px}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-status.active{color:#059669}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-status.active .status-dot{background:#10b981}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-status.warning{color:#d97706}.departments-form .department-card-v2 .dept-v2-title-area .dept-v2-status.warning .status-dot{background:#f59e0b}.departments-form .department-card-v2 .dept-v2-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:0 0 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.departments-form .department-card-v2 .dept-v2-footer{border-top:1px solid #f3f4f6;align-items:center;gap:6px;padding-top:10px;display:flex}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-action{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-action svg{width:12px;height:12px}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-action.edit:hover{color:#3b82f6;background:#3b82f60d;border-color:#3b82f64d}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-action.delete{margin-left:auto;padding:4px 6px}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-action.delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef44444d}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-action:disabled{opacity:.5;cursor:not-allowed}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-meta{color:#6b7280;background:#f9fafb;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;display:flex}.departments-form .department-card-v2 .dept-v2-footer .dept-v2-meta svg{color:#9ca3af;width:12px;height:12px}.departments-form .department-add-card{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;transition:all .2s;display:flex}.departments-form .department-add-card svg{color:#9ca3af;width:20px;height:20px;transition:all .2s}.departments-form .department-add-card span{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;transition:color .2s}.departments-form .department-add-card:hover{background:#eff6ff;border-color:#3b82f6}.departments-form .department-add-card:hover svg{color:#3b82f6;transform:scale(1.1)}.departments-form .department-add-card:hover span{color:#3b82f6}.departments-form .department-add-card:disabled{opacity:.5;cursor:not-allowed}.departments-form .empty-state-large{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.departments-form .empty-state-large .empty-icon{background:#f5f5f7;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.departments-form .empty-state-large .empty-icon svg{color:#4a90d9}.departments-form .empty-state-large h3{color:#1f2937;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.departments-form .empty-state-large p{color:#6b7280;margin:0 0 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.departments-form .empty-state-large .btn-primary{align-items:center;gap:8px;display:flex}.departments-form .dept-add-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10010;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.departments-form .dept-add-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:80vh;animation:.3s ease-out modalSlideUp;display:flex;box-shadow:0 20px 40px #00000026}.departments-form .dept-add-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.departments-form .dept-add-modal-header h3{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.departments-form .dept-add-modal-header .modal-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.departments-form .dept-add-modal-header .modal-close-btn:hover{color:#1f2937;background:#f3f4f6}.departments-form .dept-add-modal-content{padding:24px;overflow-y:auto}.departments-form .dept-add-section{margin-bottom:24px}.departments-form .dept-add-section:last-child{margin-bottom:0}.departments-form .dept-add-section h4{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;display:flex}.departments-form .dept-add-section h4 .templates-available-badge{color:#3b82f6;text-transform:none;letter-spacing:normal;font-size:11px;font-weight:500}.departments-form .dept-add-custom-btn{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 20px;transition:all .2s;display:flex}.departments-form .dept-add-custom-btn svg{color:#9ca3af;transition:color .2s}.departments-form .dept-add-custom-btn span{color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500}.departments-form .dept-add-custom-btn:hover{background:#eff6ff;border-style:solid;border-color:#3b82f6}.departments-form .dept-add-custom-btn:hover svg{color:#3b82f6}.departments-form .dept-templates-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:500px){.departments-form .dept-templates-grid{grid-template-columns:1fr}}.departments-form .dept-template-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.departments-form .dept-template-card:hover:not(.added){background:#f0f9ff;border-color:#3b82f6}.departments-form .dept-template-card.added{cursor:not-allowed;opacity:.7;background:#f9fafb}.departments-form .dept-template-card .template-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.departments-form .dept-template-card .template-icon svg{width:18px;height:18px}.departments-form .dept-template-card .template-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.departments-form .dept-template-card .template-info .template-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;overflow:hidden}.departments-form .dept-template-card .template-info .template-added-tag{color:#10b981;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500}.departments-form .department-card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.departments-form .department-card:hover{border-color:#c8c8c8;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.departments-form .department-card.expanded{box-shadow:0 4px 12px #0000001a}.departments-form .department-card.expanded .department-card-body{max-height:500px;margin-top:10px;padding:0 20px 20px}.departments-form .department-card .department-card-header{align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.departments-form .department-card .department-card-header .department-color-indicator{border-radius:3px;flex-shrink:0;width:4px;height:100%;min-height:45px;box-shadow:0 0 8px #0000001a}.departments-form .department-card .department-card-header .department-info{flex:1;min-width:0}.departments-form .department-card .department-card-header .department-info .department-name{color:#1e1e1e;letter-spacing:-.01em;margin:0 0 6px;font-family:Poppins;font-size:15px;font-weight:600}.departments-form .department-card .department-card-header .department-info .department-description-preview{color:#6b7280;margin:0;font-family:Poppins;font-size:12px;font-weight:400;line-height:1.5}.departments-form .department-card .department-card-header .department-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.departments-form .department-card .department-card-header .department-card-actions .btn-action{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.departments-form .department-card .department-card-header .department-card-actions .btn-action:disabled{opacity:.4;cursor:not-allowed}.departments-form .department-card .department-card-header .department-card-actions .btn-action svg{width:16px;height:16px;transition:transform .2s}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-expand{color:#646464;background:#64646414}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-expand:hover:not(:disabled){color:#3c3c3c;background:#64646426}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-expand:hover:not(:disabled) svg{transform:scale(1.1)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-expand:active:not(:disabled){transform:scale(.95)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-menu{color:#10b981;background:#10b98114}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-menu:hover:not(:disabled){color:#059669;background:#10b98126;box-shadow:0 2px 6px #10b98133}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-menu:hover:not(:disabled) svg{transform:translateY(-1px)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-menu:active:not(:disabled){transform:scale(.95)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-edit{color:#3b82f6;background:#3b82f614}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-edit:hover:not(:disabled){color:#2563eb;background:#3b82f626;box-shadow:0 2px 6px #3b82f633}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-edit:hover:not(:disabled) svg{transform:translateY(-1px)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-edit:active:not(:disabled){transform:scale(.95)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-delete{color:#ef4444;background:#ef444414}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-delete:hover:not(:disabled){color:#dc2626;background:#ef444426;box-shadow:0 2px 6px #ef444433}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-delete:hover:not(:disabled) svg{transform:scale(1.05)}.departments-form .department-card .department-card-header .department-card-actions .btn-action.btn-delete:active:not(:disabled){transform:scale(.95)}.departments-form .department-card .department-card-body{max-height:0;padding:0;transition:all .3s;overflow:hidden}.departments-form .department-card .department-card-body .department-description-full{color:#4b5563;background:#f9fafb;border-radius:8px;margin:0;padding:16px;font-family:Poppins;font-size:13px;font-weight:400;line-height:1.7}.departments-form .empty-state{text-align:center;color:#9e9e9e;padding:40px;font-family:Poppins;font-size:14px}.restaurants-form{background-color:#fff;border-radius:12px;padding:20px}.restaurants-form .restaurants-list{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.restaurants-form .restaurant-item{background:#fff;border:1px solid #dadada;border-radius:8px;padding:20px;position:relative}.restaurants-form .restaurant-item .form-field{margin-bottom:15px}.restaurants-form .restaurant-item .btn-remove{position:absolute;top:20px;right:20px}.restaurants-form .empty-state{text-align:center;color:#9e9e9e;padding:40px;font-family:Poppins;font-size:14px}@media (max-width:768px){.setup-wizard{padding:16px}.setup-wizard .setup-wizard-wrapper{max-width:100%}.setup-form .form-row{flex-direction:column;gap:15px}.setup-form .departments-form .departments-header{flex-direction:column;align-items:stretch;gap:12px}.setup-form .departments-form .departments-header h3{font-size:16px}.setup-form .departments-form .departments-header .btn-add-template{justify-content:center;width:100%}.setup-form .departments-form .templates-section{margin-bottom:24px;padding:12px}.setup-form .departments-form .templates-section .templates-header{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.setup-form .departments-form .templates-section .templates-header h4{font-size:14px}.setup-form .departments-form .templates-section .templates-header button{justify-content:center;width:100%;font-size:12px}.setup-form .departments-form .templates-section .templates-grid{gap:10px;grid-template-columns:1fr!important}.setup-form .departments-form .templates-section .template-card{padding:10px}.setup-form .departments-form .templates-section .template-card .template-name{flex-wrap:wrap;font-size:12px}.setup-form .departments-form .templates-section .template-card .template-description{font-size:10px}.setup-form .departments-form .departments-grid{gap:12px;grid-template-columns:1fr!important}.setup-form .departments-form .department-card{padding:12px}.setup-form .departments-form .department-card .department-header h4{font-size:13px}.setup-form .departments-form .department-card .department-header .department-actions{gap:4px}.setup-form .departments-form .department-card .department-header .department-actions .btn-action,.setup-form .departments-form .department-card .department-header .department-actions .btn-expand-collapse{width:28px;height:28px}:is(.setup-form .departments-form .department-card .department-header .department-actions .btn-action,.setup-form .departments-form .department-card .department-header .department-actions .btn-expand-collapse) svg{width:14px;height:14px}.setup-form .departments-form .department-card .department-description-short,.setup-form .departments-form .department-card .department-description-full{font-size:11px}.setup-form .departments-form .department-edit-form{padding:12px}.setup-form .departments-form .department-edit-form .form-field label{font-size:12px}.setup-form .departments-form .department-edit-form .form-field input,.setup-form .departments-form .department-edit-form .form-field textarea{font-size:13px}.setup-form .departments-form .department-edit-form .edit-actions{flex-direction:column;gap:8px}.setup-form .departments-form .department-edit-form .edit-actions button{width:100%;padding:10px;font-size:13px}.setup-form .departments-form .empty-state{padding:30px 15px}.setup-form .departments-form .empty-state p{font-size:13px}.setup-navigation{flex-direction:column;gap:10px;padding:15px 0}.setup-navigation button{width:100%;padding:12px;font-size:14px}}@media (min-width:769px) and (max-width:1200px){.departments-form .departments-grid,.departments-form .templates-grid{gap:14px;grid-template-columns:repeat(2,1fr)!important}.departments-form .departments-header h3{font-size:18px}.departments-form .department-card{padding:14px}.departments-form .template-card{padding:10px}}@media (min-width:1201px) and (max-width:1600px){.departments-form .departments-grid,.departments-form .templates-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1601px){.departments-form .departments-grid,.departments-form .templates-grid{grid-template-columns:repeat(4,1fr)!important}}.restaurants-form .restaurant-category{margin-bottom:40px}.restaurants-form .restaurant-category .category-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.restaurants-form .restaurant-category .category-header h3{color:#000;margin:0;font-family:Poppins;font-size:18px;font-weight:600}.restaurants-form .restaurant-category .category-header .btn-add-restaurant{color:#404040;cursor:pointer;background:0 0;border:none;font-family:Poppins;font-size:12px;font-weight:400;transition:color .2s}.restaurants-form .restaurant-category .category-header .btn-add-restaurant:hover:not(:disabled){color:#247cff}.restaurants-form .restaurant-category .category-header .btn-add-restaurant:disabled{opacity:.5;cursor:not-allowed}.restaurants-form .restaurant-category .restaurants-list{flex-direction:column;gap:12px;display:flex}.restaurants-form .restaurant-category .restaurant-item{background:#fff;border:1px solid #e6e6e6;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.restaurants-form .restaurant-category .restaurant-item:hover{border-color:#247cff4d;box-shadow:0 2px 8px #0000000f}.restaurants-form .restaurant-category .restaurant-item .restaurant-name-input{color:#000;background:0 0;border:none;outline:none;flex:1;padding:4px;font-family:Poppins;font-size:14px;font-weight:400}.restaurants-form .restaurant-category .restaurant-item .restaurant-name-input:not([readonly]){background:#f9fafb;border:1px solid #247cff4d;border-radius:4px;padding:8px 12px}.restaurants-form .restaurant-category .restaurant-item .restaurant-name-input[readonly]{cursor:pointer}.restaurants-form .restaurant-category .restaurant-item .restaurant-name-input::placeholder{color:#9ca3af}.restaurants-form .restaurant-category .restaurant-item .restaurant-name-input:disabled{opacity:.6;cursor:not-allowed}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions{gap:8px;display:flex}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action svg{width:16px;height:16px}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action:disabled{opacity:.4;cursor:not-allowed}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action.btn-menu{color:#10b981}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action.btn-menu:hover:not(:disabled){background:#10b9811a}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action.btn-edit{color:#247cff}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action.btn-edit:hover:not(:disabled){background:#247cff1a}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action.btn-delete{color:#ef4444}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action.btn-delete:hover:not(:disabled){background:#ef44441a}.restaurants-form .restaurant-category .empty-state{text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;font-family:Poppins;font-size:14px}.restaurants-form .restaurant-category .empty-state p{margin:0}.restaurants-form .type-restaurants{border-top:2px solid #e5e7eb;margin-top:50px;padding-top:30px}.restaurants-form .type-restaurants .section-title{color:#000;margin:0 0 30px;font-family:Poppins;font-size:20px;font-weight:600}.restaurants-form .type-restaurants .type-restaurants-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.restaurants-form .type-restaurants .type-restaurants-grid .type-category .restaurant-category{margin-bottom:0}.restaurants-form .type-restaurants .type-restaurants-grid .type-category .restaurant-category .category-header h3{font-size:16px}@media (max-width:768px){.restaurants-form .restaurant-category{margin-bottom:30px}.restaurants-form .restaurant-category .category-header{flex-direction:column;align-items:flex-start;gap:12px}.restaurants-form .restaurant-category .category-header h3{font-size:16px}.restaurants-form .restaurant-category .category-header .btn-add-restaurant{text-align:left;width:100%}.restaurants-form .restaurant-category .restaurant-item{flex-direction:column;align-items:stretch;gap:10px}.restaurants-form .restaurant-category .restaurant-item .restaurant-name-input{font-size:13px}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions{justify-content:flex-end;gap:6px}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action{width:36px;height:36px}.restaurants-form .restaurant-category .restaurant-item .restaurant-actions .btn-action svg{width:18px;height:18px}.restaurants-form .type-restaurants{margin-top:40px;padding-top:20px}.restaurants-form .type-restaurants .section-title{margin-bottom:20px;font-size:18px}.restaurants-form .type-restaurants .type-restaurants-grid{grid-template-columns:1fr;gap:20px}}@media (min-width:769px) and (max-width:1200px){.restaurants-form .type-restaurants .type-restaurants-grid{grid-template-columns:repeat(2,1fr);gap:25px}}.restaurant-detail-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}@media (max-height:700px){.restaurant-detail-modal-overlay{align-items:flex-start;padding-top:20px;padding-bottom:20px}}.restaurant-detail-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;animation:.3s ease-out modalSlideUp;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.restaurant-detail-modal .restaurant-detail-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-header h2{color:#000;margin:0;font-family:Poppins;font-size:20px;font-weight:600}.restaurant-detail-modal .restaurant-detail-modal-header .btn-close-modal{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.restaurant-detail-modal .restaurant-detail-modal-header .btn-close-modal:hover:not(:disabled){color:#ef4444;background:#ef44441a}.restaurant-detail-modal .restaurant-detail-modal-header .btn-close-modal:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body{flex:1;max-height:calc(90vh - 180px);padding:32px;overflow:hidden auto}.restaurant-detail-modal .restaurant-detail-modal-body::-webkit-scrollbar{width:6px}.restaurant-detail-modal .restaurant-detail-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.restaurant-detail-modal .restaurant-detail-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.restaurant-detail-modal .restaurant-detail-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:1025px){.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid{grid-template-columns:1fr 1fr;gap:32px}}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .restaurant-detail-left,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .restaurant-detail-right{flex-direction:column;gap:20px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field{flex-direction:column;gap:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field label{color:#000;font-family:Poppins;font-size:13px;font-weight:500}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=text],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=number],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=time],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field select{box-sizing:border-box;border:1px solid #dadada;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Poppins;font-size:14px;transition:all .2s}:is(.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=text],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=number],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=time],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field select):focus{border-color:#247cff;box-shadow:0 0 0 3px #247cff1a}:is(.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=text],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=number],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=time],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field select):disabled{cursor:not-allowed;opacity:.6;background:#f9fafb}:is(.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=text],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=number],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=time],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field select)::placeholder{color:#9ca3af}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea{resize:vertical;min-height:80px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list{flex-direction:column;gap:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item{align-items:center;gap:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item input{background:#f9fafb;flex:1}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item .btn-remove-rule{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;width:32px;height:32px;font-size:16px;transition:all .2s}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item .btn-remove-rule:hover:not(:disabled){background:#ef444433}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item .btn-remove-rule:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-input input{width:100%}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .days-selector{flex-wrap:wrap;gap:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .days-selector .day-chip{color:#404040;cursor:pointer;background:#fff;border:1px solid #dadada;border-radius:20px;padding:8px 16px;font-family:Poppins;font-size:12px;font-weight:400;transition:all .2s}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .days-selector .day-chip:hover:not(:disabled){background:#247cff0d;border-color:#247cff}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .days-selector .day-chip.selected{color:#fff;background:#247cff;border-color:#247cff}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .days-selector .day-chip:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch input{opacity:0;width:0;height:0}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch input:checked+.toggle-slider{background:#247cff}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch .toggle-slider{cursor:pointer;background:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .reservation-fee-header .toggle-switch .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .fee-input-group{gap:12px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .fee-input-group .currency-select{flex:0 0 120px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .fee-input-group .fee-input{flex:1}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-header .btn-add-service{color:#10b981;cursor:pointer;background:#10b9811a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-header .btn-add-service:hover:not(:disabled){background:#10b98133}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-header .btn-add-service:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list{flex-direction:column;gap:12px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item{border:1px solid #dadada;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .session-name{width:100%}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .time-inputs{align-items:center;gap:8px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .time-inputs input[type=time]{flex:1}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .time-inputs span{color:#6b7280}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .btn-remove-service{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;align-self:flex-end;width:32px;height:32px;transition:all .2s}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .btn-remove-service:hover:not(:disabled){background:#ef444433}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .btn-remove-service:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area{text-align:center;border:2px dashed #dadada;border-radius:8px;justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder{flex-direction:column;align-items:center;gap:12px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder .upload-icon{font-size:48px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder p{color:#6b7280;margin:0;font-family:Poppins;font-size:13px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder .btn-select-file{color:#247cff;cursor:pointer;background:#fff;border:1px solid #247cff;border-radius:6px;padding:8px 20px;font-family:Poppins;font-size:13px;font-weight:500;transition:all .2s}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder .btn-select-file:hover:not(:disabled){background:#247cff0d}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder .btn-select-file:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-preview{width:100%;max-width:300px;position:relative}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-preview img{border-radius:8px;width:100%;height:auto}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-preview .btn-remove-image{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;transition:all .2s;position:absolute;top:8px;right:8px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-preview .btn-remove-image:hover:not(:disabled){background:#dc2626}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-preview .btn-remove-image:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.restaurant-detail-modal .restaurant-detail-modal-footer button{letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.restaurant-detail-modal .restaurant-detail-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.restaurant-detail-modal .restaurant-detail-modal-footer .btn-secondary{color:#fff;background:#1d1d1f}.restaurant-detail-modal .restaurant-detail-modal-footer .btn-secondary:hover:not(:disabled){background:#333336;transform:scale(1.02)}.restaurant-detail-modal .restaurant-detail-modal-footer .btn-secondary:active:not(:disabled){transform:scale(.98)}.restaurant-detail-modal .restaurant-detail-modal-footer .btn-primary{color:#fff;background:#4a90d9}.restaurant-detail-modal .restaurant-detail-modal-footer .btn-primary:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.restaurant-detail-modal .restaurant-detail-modal-footer .btn-primary:active:not(:disabled){transform:scale(.98)}@media (max-width:480px){.restaurant-detail-modal-overlay{align-items:flex-start;padding:10px 8px 8px}.restaurant-detail-modal{border-radius:8px;max-height:94vh}.restaurant-detail-modal .restaurant-detail-modal-header{padding:12px 16px}.restaurant-detail-modal .restaurant-detail-modal-header h2{font-size:15px}.restaurant-detail-modal .restaurant-detail-modal-header .btn-close-modal{width:26px;height:26px;font-size:18px}.restaurant-detail-modal .restaurant-detail-modal-body{padding:12px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid{gap:12px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field{gap:4px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field label{font-size:11px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=text],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=number],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=time],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field select{padding:8px 10px;font-size:12px}.restaurant-detail-modal .restaurant-detail-modal-footer{padding:12px 16px}.restaurant-detail-modal .restaurant-detail-modal-footer button{padding:10px 16px;font-size:13px}}@media (min-width:481px) and (max-width:768px){.restaurant-detail-modal-overlay{align-items:flex-start;padding:20px 12px 12px}.restaurant-detail-modal{border-radius:12px;min-height:auto;max-height:90vh;margin:0 auto;width:100%!important;max-width:100%!important}.restaurant-detail-modal .restaurant-detail-modal-header{padding:16px 20px}.restaurant-detail-modal .restaurant-detail-modal-header h2{font-size:16px}.restaurant-detail-modal .restaurant-detail-modal-header .btn-close-modal{width:28px;height:28px;font-size:20px}.restaurant-detail-modal .restaurant-detail-modal-body{max-height:calc(90vh - 150px);padding:16px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid{gap:16px;display:grid;grid-template-columns:1fr!important}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .restaurant-detail-left,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .restaurant-detail-right{width:100%}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field{gap:6px;width:100%}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field label{font-size:12px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=text],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field input[type=number],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field select{padding:8px 12px;font-size:13px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field textarea{min-height:60px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .days-selector .day-chip{padding:6px 12px;font-size:11px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .fee-input-group{gap:8px;flex-direction:column!important}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .fee-input-group .currency-select,.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .fee-input-group .fee-input{flex:none!important;width:100%!important}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item{padding:10px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .session-name{font-size:13px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .service-hours-list .service-hour-item .time-inputs input[type=time],.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item input{padding:8px 10px;font-size:13px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .rules-list .rule-item .btn-remove-rule{width:28px;height:28px;font-size:14px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area{min-height:150px;padding:16px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder{gap:8px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder .upload-icon{font-size:36px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder p{font-size:12px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid .form-field .image-upload-area .image-placeholder .btn-select-file{padding:6px 16px;font-size:12px}.restaurant-detail-modal .restaurant-detail-modal-footer{flex-direction:column-reverse;gap:8px;padding:16px 20px}.restaurant-detail-modal .restaurant-detail-modal-footer button{width:100%;padding:12px 20px;font-size:14px}}@media (min-width:769px) and (max-width:1024px){.restaurant-detail-modal{width:95%;max-width:800px;max-height:85vh}.restaurant-detail-modal .restaurant-detail-modal-header{padding:20px 28px}.restaurant-detail-modal .restaurant-detail-modal-header h2{font-size:18px}.restaurant-detail-modal .restaurant-detail-modal-body{max-height:calc(85vh - 160px);padding:24px 28px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid{gap:20px;display:grid;grid-template-columns:1fr!important}.restaurant-detail-modal .restaurant-detail-modal-footer{padding:16px 28px}}@media (min-width:1025px) and (max-width:1280px){.restaurant-detail-modal{width:95%;max-width:1000px}.restaurant-detail-modal .restaurant-detail-modal-body .restaurant-detail-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (min-width:1281px){.restaurant-detail-modal{width:90%}}.hotel-info-modern .setup-form-container{flex-direction:column;gap:20px;display:flex}.hotel-info-modern .form-section{background:#fff;border:1px solid #d2d2d780;border-radius:24px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.hotel-info-modern .form-section-header{background:0 0;border-bottom:1px solid #e5e7eb99;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.hotel-info-modern .form-section-icon{color:#4a90d9;background:#f5f5f7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hotel-info-modern .form-section-icon svg{width:22px;height:22px}.hotel-info-modern .form-section-title{flex:1}.hotel-info-modern .form-section-title h3{color:#111827;letter-spacing:-.01em;margin:0;font-family:Poppins;font-size:15px;font-weight:600}.hotel-info-modern .form-section-title p{color:#6b7280;margin:2px 0 0;font-family:Poppins;font-size:12px;font-weight:400}.hotel-info-modern .form-section-content{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.hotel-info-modern .form-section-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1400px){.hotel-info-modern .form-section-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.hotel-info-modern .form-section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hotel-info-modern .form-section-grid{grid-template-columns:1fr}}.hotel-info-modern .location-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:768px){.hotel-info-modern .location-grid-3{grid-template-columns:1fr;gap:16px}}.hotel-info-modern .select-wrapper{position:relative}.hotel-info-modern .select-wrapper select.form-input-modern{appearance:none;cursor:pointer;padding-right:44px}.hotel-info-modern .select-wrapper .select-icon{color:#86868b;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.hotel-info-modern .required{color:#ff3b30;margin-left:2px}.hotel-info-modern .form-field-modern{flex-direction:column;gap:4px;display:flex}.hotel-info-modern .form-group-header{margin-bottom:16px}.hotel-info-modern .form-group-header h3{color:#1d1d1f;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:15px;font-weight:700}.hotel-info-modern .form-group-header p{color:#86868b;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px}.hotel-info-modern .form-divider{background:#f5f5f7;width:100%;height:1px;margin:24px 0}.hotel-info-modern .form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px 24px;display:grid}@media (max-width:768px){.hotel-info-modern .form-grid-2{grid-template-columns:1fr}}.hotel-info-modern .form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.hotel-info-modern .form-grid-3{grid-template-columns:1fr}}.hotel-info-modern .form-col-full{grid-column:1/-1}.hotel-info-modern .form-label-modern{color:#86868b;margin-bottom:6px;margin-left:2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-weight:600;display:block}.hotel-info-modern .form-label-modern .required{color:#ff3b30;margin-left:2px;font-weight:700}.hotel-info-modern .form-label-modern svg{display:none}.hotel-info-modern .form-label-modern.label-secondary{color:#86868b;text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:500}.hotel-info-modern .form-label-semibold{color:#1d1d1f;margin-bottom:12px;margin-left:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:13px;font-weight:600;display:block}.hotel-info-modern .form-input-icon-wrapper{position:relative}.hotel-info-modern .form-input-icon-wrapper .input-icon{color:#9ca3af;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.hotel-info-modern .form-input-icon-wrapper .form-input-modern{padding-left:44px}.hotel-info-modern .form-input-modern-wrapper,.hotel-info-modern .form-select-modern-wrapper,.hotel-info-modern .form-textarea-modern-wrapper{position:relative}.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:400;transition:all .2s}:is(.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern)::placeholder{color:#86868b}:is(.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern):hover{border-color:#c0c0c4}:is(.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern):focus{border-color:#4a90d9;box-shadow:0 0 0 2px #0071e31a}:is(.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern).error{border-color:#ff3b30}:is(.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern).error:focus{box-shadow:0 0 0 2px #ff3b301a}:is(.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern).has-icon{padding-left:40px}.hotel-info-modern .form-input-time{cursor:pointer;padding-right:44px}.hotel-info-modern .form-input-time::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:44px;height:100%;position:absolute;right:0}.hotel-info-modern .time-input-wrapper{position:relative}.hotel-info-modern .time-input-wrapper .time-icon{color:#86868b;pointer-events:none;z-index:1;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.hotel-info-modern .time-input-wrapper .form-input-modern{padding-right:44px}.hotel-info-modern .form-textarea-modern{resize:vertical;min-height:70px;line-height:1.4}.hotel-info-modern .form-error-modern{color:#ff3b30;margin-top:6px;padding-left:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-weight:400;display:block}.hotel-info-modern .form-actions-modern{justify-content:space-between;align-items:center;margin-top:16px;padding-top:24px;display:flex}.hotel-info-modern .btn-primary-modern{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:140px;height:48px;padding:0 32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.hotel-info-modern .btn-primary-modern svg{width:18px;height:18px;transition:transform .15s}.hotel-info-modern .btn-primary-modern:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.hotel-info-modern .btn-primary-modern:hover:not(:disabled) svg{transform:translate(2px)}.hotel-info-modern .btn-primary-modern:active:not(:disabled){background:#2d6ab5;transform:scale(.98)}.hotel-info-modern .btn-primary-modern:disabled{opacity:.5;cursor:not-allowed}.hotel-info-modern .btn-primary-modern .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.hotel-info-modern .btn-secondary-modern,.hotel-info-modern .btn-cancel-modern{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#1d1d1f;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:48px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}:is(.hotel-info-modern .btn-secondary-modern,.hotel-info-modern .btn-cancel-modern):hover:not(:disabled){background:#333336;transform:scale(1.02)}:is(.hotel-info-modern .btn-secondary-modern,.hotel-info-modern .btn-cancel-modern):active:not(:disabled){background:#0a0a0a;transform:scale(.98)}:is(.hotel-info-modern .btn-secondary-modern,.hotel-info-modern .btn-cancel-modern):disabled{opacity:.5;cursor:not-allowed}.hotel-info-modern .form-select-modern-wrapper .multi-language-select .language-selector{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;transition:border-color .15s}.hotel-info-modern .form-select-modern-wrapper .multi-language-select .language-selector:hover{border-color:#d1d5db}.hotel-info-modern .form-select-modern-wrapper .multi-language-select.open .language-selector{border-color:#247cff;box-shadow:0 0 0 2px #247cff14}@media (max-width:768px){.hotel-info-modern .form-section-header{padding:16px 20px}.hotel-info-modern .form-section-icon{width:40px;height:40px}.hotel-info-modern .form-section-icon svg{width:20px;height:20px}.hotel-info-modern .form-section-title h3{font-size:14px}.hotel-info-modern .form-section-title p{font-size:12px}.hotel-info-modern .form-section-content{padding:20px}.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern{padding:12px 14px;font-size:14px}.hotel-info-modern .btn-primary-modern{width:100%;height:44px}}@media (max-width:480px){.hotel-info-modern .setup-form-container{gap:16px}.hotel-info-modern .form-section{border-radius:12px}.hotel-info-modern .form-section-header{gap:12px;padding:14px 16px}.hotel-info-modern .form-section-icon{width:36px;height:36px}.hotel-info-modern .form-section-icon svg{width:18px;height:18px}.hotel-info-modern .form-section-title h3{font-size:13px}.hotel-info-modern .form-section-title p{font-size:11px}.hotel-info-modern .form-section-content{gap:16px;padding:16px}.hotel-info-modern .form-label-modern{font-size:12px}.hotel-info-modern .form-label-modern svg{width:14px;height:14px}.hotel-info-modern .form-input-modern,.hotel-info-modern .form-textarea-modern{border-radius:8px;padding:10px 12px;font-size:13px}}.hotel-info-comprehensive .form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.hotel-info-comprehensive .form-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.hotel-info-comprehensive .form-section-header{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;padding:20px 24px;display:flex}.hotel-info-comprehensive .form-section-icon{color:#4a90d9;background:#f5f5f7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hotel-info-comprehensive .form-section-icon svg{width:24px;height:24px}.hotel-info-comprehensive .form-section-title{flex:1}.hotel-info-comprehensive .form-section-title h3{color:#111827;margin:0 0 4px;font-family:Poppins;font-size:16px;font-weight:600}.hotel-info-comprehensive .form-section-title p{color:#6b7280;margin:0;font-family:Poppins;font-size:13px}.hotel-info-comprehensive .form-section-content{flex-direction:column;gap:0;padding:24px;display:flex}.hotel-info-comprehensive .form-section-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:768px){.hotel-info-comprehensive .form-section-grid{grid-template-columns:1fr}}.hotel-info-comprehensive .form-field-modern.full-width{width:100%;max-width:100%}.hotel-info-comprehensive .input-icon-wrapper.address-autocomplete-wrapper{width:100%;display:block;position:relative}.hotel-info-comprehensive .input-icon-wrapper.address-autocomplete-wrapper>svg.input-icon{z-index:2;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hotel-info-comprehensive .input-icon-wrapper.address-autocomplete-wrapper>div{width:100%}.hotel-info-comprehensive .input-icon-wrapper.address-autocomplete-wrapper input{box-sizing:border-box;width:100%!important;padding-left:40px!important}.hotel-info-comprehensive .form-grid-2{grid-template-columns:repeat(2,1fr);gap:12px 20px;display:grid}@media (max-width:640px){.hotel-info-comprehensive .form-grid-2{grid-template-columns:1fr}}.hotel-info-comprehensive .form-grid-3{grid-template-columns:repeat(3,1fr);gap:12px 16px;display:grid}@media (max-width:640px){.hotel-info-comprehensive .form-grid-3{grid-template-columns:1fr}}.hotel-info-comprehensive .form-divider{background:#e5e5ea;width:100%;height:1px;margin:16px 0}.hotel-info-comprehensive .section-title-minimal{color:#1d1d1f;letter-spacing:-.01em;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:15px;font-weight:600}.hotel-info-comprehensive .form-field-modern{flex-direction:column;gap:8px;display:flex}.hotel-info-comprehensive .form-label-modern{color:#86868b;margin-bottom:6px;margin-left:2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-weight:600;display:block}.hotel-info-comprehensive .form-label-modern .required{color:#ff3b30;margin-left:2px}.hotel-info-comprehensive .input-icon-wrapper{align-items:center;display:flex;position:relative}.hotel-info-comprehensive .input-icon-wrapper .input-icon{color:#86868b;pointer-events:none;z-index:1;flex-shrink:0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hotel-info-comprehensive .input-icon-wrapper.textarea-wrapper{align-items:flex-start}.hotel-info-comprehensive .input-icon-wrapper.textarea-wrapper .textarea-icon{top:12px;transform:none}.hotel-info-comprehensive .form-input-modern,.hotel-info-comprehensive .form-textarea-modern,.hotel-info-comprehensive select.form-input-modern{color:#1d1d1f;background:#fff;border:1px solid #d2d2d799;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:400;transition:all .2s}:is(.hotel-info-comprehensive .form-input-modern,.hotel-info-comprehensive .form-textarea-modern,.hotel-info-comprehensive select.form-input-modern)::placeholder{color:#86868b}:is(.hotel-info-comprehensive .form-input-modern,.hotel-info-comprehensive .form-textarea-modern,.hotel-info-comprehensive select.form-input-modern):hover{border-color:#d2d2d7}:is(.hotel-info-comprehensive .form-input-modern,.hotel-info-comprehensive .form-textarea-modern,.hotel-info-comprehensive select.form-input-modern):focus{border-color:#4a90d9;box-shadow:0 0 0 3px #0071e31a}:is(.hotel-info-comprehensive .form-input-modern,.hotel-info-comprehensive .form-textarea-modern,.hotel-info-comprehensive select.form-input-modern).has-icon{padding-left:40px}.hotel-info-comprehensive .form-textarea-modern{resize:vertical;min-height:70px;line-height:1.4}.hotel-info-comprehensive .select-wrapper{position:relative}.hotel-info-comprehensive .select-wrapper select.form-input-modern{appearance:none;cursor:pointer;padding-right:36px}.hotel-info-comprehensive .select-wrapper .input-icon{color:#86868b;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hotel-info-comprehensive .select-wrapper .select-icon{color:#86868b;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hotel-info-comprehensive .select-wrapper.has-icon select.form-input-modern{padding-left:40px}.hotel-info-comprehensive .form-input-time{cursor:pointer}.hotel-info-comprehensive .btn-primary-modern{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:160px;height:48px;padding:0 28px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.hotel-info-comprehensive .btn-primary-modern svg{width:18px;height:18px}.hotel-info-comprehensive .btn-primary-modern:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.hotel-info-comprehensive .btn-primary-modern:active:not(:disabled){background:#2d6ab5;transform:scale(.98)}.hotel-info-comprehensive .btn-primary-modern:disabled{opacity:.5;cursor:not-allowed}.hotel-info-comprehensive .btn-primary-modern .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.hotel-info-comprehensive .comprehensive-tabs{box-shadow:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;display:flex;position:relative;overflow-x:auto}.hotel-info-comprehensive .comprehensive-tabs::-webkit-scrollbar{display:none}.hotel-info-comprehensive .comprehensive-tab{cursor:pointer;color:#86868b;white-space:nowrap;background:#f5f5f7;border:none;border-radius:980px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:13px;font-weight:400;transition:all .2s;display:flex}.hotel-info-comprehensive .comprehensive-tab .tab-icon{color:#86868b;justify-content:center;align-items:center;transition:color .2s;display:flex}.hotel-info-comprehensive .comprehensive-tab .tab-icon svg{width:16px;height:16px}@media (max-width:640px){.hotel-info-comprehensive .comprehensive-tab .tab-label{display:none}}.hotel-info-comprehensive .comprehensive-tab:hover{color:#1d1d1f;background:#e8e8ed}.hotel-info-comprehensive .comprehensive-tab:hover .tab-icon{color:#1d1d1f}.hotel-info-comprehensive .comprehensive-tab.active{color:#fff;background:#4a90d9}.hotel-info-comprehensive .comprehensive-tab.active .tab-icon{color:#fff}.hotel-info-comprehensive .comprehensive-tab.completed{color:#1d1d1f;background:#f5f5f7}.hotel-info-comprehensive .comprehensive-tab.completed .tab-icon{color:#4a90d9}.hotel-info-comprehensive .form-helper-text{color:#6b7280;margin:4px 0 8px;font-family:Poppins;font-size:12px}.hotel-info-comprehensive .star-rating-selector{box-sizing:border-box;background:#fff;border:1px solid #d2d2d799;border-radius:10px;align-items:center;gap:6px;height:42px;padding:8px 14px;transition:all .2s;display:inline-flex}.hotel-info-comprehensive .star-rating-selector:focus-within{border-color:#4a90d9;box-shadow:0 0 0 3px #0071e31a}.hotel-info-comprehensive .star-rating-selector .star-btn{cursor:pointer;color:#d2d2d7;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.hotel-info-comprehensive .star-rating-selector .star-btn svg{fill:#f5f5f7;stroke:#d2d2d7;width:20px;height:20px;transition:all .15s}.hotel-info-comprehensive .star-rating-selector .star-btn:hover{transform:scale(1.1)}.hotel-info-comprehensive .star-rating-selector .star-btn:active{transform:scale(.9)}.hotel-info-comprehensive .star-rating-selector .star-btn.active{color:#4a90d9}.hotel-info-comprehensive .star-rating-selector .star-btn.active svg{fill:#4a90d9;stroke:#4a90d9}.hotel-info-comprehensive .star-rating-selector .star-label{color:#86868b;border-left:1px solid #d2d2d7;margin-left:8px;padding-left:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500}.hotel-info-comprehensive .toggle-option{cursor:pointer;background:#f5f5f780;border:1px solid #d2d2d733;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.hotel-info-comprehensive .toggle-option:hover{background:#f5f5f7}.hotel-info-comprehensive .toggle-option .toggle-label{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500}.hotel-info-comprehensive .toggle-option .toggle-switch{cursor:pointer;background:#e5e5ea;border-radius:16px;width:51px;height:31px;transition:background .3s;position:relative}.hotel-info-comprehensive .toggle-option .toggle-switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.hotel-info-comprehensive .toggle-option .toggle-switch.active{background:#34c759}.hotel-info-comprehensive .toggle-option .toggle-switch.active:after{transform:translate(20px)}.hotel-info-comprehensive .toggle-option input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.hotel-info-comprehensive .toggle-options-container{border-top:1px solid #f5f5f7;flex-direction:column;gap:12px;margin-top:16px;padding-top:24px;display:flex}.hotel-info-comprehensive .chip-selector{flex-wrap:wrap;gap:10px;display:flex}.hotel-info-comprehensive .chip-selector .chip{cursor:pointer;color:#1d1d1f;background:#fff;border:1.5px solid #d2d2d7;border-radius:980px;align-items:center;gap:6px;padding:10px 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.hotel-info-comprehensive .chip-selector .chip .chip-check{color:#fff;width:16px;height:16px;display:none}.hotel-info-comprehensive .chip-selector .chip:hover{background:#f5f5f7;border-color:#86868b}.hotel-info-comprehensive .chip-selector .chip.active{color:#fff;background:#4a90d9;border-color:#4a90d9;box-shadow:0 4px 12px #0071e340}.hotel-info-comprehensive .chip-selector .chip.active .chip-check{display:block}.hotel-info-comprehensive .chip-selector .chip:active{transform:scale(.97)}.hotel-info-comprehensive .amenity-section-card{background:#f5f5f7;border-radius:20px;margin-bottom:20px;padding:24px}.hotel-info-comprehensive .amenity-section-card .amenity-section-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.hotel-info-comprehensive .amenity-section-card .amenity-section-icon{color:#4a90d9;background:#f5f5f7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hotel-info-comprehensive .amenity-section-card .amenity-section-icon svg{width:22px;height:22px}.hotel-info-comprehensive .amenity-section-card .amenity-section-info{flex:1}.hotel-info-comprehensive .amenity-section-card .amenity-section-info h4{color:#1d1d1f;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:17px;font-weight:600}.hotel-info-comprehensive .amenity-section-card .amenity-section-info p{color:#86868b;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;line-height:1.4}.hotel-info-comprehensive .amenity-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:768px){.hotel-info-comprehensive .amenity-grid-2{grid-template-columns:1fr}}.hotel-info-comprehensive .checkbox-field .checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:12px;font-family:Poppins;font-size:14px;display:flex}.hotel-info-comprehensive .checkbox-field .checkbox-label input[type=checkbox]{accent-color:#247cff;cursor:pointer;width:20px;height:20px}.hotel-info-comprehensive .checkin-option-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;transition:all .2s;overflow:hidden}.hotel-info-comprehensive .checkin-option-card:first-of-type{margin-top:16px}.hotel-info-comprehensive .checkin-option-card:hover{border-color:#d1d5db}.hotel-info-comprehensive .checkin-option-header{background:#fff;padding:16px 20px}.hotel-info-comprehensive .checkin-option-header .checkbox-label{cursor:pointer;color:#111827;align-items:center;gap:12px;font-family:Poppins;font-size:14px;font-weight:500;display:flex}.hotel-info-comprehensive .checkin-option-header .checkbox-label input[type=checkbox]{accent-color:#247cff;cursor:pointer;width:20px;height:20px}.hotel-info-comprehensive .checkin-option-details{border-top:1px solid #e5e7eb;padding:20px;animation:.2s slideDown}.hotel-info-comprehensive .fee-input-group{gap:12px;display:flex}.hotel-info-comprehensive .fee-input-group input{flex:1}.hotel-info-comprehensive .fee-input-group .currency-select{flex-shrink:0;width:110px}.hotel-info-comprehensive .checkin-checkout-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}@media (max-width:640px){.hotel-info-comprehensive .checkin-checkout-cards{grid-template-columns:1fr;gap:12px}}.hotel-info-comprehensive .time-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;transition:all .2s;overflow:hidden}.hotel-info-comprehensive .time-card.expanded{box-shadow:0 4px 12px #00000014}.hotel-info-comprehensive .time-card:hover:not(.expanded){border-color:#d2d2d7}.hotel-info-comprehensive .time-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:16px 20px;transition:background .2s;display:flex}.hotel-info-comprehensive .time-card-header:hover{background:#fafafa}.hotel-info-comprehensive .time-card-icon{color:#4a90d9;background:#f5f5f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hotel-info-comprehensive .time-card-icon svg{width:18px;height:18px}.hotel-info-comprehensive .time-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.hotel-info-comprehensive .time-card-title{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:13px;font-weight:500}.hotel-info-comprehensive .time-card-subtitle{color:#86868b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-weight:400}.hotel-info-comprehensive .time-card-value{align-items:center;gap:8px;display:flex}.hotel-info-comprehensive .time-card-value .status-dot{background:#86868b;border-radius:50%;width:8px;height:8px}.hotel-info-comprehensive .time-card-value .status-dot.active{background:#34c759}.hotel-info-comprehensive .time-card-value .time-display{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500}.hotel-info-comprehensive .time-card-value .chevron-icon{color:#86868b;transition:transform .2s}.hotel-info-comprehensive .time-card-content{background:#fafafa;border-top:1px solid #e5e5ea;padding:20px;animation:.2s slideDown}.hotel-info-comprehensive .time-card-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.hotel-info-comprehensive .time-card-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.hotel-info-comprehensive .time-card-grid{grid-template-columns:1fr}}.hotel-info-comprehensive .time-card-toggle{border-top:1px solid #e5e5ea;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.hotel-info-comprehensive .time-card-toggle .toggle-label{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500}.hotel-info-comprehensive .toggle-switch{flex-shrink:0;width:51px;height:31px;display:inline-block;position:relative}.hotel-info-comprehensive .toggle-switch input{opacity:0;width:0;height:0}.hotel-info-comprehensive .toggle-switch .toggle-slider{cursor:pointer;background-color:#e5e5ea;border-radius:31px;transition:all .3s;position:absolute;inset:0}.hotel-info-comprehensive .toggle-switch .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:27px;height:27px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.hotel-info-comprehensive .toggle-switch input:checked+.toggle-slider{background-color:#34c759}.hotel-info-comprehensive .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.hotel-info-comprehensive .input-icon-wrapper{position:relative}.hotel-info-comprehensive .input-icon-wrapper .input-icon-right{color:#86868b;pointer-events:none;transition:opacity .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hotel-info-comprehensive .input-icon-wrapper input:disabled+.input-icon-right,.hotel-info-comprehensive .input-icon-wrapper input:disabled~.input-icon-right{opacity:.4}.hotel-info-comprehensive .fee-input-wrapper{align-items:center;display:flex;position:relative}.hotel-info-comprehensive .fee-input-wrapper input{flex:1;padding-right:40px}.hotel-info-comprehensive .fee-input-wrapper .currency-symbol{color:#86868b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:16px;font-weight:500;position:absolute;right:12px}.hotel-info-comprehensive .file-upload-area{margin-top:8px}.hotel-info-comprehensive .file-upload-label{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;transition:all .2s;display:flex}.hotel-info-comprehensive .file-upload-label svg{color:#9ca3af;width:32px;height:32px}.hotel-info-comprehensive .file-upload-label span{color:#374151;font-family:Poppins;font-size:14px;font-weight:500}.hotel-info-comprehensive .file-upload-label small{color:#6b7280;font-family:Poppins;font-size:12px}.hotel-info-comprehensive .file-upload-label:hover{background:#247cff05;border-color:#247cff80}.hotel-info-comprehensive .file-upload-label:hover svg{color:#247cff}.hotel-info-comprehensive .uploaded-files-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.hotel-info-comprehensive .uploaded-file-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.hotel-info-comprehensive .uploaded-file-item svg{color:#ef4444;flex-shrink:0;width:24px;height:24px}.hotel-info-comprehensive .uploaded-file-item .file-info{flex:1;min-width:0}.hotel-info-comprehensive .uploaded-file-item .file-info .file-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins;font-size:13px;font-weight:500;display:block;overflow:hidden}.hotel-info-comprehensive .uploaded-file-item .file-info .file-size{color:#6b7280;font-family:Poppins;font-size:11px}.hotel-info-comprehensive .uploaded-file-item .file-remove-btn{cursor:pointer;background:#ef44441a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.hotel-info-comprehensive .uploaded-file-item .file-remove-btn svg{color:#ef4444;width:16px;height:16px}.hotel-info-comprehensive .uploaded-file-item .file-remove-btn:hover{background:#ef444433}.hotel-info-comprehensive .uploaded-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px;display:grid}.hotel-info-comprehensive .uploaded-image-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;position:relative;overflow:hidden}.hotel-info-comprehensive .uploaded-image-item img{object-fit:cover;width:100%;height:120px}.hotel-info-comprehensive .uploaded-image-item .image-remove-btn{cursor:pointer;background:#ef4444e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.hotel-info-comprehensive .uploaded-image-item .image-remove-btn svg{color:#fff;width:14px;height:14px}.hotel-info-comprehensive .uploaded-image-item .image-remove-btn:hover{background:#dc2626}.hotel-info-comprehensive .uploaded-image-item .image-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;padding:8px;font-family:Poppins;font-size:11px;display:block;overflow:hidden}.hotel-info-comprehensive .ai-preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:20px}.hotel-info-comprehensive .ai-preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hotel-info-comprehensive .ai-preview-header h4{color:#111827;margin:0;font-family:Poppins;font-size:14px;font-weight:600}.hotel-info-comprehensive .ai-preview-header .btn-preview-toggle{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-family:Poppins;font-size:12px;font-weight:500;transition:all .2s}.hotel-info-comprehensive .ai-preview-header .btn-preview-toggle:hover{color:#247cff;border-color:#247cff80}.hotel-info-comprehensive .ai-preview-content pre{color:#e5e7eb;white-space:pre-wrap;word-wrap:break-word;background:#111827;border-radius:10px;padding:20px;font-family:Fira Code,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.hotel-info-comprehensive .description-section .form-section-content{padding:0}.hotel-info-comprehensive .description-sub-tabs{-webkit-overflow-scrolling:touch;background:#f2f2f7;border-radius:16px;gap:0;max-width:max-content;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.hotel-info-comprehensive .description-sub-tabs::-webkit-scrollbar{height:0;display:none}.hotel-info-comprehensive .description-sub-tab{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.hotel-info-comprehensive .description-sub-tab .sub-tab-icon{color:#86868b;justify-content:center;align-items:center;display:flex}.hotel-info-comprehensive .description-sub-tab .sub-tab-icon svg{width:18px;height:18px}.hotel-info-comprehensive .description-sub-tab .sub-tab-label{color:#86868b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500}.hotel-info-comprehensive .description-sub-tab:hover .sub-tab-label,.hotel-info-comprehensive .description-sub-tab:hover .sub-tab-icon{color:#1d1d1f}.hotel-info-comprehensive .description-sub-tab.active{background:#fff;box-shadow:0 1px 3px #00000014}.hotel-info-comprehensive .description-sub-tab.active .sub-tab-icon,.hotel-info-comprehensive .description-sub-tab.active .sub-tab-label{color:#4a90d9}.hotel-info-comprehensive .editor-header{margin-bottom:24px}.hotel-info-comprehensive .editor-header h4{color:#1d1d1f;margin:0 0 8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:20px;font-weight:600}.hotel-info-comprehensive .editor-header p{color:#86868b;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;line-height:1.5}.hotel-info-comprehensive .rich-editor{background:#fff;border:1px solid #d2d2d780;border-radius:24px;transition:all .2s cubic-bezier(.25,.46,.45,.94);overflow:hidden;box-shadow:0 1px 3px #0000000a}.hotel-info-comprehensive .rich-editor:focus-within{border-color:#4a90d9;box-shadow:0 0 0 3px #0071e326}.hotel-info-comprehensive .editor-toolbar{background:#f5f5f7;border-bottom:1px solid #d2d2d74d;align-items:center;gap:16px;padding:12px 24px;display:flex}.hotel-info-comprehensive .editor-toolbar .toolbar-group{align-items:center;gap:12px;display:flex}.hotel-info-comprehensive .toolbar-btn{cursor:pointer;color:#1d1d1f;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:16px;transition:all .15s;display:flex}.hotel-info-comprehensive .toolbar-btn svg{width:18px;height:18px}.hotel-info-comprehensive .toolbar-btn:hover{background:#0000000d}.hotel-info-comprehensive .toolbar-btn:active{background:#00000014}.hotel-info-comprehensive .toolbar-btn.bold{font-weight:700}.hotel-info-comprehensive .toolbar-btn.italic{font-style:italic}.hotel-info-comprehensive .toolbar-btn.underline{text-decoration:underline}.hotel-info-comprehensive .toolbar-divider{background:#d2d2d7;width:1px;height:16px;margin:0 8px}.hotel-info-comprehensive .char-count{color:#86868b;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-weight:500}.hotel-info-comprehensive .rich-textarea{color:#1d1d1f;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:100px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:17px;line-height:1.6}.hotel-info-comprehensive .rich-textarea::placeholder{color:#d2d2d7}.hotel-info-comprehensive .rich-textarea-large{min-height:300px}.hotel-info-comprehensive .editor-tips{background:#f2f2f7;border:1px solid #d2d2d733;border-radius:20px;gap:16px;margin-top:24px;padding:24px;display:flex}.hotel-info-comprehensive .editor-tips .tips-icon{color:#4a90d9;flex-shrink:0;margin-top:2px}.hotel-info-comprehensive .editor-tips .tips-icon svg{width:18px;height:18px}.hotel-info-comprehensive .editor-tips .tips-content{flex:1}.hotel-info-comprehensive .editor-tips h5{color:#1d1d1f;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:700}.hotel-info-comprehensive .editor-tips ul{grid-template-columns:repeat(2,1fr);gap:12px 32px;margin:0;padding:0;list-style:none;display:grid}.hotel-info-comprehensive .editor-tips ul li{color:#424245;align-items:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;line-height:1.5;display:flex}.hotel-info-comprehensive .editor-tips ul li:before{content:"";background:#0071e366;border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (max-width:768px){.hotel-info-comprehensive .editor-tips ul{grid-template-columns:1fr}}.hotel-info-comprehensive .document-upload-section{flex-direction:column;gap:20px;display:flex}.hotel-info-comprehensive .document-upload-label .upload-icon-group{gap:12px;display:flex}.hotel-info-comprehensive .document-upload-label .upload-icon-group svg{color:#9ca3af;width:32px;height:32px}.hotel-info-comprehensive .document-upload-label .upload-title{color:#111827;font-family:Poppins;font-size:15px;font-weight:600}.hotel-info-comprehensive .document-upload-label .upload-subtitle{color:#6b7280;font-family:Poppins;font-size:13px}.hotel-info-comprehensive .uploaded-documents-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.hotel-info-comprehensive .uploaded-documents-list h5{color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;margin:0;padding:14px 16px;font-family:Poppins;font-size:13px;font-weight:600}.hotel-info-comprehensive .uploaded-document-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.hotel-info-comprehensive .uploaded-document-item:last-child{border-bottom:none}.hotel-info-comprehensive .uploaded-document-item:hover{background:#f9fafb}.hotel-info-comprehensive .uploaded-document-item svg{flex-shrink:0;width:28px;height:28px}.hotel-info-comprehensive .uploaded-document-item svg:first-child{color:#ef4444}.hotel-info-comprehensive .document-info{flex:1;min-width:0}.hotel-info-comprehensive .document-info .document-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins;font-size:13px;font-weight:500;display:block;overflow:hidden}.hotel-info-comprehensive .document-info .document-meta{color:#6b7280;font-family:Poppins;font-size:11px}.hotel-info-comprehensive .document-remove-btn{cursor:pointer;background:#ef44441a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.hotel-info-comprehensive .document-remove-btn svg{color:#ef4444;width:16px;height:16px}.hotel-info-comprehensive .document-remove-btn:hover{background:#ef444433}.hotel-info-comprehensive .document-tips{background:#247cff0d;border:1px solid #247cff33;border-radius:10px;padding:16px}.hotel-info-comprehensive .document-tips h5{color:#247cff;margin:0 0 10px;font-family:Poppins;font-size:13px;font-weight:600}.hotel-info-comprehensive .document-tips ul{margin:0;padding:0 0 0 20px}.hotel-info-comprehensive .document-tips ul li{color:#374151;margin-bottom:4px;font-family:Poppins;font-size:12px;line-height:1.8}.hotel-info-comprehensive .document-tips ul li strong{color:#111827}.hotel-info-comprehensive .policy-section .form-section-header{display:none}.hotel-info-comprehensive .policy-section .form-section-content{padding:24px}.hotel-info-comprehensive .policy-section .description-sub-tabs{margin-bottom:16px}.hotel-info-comprehensive .policy-section .editor-header{margin-bottom:12px}.hotel-info-comprehensive .policy-section .editor-header h4{margin-bottom:4px;font-size:18px}.hotel-info-comprehensive .policy-section .editor-header p{font-size:14px}.hotel-info-comprehensive .policy-section .rich-editor{border-radius:20px}.hotel-info-comprehensive .policy-section .editor-tips{margin-top:16px}.hotel-info-comprehensive .policy-section .description-editor-container{animation:.25s ease-out slideIn}.hotel-info-comprehensive .policy-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:768px){.hotel-info-comprehensive .policy-grid{grid-template-columns:1fr}}.hotel-info-comprehensive .policy-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden}.hotel-info-comprehensive .policy-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.hotel-info-comprehensive .policy-card-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:14px 16px;display:flex}.hotel-info-comprehensive .policy-card-header .policy-icon{font-size:20px}.hotel-info-comprehensive .policy-card-header h5{color:#111827;margin:0;font-family:Poppins;font-size:14px;font-weight:600}.hotel-info-comprehensive .rich-editor.compact{border:none;border-radius:0}.hotel-info-comprehensive .rich-editor.compact .rich-textarea{background:#f9fafb;min-height:100px;padding:14px 16px;font-size:13px}.hotel-info-comprehensive .rich-editor.compact .rich-textarea:focus{background:#fff}.hotel-info-comprehensive .rich-editor.compact:focus-within{box-shadow:none}.hotel-info-comprehensive .image-gallery-container{margin-top:20px}.hotel-info-comprehensive .image-gallery-header{margin-bottom:16px}.hotel-info-comprehensive .image-gallery-header h4{color:#111827;margin:0 0 4px;font-family:Poppins;font-size:15px;font-weight:600}.hotel-info-comprehensive .image-gallery-header p{color:#6b7280;margin:0;font-family:Poppins;font-size:13px}.hotel-info-comprehensive .image-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.hotel-info-comprehensive .image-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;position:relative;overflow:visible}.hotel-info-comprehensive .image-card:hover{border-color:#247cff80;box-shadow:0 4px 12px #00000014}.hotel-info-comprehensive .image-card:has(.category-select-dropdown){z-index:100}.hotel-info-comprehensive .image-card-preview{background:#f3f4f6;border-radius:12px 12px 0 0;width:100%;height:160px;position:relative;overflow:hidden}.hotel-info-comprehensive .image-card-preview img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.hotel-info-comprehensive .image-card-preview:hover img{transform:scale(1.05)}.hotel-info-comprehensive .image-card-preview .image-remove-btn{cursor:pointer;opacity:0;background:#ef4444e6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.hotel-info-comprehensive .image-card-preview .image-remove-btn svg{color:#fff;width:16px;height:16px}.hotel-info-comprehensive .image-card-preview .image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.hotel-info-comprehensive .image-card-preview:hover .image-remove-btn{opacity:1}.hotel-info-comprehensive .image-card-info{flex-direction:column;gap:12px;padding:14px;display:flex}.hotel-info-comprehensive .image-category-select,.hotel-info-comprehensive .image-description-input{flex-direction:column;gap:4px;display:flex}:is(.hotel-info-comprehensive .image-category-select,.hotel-info-comprehensive .image-description-input) label{color:#86868b;text-transform:uppercase;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:600}:is(.hotel-info-comprehensive .image-category-select,.hotel-info-comprehensive .image-description-input) .form-input-modern{color:#1d1d1f;background:#fff;border:1px solid #e5e5ea;border-radius:8px;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:13px;transition:all .2s}:is(.hotel-info-comprehensive .image-category-select,.hotel-info-comprehensive .image-description-input) .form-input-modern:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #0071e326}:is(.hotel-info-comprehensive .image-category-select,.hotel-info-comprehensive .image-description-input) .form-input-modern::placeholder{color:#86868b}.hotel-info-comprehensive .category-select-wrapper{width:100%;position:relative}.hotel-info-comprehensive .category-select-trigger{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:all .2s;display:flex}.hotel-info-comprehensive .category-select-trigger:hover{border-color:#c7c7cc}.hotel-info-comprehensive .category-select-trigger.open{border-color:#4a90d9;box-shadow:0 0 0 3px #0071e326}.hotel-info-comprehensive .category-select-trigger .category-select-value{color:#1d1d1f;align-items:center;gap:10px;font-size:14px;display:flex}.hotel-info-comprehensive .category-select-trigger .category-select-placeholder{color:#86868b;font-size:14px}.hotel-info-comprehensive .category-select-trigger .category-icon{color:#4a90d9;background:#f5f5f7;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hotel-info-comprehensive .category-select-trigger .category-icon svg{width:16px;height:16px}.hotel-info-comprehensive .category-select-trigger .category-select-chevron{color:#86868b;justify-content:center;align-items:center;transition:transform .2s;display:flex}.hotel-info-comprehensive .category-select-trigger .category-select-chevron.open{transform:rotate(180deg)}.hotel-info-comprehensive .category-select-dropdown{z-index:99999;background:#fff;border:1px solid #e5e5ea;border-radius:12px;max-height:320px;padding:6px;overflow-y:auto;box-shadow:0 8px 32px #00000029}.hotel-info-comprehensive .category-select-dropdown::-webkit-scrollbar{width:6px}.hotel-info-comprehensive .category-select-dropdown::-webkit-scrollbar-track{background:0 0}.hotel-info-comprehensive .category-select-dropdown::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:3px}.hotel-info-comprehensive .category-group:not(:last-child){border-bottom:1px solid #f2f2f7;margin-bottom:8px;padding-bottom:8px}.hotel-info-comprehensive .category-group-label{color:#4a90d9;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:600}.hotel-info-comprehensive .category-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:background .15s;display:flex}.hotel-info-comprehensive .category-option:hover{background:#f5f5f7}.hotel-info-comprehensive .category-option.selected{background:#0071e31a}.hotel-info-comprehensive .category-option .category-icon{color:#1d1d1f;background:#f5f5f7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hotel-info-comprehensive .category-option .category-icon svg{width:18px;height:18px}.hotel-info-comprehensive .category-option.selected .category-icon{color:#fff;background:#4a90d9}.hotel-info-comprehensive .category-option .category-label{color:#1d1d1f;font-size:14px;font-weight:500}.hotel-info-comprehensive .image-card-badge{-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000001f}.hotel-info-comprehensive .image-card-badge .badge-icon{color:#4a90d9;background:#f5f5f7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.hotel-info-comprehensive .image-card-badge .badge-icon svg{width:14px;height:14px}.hotel-info-comprehensive .image-card-badge .badge-label{color:#1d1d1f;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500}.hotel-info-comprehensive .image-tips{background:#10b98114;border:1px solid #10b98133;border-radius:10px;margin-top:20px;padding:16px}.hotel-info-comprehensive .image-tips h5{color:#059669;margin:0 0 10px;font-family:Poppins;font-size:13px;font-weight:600}.hotel-info-comprehensive .image-tips ul{margin:0;padding:0 0 0 20px}.hotel-info-comprehensive .image-tips ul li{color:#374151;margin-bottom:4px;font-family:Poppins;font-size:12px;line-height:1.8}.hotel-info-comprehensive .image-tips ul li strong{color:#111827}.hotel-info-comprehensive .ai-settings-section .form-section-content{padding:20px}.hotel-info-comprehensive .ai-settings-section .description-sub-tabs{margin-bottom:24px}.hotel-info-comprehensive .ai-settings-section .description-editor-container .editor-header{margin-bottom:20px}.hotel-info-comprehensive .audience-grid,.hotel-info-comprehensive .voice-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:1200px){.hotel-info-comprehensive .audience-grid,.hotel-info-comprehensive .voice-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.hotel-info-comprehensive .audience-grid,.hotel-info-comprehensive .voice-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hotel-info-comprehensive .audience-grid,.hotel-info-comprehensive .voice-grid{grid-template-columns:1fr}}.hotel-info-comprehensive .audience-card,.hotel-info-comprehensive .voice-card{cursor:pointer;background:#fff;border:1.5px solid #e5e5ea;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex;position:relative}:is(.hotel-info-comprehensive .audience-card,.hotel-info-comprehensive .voice-card):hover{background:#0071e305;border-color:#4a90d9}:is(.hotel-info-comprehensive .audience-card,.hotel-info-comprehensive .voice-card).selected{background:#0071e314;border-color:#4a90d9}:is(.hotel-info-comprehensive .audience-card,.hotel-info-comprehensive .voice-card).selected .audience-icon,:is(.hotel-info-comprehensive .audience-card,.hotel-info-comprehensive .voice-card).selected .voice-icon{color:#fff;background:#4a90d9}.hotel-info-comprehensive .audience-icon,.hotel-info-comprehensive .voice-icon{color:#4a90d9;background:#f5f5f7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}:is(.hotel-info-comprehensive .audience-icon,.hotel-info-comprehensive .voice-icon) svg{width:22px;height:22px}.hotel-info-comprehensive .audience-info,.hotel-info-comprehensive .voice-info{flex:1;min-width:0}.hotel-info-comprehensive .audience-label,.hotel-info-comprehensive .voice-label{color:#111827;margin-bottom:2px;font-family:Poppins;font-size:14px;font-weight:600;display:block}.hotel-info-comprehensive .audience-desc,.hotel-info-comprehensive .voice-desc{color:#6b7280;font-family:Poppins;font-size:11px;display:block}.hotel-info-comprehensive .audience-check,.hotel-info-comprehensive .voice-check{color:#fff;background:#247cff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;display:flex}.hotel-info-comprehensive .tone-examples{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;padding:16px}.hotel-info-comprehensive .tone-examples h5{color:#111827;margin:0 0 10px;font-family:Poppins;font-size:13px;font-weight:600}.hotel-info-comprehensive .example-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.hotel-info-comprehensive .example-card .example-label{color:#247cff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-family:Poppins;font-size:10px;font-weight:600;display:block}.hotel-info-comprehensive .example-card .example-text{color:#374151;margin:0;font-family:Poppins;font-size:13px;font-style:italic;line-height:1.5}.hotel-info-comprehensive .instructions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:900px){.hotel-info-comprehensive .instructions-grid{grid-template-columns:1fr}}.hotel-info-comprehensive .instruction-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow:hidden}.hotel-info-comprehensive .instruction-card .instruction-header{background:#f5f5f7;border-bottom:1px solid #e5e5ea;align-items:center;gap:10px;padding:12px 16px;display:flex}.hotel-info-comprehensive .instruction-card .instruction-header .instruction-icon{color:#4a90d9;background:#f5f5f7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hotel-info-comprehensive .instruction-card .instruction-header .instruction-icon svg{stroke-width:1.5px;width:20px;height:20px}.hotel-info-comprehensive .instruction-card .instruction-header .instruction-icon.warning,.hotel-info-comprehensive .instruction-card .instruction-header .instruction-icon.danger,.hotel-info-comprehensive .instruction-card .instruction-header .instruction-icon.special{color:#4a90d9;background:#f5f5f7}.hotel-info-comprehensive .instruction-card .instruction-header h5{color:#1d1d1f;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600}.hotel-info-comprehensive .instruction-card .form-textarea-modern{background:#fff;border:none;border-radius:0;min-height:80px}.hotel-info-comprehensive .instruction-card .form-textarea-modern:focus{box-shadow:none;background:#f5f5f7}.hotel-info-comprehensive .ai-preview-section .preview-stats{gap:16px;display:flex}.hotel-info-comprehensive .ai-preview-section .preview-stats .stat-item{color:#6b7280;font-family:Poppins;font-size:12px}.hotel-info-comprehensive .ai-preview-section .preview-stats .stat-item strong{color:#247cff;font-weight:600}.hotel-info-comprehensive .ai-preview-section .btn-copy-prompt{cursor:pointer;color:#247cff;background:#247cff1a;border:1px solid #247cff4d;border-radius:8px;padding:8px 16px;font-family:Poppins;font-size:12px;font-weight:500;transition:all .2s}.hotel-info-comprehensive .ai-preview-section .btn-copy-prompt:hover{background:#247cff33}.hotel-info-comprehensive .form-navigation{border-top:1px solid #e5e7eb;justify-content:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.hotel-info-comprehensive .btn-secondary-modern{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#1d1d1f;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:48px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.hotel-info-comprehensive .btn-secondary-modern svg{width:18px;height:18px}.hotel-info-comprehensive .btn-secondary-modern:hover:not(:disabled){background:#333336;transform:scale(1.02)}.hotel-info-comprehensive .btn-secondary-modern:active:not(:disabled){background:#0a0a0a;transform:scale(.98)}.hotel-info-comprehensive .btn-secondary-modern:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.hotel-info-comprehensive .comprehensive-tabs{gap:6px;padding:0}.hotel-info-comprehensive .comprehensive-tab{padding:8px 14px;font-size:12px}.hotel-info-comprehensive .comprehensive-tab .tab-icon svg{width:14px;height:14px}.hotel-info-comprehensive .chip-selector .chip{padding:6px 12px;font-size:12px}.hotel-info-comprehensive .uploaded-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.hotel-info-comprehensive .uploaded-image-item img{height:100px}.hotel-info-comprehensive .form-navigation{flex-direction:column-reverse;gap:12px}.hotel-info-comprehensive .form-navigation .btn-primary-modern,.hotel-info-comprehensive .form-navigation .btn-secondary-modern{width:100%}.hotel-info-comprehensive .description-sub-tabs{gap:6px;padding:12px 16px}.hotel-info-comprehensive .description-sub-tab{padding:8px 12px}.hotel-info-comprehensive .description-sub-tab .sub-tab-label{font-size:12px}.hotel-info-comprehensive .description-editor-container{padding:16px}.hotel-info-comprehensive .editor-header h4{font-size:14px}.hotel-info-comprehensive .editor-header p{font-size:12px}.hotel-info-comprehensive .editor-toolbar{flex-wrap:wrap;padding:8px 10px}.hotel-info-comprehensive .toolbar-btn{width:28px;height:28px}.hotel-info-comprehensive .rich-textarea{min-height:140px;padding:12px 14px;font-size:13px}.hotel-info-comprehensive .editor-tips,.hotel-info-comprehensive .document-tips{padding:12px}:is(.hotel-info-comprehensive .editor-tips,.hotel-info-comprehensive .document-tips) h5{font-size:12px}:is(.hotel-info-comprehensive .editor-tips,.hotel-info-comprehensive .document-tips) ul li{font-size:11px}.hotel-info-comprehensive .uploaded-document-item{gap:10px;padding:12px}.hotel-info-comprehensive .uploaded-document-item svg{width:24px;height:24px}.hotel-info-comprehensive .document-info .document-name{font-size:12px}.hotel-info-comprehensive .policy-grid{grid-template-columns:1fr;gap:16px}.hotel-info-comprehensive .policy-card-header{padding:12px 14px}.hotel-info-comprehensive .policy-card-header .policy-icon{font-size:18px}.hotel-info-comprehensive .policy-card-header h5{font-size:13px}.hotel-info-comprehensive .rich-editor.compact .rich-textarea{min-height:80px;padding:12px;font-size:12px}.hotel-info-comprehensive .image-gallery-grid{grid-template-columns:1fr;gap:16px}.hotel-info-comprehensive .image-card-preview{height:140px}.hotel-info-comprehensive .image-card-preview .image-remove-btn{opacity:1}.hotel-info-comprehensive .image-card-info{gap:10px;padding:12px}.hotel-info-comprehensive .image-category-select label,.hotel-info-comprehensive .image-description-input label{font-size:10px}.hotel-info-comprehensive .image-tips{padding:12px}.hotel-info-comprehensive .image-tips h5{font-size:12px}.hotel-info-comprehensive .image-tips ul li{font-size:11px}.hotel-info-comprehensive .audience-card,.hotel-info-comprehensive .voice-card{gap:10px;padding:12px 14px}.hotel-info-comprehensive .audience-icon,.hotel-info-comprehensive .voice-icon{border-radius:10px;width:36px;height:36px}:is(.hotel-info-comprehensive .audience-icon,.hotel-info-comprehensive .voice-icon) svg{width:18px;height:18px}.hotel-info-comprehensive .audience-label,.hotel-info-comprehensive .voice-label{font-size:13px}.hotel-info-comprehensive .audience-desc,.hotel-info-comprehensive .voice-desc{font-size:10px}.hotel-info-comprehensive .audience-check,.hotel-info-comprehensive .voice-check{width:20px;height:20px;font-size:12px}.hotel-info-comprehensive .tone-examples{margin-top:16px;padding:14px}.hotel-info-comprehensive .tone-examples h5{font-size:13px}.hotel-info-comprehensive .example-card{padding:12px}.hotel-info-comprehensive .example-card .example-label{font-size:10px}.hotel-info-comprehensive .example-card .example-text{font-size:13px}.hotel-info-comprehensive .instructions-grid{grid-template-columns:1fr;gap:12px}.hotel-info-comprehensive .instruction-card .instruction-header{padding:12px 14px}.hotel-info-comprehensive .instruction-card .instruction-header .instruction-icon{font-size:18px}.hotel-info-comprehensive .instruction-card .instruction-header h5{font-size:12px}.hotel-info-comprehensive .instruction-card .form-textarea-modern{min-height:80px;font-size:12px}.hotel-info-comprehensive .ai-preview-section .preview-stats,.hotel-info-comprehensive .location-picker .location-search-container{flex-direction:column;gap:8px}.hotel-info-comprehensive .location-picker .location-btn-address span{display:none}.hotel-info-comprehensive .location-picker .location-map-container{height:350px}.hotel-info-comprehensive .location-picker .location-coordinates{flex-direction:column;gap:8px}.hotel-info-comprehensive .location-picker .location-coordinates .coordinate-divider{display:none}}.location-picker{flex-direction:column;gap:16px;display:flex}.location-section-header{border-top:1px solid #f5f5f7;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.location-section-header .location-section-icon{color:#4a90d9;background:#f5f5f7;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.location-section-header h3{color:#1d1d1f;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:17px;font-weight:600}.location-picker-loading{color:#86868b;background:#f5f5f7;border:1px solid #d2d2d780;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:350px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;display:flex}.location-picker-loading .loading-spinner{border:3px solid #d2d2d7;border-top-color:#4a90d9;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.location-search-container{z-index:200;gap:8px;display:flex;position:relative}.location-search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.location-search-input-wrapper svg{color:#86868b;z-index:1;position:absolute;left:16px}.location-search-input-wrapper input{-webkit-backdrop-filter:blur(12px);color:#1d1d1f;background:#ffffffe6;border:none;border-radius:16px;width:100%;padding:12px 48px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:15px;transition:all .2s;box-shadow:0 4px 16px #00000014}.location-search-input-wrapper input:focus{background:#fff;outline:none;box-shadow:0 4px 20px #0000001f}.location-search-input-wrapper input::placeholder{color:#86868b}.location-search-input-wrapper .search-spinner{border:2px solid #d2d2d7;border-top-color:#4a90d9;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute;right:14px}.location-search-input-wrapper .search-clear-btn{cursor:pointer;color:#86868b;background:#86868b26;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex;position:absolute;right:12px}.location-search-input-wrapper .search-clear-btn:hover{color:#1d1d1f;background:#86868b40}.location-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.location-btn svg{color:#fff}.location-btn:hover{background:#0077ed}.location-btn:active{transform:scale(.95)}.location-btn-address span{color:#fff}.location-btn-current{background:#fff;border:1px solid #d2d2d7;padding:12px}.location-btn-current svg{color:#4a90d9}.location-btn-current:hover{background:#f5f5f7;border-color:#86868b}.location-search-results{z-index:1000;background:#fff;border:1px solid #d2d2d780;border-radius:16px;max-height:280px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.location-search-result-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f5f5f7;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;transition:background .2s;display:flex}.location-search-result-item:last-child{border-bottom:none}.location-search-result-item:hover{background:#f5f5f7}.location-search-result-item svg{color:#4a90d9;flex-shrink:0;margin-top:2px}.location-search-result-item span{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;line-height:1.5}.location-no-results{z-index:1000;color:#86868b;text-align:center;background:#fff;border:1px solid #d2d2d780;border-radius:16px;margin-top:8px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0000001f}.location-map-wrapper{background:#f5f5f7;border:1px solid #d2d2d780;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000000f}.location-search-floating{z-index:100;gap:8px;max-width:480px;display:flex;position:absolute;top:16px;left:16px;right:16px}.location-search-floating .location-search-input-wrapper{flex:1;position:relative}.location-search-floating .location-search-input-wrapper input{box-shadow:0 4px 16px #0000001a}.location-search-floating .location-search-input-wrapper>div{width:100%}.location-search-floating .location-btn{box-shadow:0 4px 16px #0000001a}.pac-container{z-index:10000!important;background:#fff!important;border:none!important;border-radius:16px!important;margin-top:8px!important;padding:8px 0!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif!important;overflow:hidden!important;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000a!important}.pac-container:after{display:none!important}.pac-container .pac-item{cursor:pointer!important;border:none!important;border-bottom:1px solid #f5f5f7!important;align-items:center!important;padding:12px 16px!important;font-size:14px!important;line-height:1.5!important;transition:background .15s!important;display:flex!important}.pac-container .pac-item:last-child{border-bottom:none!important}.pac-container .pac-item:hover,.pac-container .pac-item.pac-item-selected{background:#f5f5f7!important}.pac-container .pac-item .pac-icon{flex-shrink:0;background-size:20px 20px!important;width:20px!important;height:20px!important;margin-right:12px!important}.pac-container .pac-item .pac-item-query{color:#1d1d1f!important;font-size:14px!important;font-weight:500!important}.pac-container .pac-item span:not(.pac-item-query):not(.pac-icon){margin-left:4px;color:#86868b!important;font-size:13px!important}.pac-container .pac-item .pac-matched{color:#247cff!important;font-weight:600!important}.location-map-container{background:#f5f5f7;height:350px;position:relative}.tesis-kimligi-section .form-section-content{padding:20px 24px}.tesis-kimligi-section .section-title-minimal{margin-bottom:8px}.tesis-kimligi-section .form-grid-2{margin-bottom:0}.tesis-kimligi-section .form-grid-3{margin-top:8px;margin-bottom:0}.tesis-kimligi-section .form-field-modern{margin-bottom:8px}.tesis-kimligi-section .form-field-modern:last-child{margin-bottom:0}.tesis-kimligi-section .form-divider{margin:10px 0}.tesis-kimligi-section .location-picker{margin-top:8px}.tesis-kimligi-section .location-picker .location-section-header{display:none}.tesis-kimligi-section .location-picker .location-map-wrapper{border-radius:16px}.tesis-kimligi-section .location-picker .location-map-container{height:320px}.tesis-kimligi-section .location-picker .location-help{display:none}.section-title-minimal{color:#1d1d1f;letter-spacing:-.01em;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:15px;font-weight:600}.location-map-container .leaflet-container{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif}.location-map-container .leaflet-control-zoom{overflow:hidden;border:none!important;border-radius:12px!important;margin:16px!important;box-shadow:0 2px 12px #0000001f!important}.location-map-container .leaflet-control-zoom a{color:#1d1d1f!important;background:#fff!important;border-bottom:1px solid #f5f5f7!important;width:40px!important;height:40px!important;font-size:20px!important;line-height:40px!important}.location-map-container .leaflet-control-zoom a:hover{background:#f5f5f7!important}.location-map-container .leaflet-control-zoom a:last-child{border-bottom:none!important}.location-map-container .leaflet-control-attribution{border-radius:6px 0 0;font-size:10px;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffffe6!important;padding:4px 8px!important}.custom-marker{background:0 0!important;border:none!important}.location-coordinates{display:none}.coordinate-item{align-items:center;gap:8px;display:flex}.coordinate-label{color:#86868b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-weight:500}.coordinate-value{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7;border-radius:8px;padding:4px 10px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.coordinate-divider{color:#d2d2d7;font-weight:300}.location-help{text-align:center;color:#86868b;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;font-style:italic}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 40px #0003}.confirm-dialog-icon{background:#247cff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.confirm-dialog-icon svg{color:#247cff;width:28px;height:28px}.confirm-dialog-title{color:#111827;margin:0 0 12px;font-family:Poppins;font-size:18px;font-weight:600}.confirm-dialog-message{color:#6b7280;margin:0 0 28px;font-family:Poppins;font-size:14px;line-height:1.6}.confirm-dialog-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.confirm-dialog-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .2s}.confirm-dialog-btn-cancel{color:#374151;background:#f3f4f6}.confirm-dialog-btn-cancel:hover{background:#e5e7eb}.confirm-dialog-btn-discard{color:#ef4444;background:0 0;border:1px solid #ef44444d}.confirm-dialog-btn-discard:hover{background:#ef44440d;border-color:#ef444480}.confirm-dialog-btn-confirm{color:#fff;background:#247cff}.confirm-dialog-btn-confirm:hover{background:#247cffe6}.confirm-dialog-btn-confirm.danger{background:#ef4444}.confirm-dialog-btn-confirm.danger:hover{background:#dc2626}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.restaurant-page{max-width:1400px;margin:0 auto;padding:24px}.restaurant-page-header{background:linear-gradient(135deg,#247cff 0%,#1e6be6 100%);border-radius:16px;align-items:center;gap:20px;margin-bottom:32px;padding:28px 32px;display:flex;box-shadow:0 4px 20px #247cff40}.restaurant-page-header .restaurant-page-header-icon{color:#fff;background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.restaurant-page-header .restaurant-page-header-icon svg{width:28px;height:28px}.restaurant-page-header .restaurant-page-header-content{flex:1}.restaurant-page-header .restaurant-page-header-content h1{color:#fff;margin:0 0 4px;font-family:Poppins;font-size:24px;font-weight:600}.restaurant-page-header .restaurant-page-header-content p{color:#ffffffd9;margin:0;font-family:Poppins;font-size:14px}.restaurant-page-header .restaurant-page-header-stats .stat-item{background:#ffffff26;border-radius:12px;flex-direction:column;align-items:center;padding:12px 24px;display:flex}.restaurant-page-header .restaurant-page-header-stats .stat-item .stat-value{color:#fff;font-family:Poppins;font-size:28px;font-weight:700;line-height:1}.restaurant-page-header .restaurant-page-header-stats .stat-item .stat-label{color:#fffc;margin-top:4px;font-family:Poppins;font-size:12px}.restaurant-categories{flex-direction:column;gap:24px;display:flex}.restaurant-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.restaurant-section .restaurant-section-header{background:#f9fafb80;border-bottom:1px solid #e5e7eb99;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.restaurant-section .restaurant-section-header .restaurant-section-info{align-items:center;gap:16px;display:flex}.restaurant-section .restaurant-section-header .restaurant-section-icon{color:#4a90d9;background:#f5f5f7;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.restaurant-section .restaurant-section-header .restaurant-section-icon svg{width:22px;height:22px}.restaurant-section .restaurant-section-header .restaurant-section-title{color:#111827;margin:0 0 2px;font-family:Poppins;font-size:16px;font-weight:600}.restaurant-section .restaurant-section-header .restaurant-section-desc{color:#6b7280;margin:0;font-family:Poppins;font-size:13px}.restaurant-section .restaurant-add-btn{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .2s;display:flex}.restaurant-section .restaurant-add-btn:hover:not(:disabled){background:#1e6be6;transform:translateY(-1px)}.restaurant-section .restaurant-add-btn:disabled{opacity:.5;cursor:not-allowed}.restaurant-section .restaurant-add-btn svg{width:18px;height:18px}.restaurant-section .restaurant-empty{text-align:center;padding:40px 24px}.restaurant-section .restaurant-empty span{color:#9ca3af;font-family:Poppins;font-size:14px}.restaurant-section .restaurant-cards{flex-direction:column;gap:10px;padding:16px;display:flex}.restaurant-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.restaurant-card:hover{background:#fff;border-color:#247cff4d;box-shadow:0 2px 8px #0000000a}.restaurant-card .restaurant-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.restaurant-card .restaurant-card-icon svg{width:18px;height:18px}.restaurant-card .restaurant-card-content{flex:1;min-width:0}.restaurant-card .restaurant-card-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins;font-size:14px;font-weight:500;display:block;overflow:hidden}.restaurant-card .restaurant-card-input{color:#111827;background:#fff;border:1.5px solid #247cff80;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Poppins;font-size:14px;transition:all .2s}.restaurant-card .restaurant-card-input:focus{border-color:#247cff;box-shadow:0 0 0 3px #247cff1a}.restaurant-card .restaurant-card-input::placeholder{color:#9ca3af}.restaurant-card .restaurant-card-actions{flex-shrink:0;gap:6px;display:flex}.restaurant-card .restaurant-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.restaurant-card .restaurant-action-btn svg{width:16px;height:16px}.restaurant-card .restaurant-action-btn:hover:not(:disabled){color:#247cff;background:#247cff0d;border-color:#247cff80}.restaurant-card .restaurant-action-btn.delete:hover:not(:disabled){color:#ef4444;background:#ef44440d;border-color:#ef444480}.restaurant-card .restaurant-action-btn:disabled{opacity:.4;cursor:not-allowed}.restaurant-other-section{margin-top:40px}.restaurant-other-section .restaurant-other-title{color:#111827;margin:0 0 20px;font-family:Poppins;font-size:18px;font-weight:600}.restaurant-other-section .restaurant-other-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:1024px){.restaurant-other-section .restaurant-other-grid{grid-template-columns:1fr}}.restaurant-other-section .restaurant-other-item .restaurant-section{height:100%}@media (max-width:768px){.restaurant-page{padding:16px}.restaurant-page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.restaurant-page-header .restaurant-page-header-icon{width:48px;height:48px}.restaurant-page-header .restaurant-page-header-icon svg{width:24px;height:24px}.restaurant-page-header .restaurant-page-header-content h1{font-size:20px}.restaurant-page-header .restaurant-page-header-content p{font-size:13px}.restaurant-page-header .restaurant-page-header-stats{width:100%}.restaurant-page-header .restaurant-page-header-stats .stat-item{flex-direction:row;justify-content:space-between;width:100%;padding:10px 16px}.restaurant-page-header .restaurant-page-header-stats .stat-item .stat-value{font-size:22px}.restaurant-section .restaurant-section-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.restaurant-section .restaurant-section-header .restaurant-section-info{gap:12px}.restaurant-section .restaurant-section-header .restaurant-section-icon{width:40px;height:40px}.restaurant-section .restaurant-section-header .restaurant-section-title{font-size:15px}.restaurant-section .restaurant-section-header .restaurant-section-desc{font-size:12px}.restaurant-section .restaurant-section-header .restaurant-add-btn{justify-content:center;width:100%}.restaurant-section .restaurant-cards{padding:12px}.restaurant-card{gap:12px;padding:12px 14px}.restaurant-card .restaurant-card-icon{width:34px;height:34px}.restaurant-card .restaurant-card-name{font-size:13px}.restaurant-card .restaurant-action-btn{width:32px;height:32px}.restaurant-card .restaurant-action-btn svg{width:14px;height:14px}}.restaurant-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.restaurant-drawer{z-index:1001;background:#fff;flex-direction:column;width:600px;max-width:100%;animation:.3s slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #00000026}@media (max-width:640px){.restaurant-drawer{width:100%}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.restaurant-drawer-header{background:linear-gradient(135deg,#247cff0d 0%,#247cff05 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.restaurant-drawer-header .restaurant-drawer-header-content h2{color:#111827;margin:0 0 4px;font-family:Poppins;font-size:18px;font-weight:600}.restaurant-drawer-header .restaurant-drawer-header-content p{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:400px;margin:0;font-family:Poppins;font-size:13px;overflow:hidden}.restaurant-drawer-header .btn-close-drawer{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.restaurant-drawer-header .btn-close-drawer:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef44444d}.restaurant-drawer-header .btn-close-drawer:disabled{opacity:.5;cursor:not-allowed}.restaurant-drawer-body{flex:1;padding:24px;overflow-y:auto}.restaurant-drawer-body .restaurant-detail-grid{flex-direction:column;gap:24px;display:flex}.restaurant-drawer-body .restaurant-detail-left,.restaurant-drawer-body .restaurant-detail-right{flex-direction:column;gap:20px;display:flex}.restaurant-drawer-body .form-field{flex-direction:column;gap:6px;display:flex}.restaurant-drawer-body .form-field label{color:#374151;font-family:Poppins;font-size:13px;font-weight:500}.restaurant-drawer-body .form-field input[type=text],.restaurant-drawer-body .form-field input[type=number],.restaurant-drawer-body .form-field textarea,.restaurant-drawer-body .form-field select{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-family:Poppins;font-size:14px;transition:all .2s}:is(.restaurant-drawer-body .form-field input[type=text],.restaurant-drawer-body .form-field input[type=number],.restaurant-drawer-body .form-field textarea,.restaurant-drawer-body .form-field select):focus{background:#fff;border-color:#247cff;outline:none;box-shadow:0 0 0 3px #247cff1a}:is(.restaurant-drawer-body .form-field input[type=text],.restaurant-drawer-body .form-field input[type=number],.restaurant-drawer-body .form-field textarea,.restaurant-drawer-body .form-field select)::placeholder{color:#9ca3af}.restaurant-drawer-body .form-field textarea{resize:vertical;min-height:80px}.restaurant-drawer-body .form-field select{cursor:pointer}.restaurant-drawer-body .form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:480px){.restaurant-drawer-body .form-row{grid-template-columns:1fr}}.restaurant-drawer-body .checkbox-field{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.restaurant-drawer-body .checkbox-field:hover{border-color:#247cff4d}.restaurant-drawer-body .checkbox-field input[type=checkbox]{accent-color:#247cff;cursor:pointer;width:18px;height:18px}.restaurant-drawer-body .checkbox-field span{color:#374151;font-family:Poppins;font-size:14px}.restaurant-drawer-body .days-selector{flex-wrap:wrap;gap:8px;display:flex}.restaurant-drawer-body .days-selector .day-btn,.restaurant-drawer-body .days-selector .day-chip{color:#6b7280;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-family:Poppins;font-size:13px;font-weight:500;transition:all .15s}:is(.restaurant-drawer-body .days-selector .day-btn,.restaurant-drawer-body .days-selector .day-chip):hover{color:#247cff;border-color:#247cff80}:is(.restaurant-drawer-body .days-selector .day-btn,.restaurant-drawer-body .days-selector .day-chip).active,:is(.restaurant-drawer-body .days-selector .day-btn,.restaurant-drawer-body .days-selector .day-chip).selected{color:#fff;background:#247cff;border-color:#247cff}.restaurant-drawer-body .rules-section .rules-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.restaurant-drawer-body .rules-section .rules-list .rule-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.restaurant-drawer-body .rules-section .rules-list .rule-item span{color:#374151;flex:1;font-family:Poppins;font-size:13px}.restaurant-drawer-body .rules-section .rules-list .rule-item button{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s;display:flex}.restaurant-drawer-body .rules-section .rules-list .rule-item button:hover{color:#ef4444}.restaurant-drawer-body .rules-section .add-rule{gap:10px;display:flex}.restaurant-drawer-body .rules-section .add-rule input{flex:1}.restaurant-drawer-body .rules-section .add-rule button{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:8px;padding:10px 16px;font-family:Poppins;font-size:13px;font-weight:500;transition:background .15s}.restaurant-drawer-body .rules-section .add-rule button:hover{background:#1e6be6}.restaurant-drawer-body .availability-section .availability-list{flex-direction:column;gap:12px;display:flex}.restaurant-drawer-body .availability-section .availability-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.restaurant-drawer-body .availability-section .availability-item .availability-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.restaurant-drawer-body .availability-section .availability-item .availability-header input{flex:1;max-width:200px}.restaurant-drawer-body .availability-section .availability-item .availability-header button{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.restaurant-drawer-body .availability-section .availability-item .availability-header button:hover{color:#ef4444}.restaurant-drawer-body .availability-section .availability-item .availability-times{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.restaurant-drawer-body .availability-section .add-availability-btn{color:#247cff;cursor:pointer;background:0 0;border:1.5px dashed #247cff66;border-radius:10px;width:100%;margin-top:12px;padding:12px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.restaurant-drawer-body .availability-section .add-availability-btn:hover{background:#247cff0d;border-color:#247cff}.restaurant-drawer-footer{background:#f9fafb80;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.restaurant-drawer-footer .btn-drawer-menu{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s;display:flex}.restaurant-drawer-footer .btn-drawer-menu:hover:not(:disabled){color:#247cff;border-color:#247cff80}.restaurant-drawer-footer .btn-drawer-menu:disabled{opacity:.5;cursor:not-allowed}.restaurant-drawer-footer .drawer-footer-actions{gap:10px;display:flex}.restaurant-drawer-footer .btn-drawer-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.restaurant-drawer-footer .btn-drawer-cancel:hover:not(:disabled){color:#374151;border-color:#6b728080}.restaurant-drawer-footer .btn-drawer-cancel:disabled{opacity:.5;cursor:not-allowed}.restaurant-drawer-footer .btn-drawer-save{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:10px;padding:10px 24px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.restaurant-drawer-footer .btn-drawer-save:hover:not(:disabled){background:#1e6be6}.restaurant-drawer-footer .btn-drawer-save:disabled{opacity:.7;cursor:not-allowed}@media (max-width:640px){.restaurant-drawer-header{padding:16px 20px}.restaurant-drawer-header .restaurant-drawer-header-content h2{font-size:16px}.restaurant-drawer-header .restaurant-drawer-header-content p{font-size:12px}.restaurant-drawer-body{padding:16px}.restaurant-drawer-footer{flex-direction:column;gap:12px;padding:16px 20px}.restaurant-drawer-footer .btn-drawer-menu{justify-content:center;width:100%}.restaurant-drawer-footer .drawer-footer-actions{width:100%}.restaurant-drawer-footer .drawer-footer-actions button{flex:1}}.menu-management-page{background:#f9fafb;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px}@media (max-width:1200px){.menu-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.menu-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.menu-categories-grid{grid-template-columns:1fr}}.menu-category-card{background:var(--card-bg,white);border:1.5px solid var(--card-border,#e5e7eb);cursor:pointer;border-radius:16px;transition:all .2s;overflow:hidden}.menu-category-card .category-card-menu-btn{color:#6b7280;cursor:pointer;opacity:0;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:24px;right:24px}.menu-category-card .category-card-menu-btn:hover{background:#f9fafb}.menu-category-card:hover .category-card-menu-btn{opacity:1}.menu-category-card .category-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:140px;position:absolute;top:60px;right:24px;overflow:hidden;box-shadow:0 4px 20px #0000001f}.menu-category-card .category-dropdown button{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Poppins;font-size:13px;transition:background .15s;display:flex}.menu-category-card .category-dropdown button:hover{background:#f9fafb}.menu-category-card .category-dropdown button.delete{color:#ef4444}.menu-category-card .category-dropdown button.delete:hover{background:#fef2f2}@media (max-width:1200px){.menu-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.menu-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.menu-products-grid{grid-template-columns:1fr}}.menu-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .2s;overflow:hidden}.menu-product-card:hover .product-card-menu-btn{opacity:1}.menu-product-card .product-card-menu-btn{color:#6b7280;cursor:pointer;opacity:0;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.menu-product-card .product-card-menu-btn:hover{background:#f9fafb}.menu-product-card .product-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:140px;position:absolute;top:48px;right:12px;overflow:hidden;box-shadow:0 4px 20px #0000001f}.menu-product-card .product-dropdown button{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Poppins;font-size:13px;transition:background .15s;display:flex}.menu-product-card .product-dropdown button:hover{background:#f9fafb}.menu-product-card .product-dropdown button.delete{color:#ef4444}.menu-product-card .product-dropdown button.delete:hover{background:#fef2f2}.menu-product-card .product-card-body .product-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-family:Poppins;font-size:13px;display:-webkit-box;overflow:hidden}@media (max-width:768px){.menu-management-page{padding:16px}.menu-breadcrumb{gap:10px;padding:10px 12px}.menu-breadcrumb .breadcrumb-back{width:32px;height:32px}.menu-breadcrumb .breadcrumb-item{font-size:13px}.menu-page-header-new{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.menu-page-header-new .menu-header-info h1{font-size:18px}.menu-page-header-new .menu-header-actions{width:100%}.menu-page-header-new .menu-header-actions button{flex:1;justify-content:center}.btn-menu-primary,.btn-menu-secondary{padding:10px 14px;font-size:13px}:is(.btn-menu-primary,.btn-menu-secondary) span{display:none}:is(.btn-menu-primary,.btn-menu-secondary) svg{width:20px;height:20px}}.rest-pro-page{padding:24px 32px}@media (max-width:768px){.rest-pro-page{padding:16px}}.rest-pro-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}@media (max-width:640px){.rest-pro-header{flex-direction:column;align-items:flex-start;gap:24px}}.rest-pro-header-left h1{color:#0f172a;letter-spacing:-.75px;margin:0 0 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:700}.rest-pro-header-left p{color:#64748b;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px}.rest-pro-header-right{flex-shrink:0}.rest-pro-stat{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-radius:16px;flex-direction:column;align-items:center;padding:20px 32px;display:flex;box-shadow:0 4px 20px #3b82f64d}.rest-pro-stat-number{color:#fff;letter-spacing:-1px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:36px;font-weight:700;line-height:1}.rest-pro-stat-label{color:#ffffffd9;margin-top:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.rest-pro-section{margin-bottom:48px}.rest-pro-section-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.rest-pro-section-header h2{color:#1e293b;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600}.rest-pro-section-count{color:#94a3b8;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500}.rest-pro-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1200px){.rest-pro-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.rest-pro-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:560px){.rest-pro-grid{grid-template-columns:1fr}}.rest-pro-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s;overflow:hidden;box-shadow:0 1px 2px #0000000d}.rest-pro-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.rest-pro-card:hover .rest-pro-card-actions{opacity:1}.rest-pro-card:hover .rest-pro-card-link{color:#3b82f6}.rest-pro-card:hover .rest-pro-card-image img{transform:scale(1.05)}.rest-pro-card-image{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);height:100px;position:relative;overflow:hidden}.rest-pro-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.rest-pro-card-placeholder{color:#cbd5e1;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.rest-pro-card-placeholder svg{width:28px;height:28px}.rest-pro-card-body{padding:10px 12px}.rest-pro-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.rest-pro-card-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.rest-pro-card-type{text-transform:uppercase;letter-spacing:.3px;color:#3b82f6;background:#eff6ff;border-radius:4px;flex-shrink:0;padding:3px 6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:600}.rest-pro-card-desc{display:none}.rest-pro-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:4px;padding-top:6px;display:flex}.rest-pro-card-link{color:#64748b;align-items:center;gap:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;transition:color .2s;display:flex}.rest-pro-card-link svg{width:14px;height:14px;transition:transform .2s}.rest-pro-card:hover .rest-pro-card-link svg{transform:translate(2px)}.rest-pro-card-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.rest-pro-action-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.rest-pro-action-btn svg{width:12px;height:12px}.rest-pro-action-btn:hover{color:#1e293b;background:#e2e8f0}.rest-pro-action-btn.delete:hover{color:#dc2626;background:#fee2e2}.rest-pro-card-add{box-shadow:none;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:2px dashed #cbd5e1;min-height:160px}.rest-pro-card-add:hover{box-shadow:none;background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border-color:#3b82f6;transform:none}.rest-pro-card-add:hover .rest-pro-card-add-inner{color:#3b82f6}.rest-pro-card-add-inner{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:160px;transition:color .2s;display:flex}.rest-pro-card-add-inner svg{width:20px;height:20px}.rest-pro-card-add-inner span{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600}@media (max-width:768px){.rest-pro-card-actions{opacity:1}.rest-pro-header-left h1{font-size:26px}.rest-pro-stat{padding:16px 24px}.rest-pro-stat-number{font-size:28px}.rest-pro-card:hover{transform:none}}.department-add-page{background:#f9fafb;min-height:100vh;padding:100px 24px 40px}.department-add-container{flex-direction:column;gap:32px;max-width:700px;margin:0 auto;display:flex}.department-add-container .dept-add-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.department-add-container .dept-add-section h3{color:#1f2937;align-items:center;gap:10px;margin:0 0 20px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;display:flex}.department-add-container .dept-add-section h3 .templates-available-badge{color:#3b82f6;background:#eff6ff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.department-add-container .department-edit-form{flex-direction:column;gap:20px;display:flex}.department-add-container .department-edit-form .form-field{flex-direction:column;gap:8px;display:flex}.department-add-container .department-edit-form .form-label{color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500}.department-add-container .department-edit-form .form-input,.department-add-container .department-edit-form .form-textarea{color:#1f2937;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;transition:all .2s}:is(.department-add-container .department-edit-form .form-input,.department-add-container .department-edit-form .form-textarea):focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}:is(.department-add-container .department-edit-form .form-input,.department-add-container .department-edit-form .form-textarea)::placeholder{color:#9ca3af}.department-add-container .department-edit-form .form-textarea{resize:vertical;min-height:100px}.department-add-container .department-edit-form .form-color-input{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:60px;height:40px;padding:4px}.department-add-container .department-edit-form .form-color-input::-webkit-color-swatch-wrapper{padding:2px}.department-add-container .department-edit-form .form-color-input::-webkit-color-swatch{border:none;border-radius:4px}.department-add-container .department-edit-form .edit-form-actions{gap:12px;margin-top:8px;display:flex}.department-add-container .department-edit-form .edit-form-actions .btn-primary,.department-add-container .department-edit-form .edit-form-actions .btn-secondary{letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.department-add-container .department-edit-form .edit-form-actions .btn-primary{color:#fff;background:#4a90d9}.department-add-container .department-edit-form .edit-form-actions .btn-primary:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.department-add-container .department-edit-form .edit-form-actions .btn-primary:active:not(:disabled){transform:scale(.98)}.department-add-container .department-edit-form .edit-form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.department-add-container .department-edit-form .edit-form-actions .btn-secondary{color:#fff;background:#1d1d1f}.department-add-container .department-edit-form .edit-form-actions .btn-secondary:hover:not(:disabled){background:#333336;transform:scale(1.02)}.department-add-container .department-edit-form .edit-form-actions .btn-secondary:active:not(:disabled){transform:scale(.98)}.department-add-container .dept-templates-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:500px){.department-add-container .dept-templates-grid{grid-template-columns:1fr}}.department-add-container .dept-template-card{cursor:pointer;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.department-add-container .dept-template-card:hover:not(.added){background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.department-add-container .dept-template-card.added{cursor:not-allowed;opacity:.6;background:#f9fafb}.department-add-container .dept-template-card .template-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.department-add-container .dept-template-card .template-icon svg{width:20px;height:20px}.department-add-container .dept-template-card .template-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.department-add-container .dept-template-card .template-info .template-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;overflow:hidden}.department-add-container .dept-template-card .template-info .template-added-tag{color:#10b981;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500}.main-content:has(.ai-config-page){margin-top:70px}.content-wrapper:has(.ai-config-page){max-width:100%;padding:0}.ai-config-page{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:0}.ai-config-page .dept-config-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-bottom:20px;display:grid}@media (max-width:1024px){.ai-config-page .dept-config-grid{grid-template-columns:1fr}}.ai-config-page .dept-config-grid .config-section,.ai-config-page .dept-config-grid .knowledge-section{max-width:none}.ai-config-page .examples-section{width:100%;max-width:100%}.ai-config-container{flex-direction:column;gap:20px;max-width:1600px;margin:0 auto;padding:16px 40px 24px;display:flex}.ai-config-title-bar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.title-bar-left{align-items:center;gap:14px;display:flex}.ai-config-page .back-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.ai-config-page .back-btn:hover{color:#374151;background:#e5e7eb}.ai-config-page .btn-primary{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:40px;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.ai-config-page .btn-primary:hover{background:#3a7bc8;transform:scale(1.02)}.ai-config-page .btn-primary:active{transform:scale(.98)}.ai-config-page .btn-primary:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.ai-config-page .btn-primary svg{width:16px;height:16px}.ai-config-page .btn-secondary{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#1d1d1f;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:40px;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.ai-config-page .btn-secondary:hover{background:#333336;transform:scale(1.02)}.ai-config-page .btn-secondary:active{transform:scale(.98)}.ai-config-page .btn-secondary:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.ai-config-page .btn-secondary svg{width:16px;height:16px}.ai-config-page .dept-icon-preview{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ai-config-page .dept-icon-preview svg{width:22px;height:22px}.title-info h1{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.title-info span{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;display:block}.title-bar-actions{align-items:center;gap:10px;display:flex}.title-bar-actions .btn-secondary,.title-bar-actions .btn-primary{letter-spacing:-.01em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.title-bar-actions .btn-secondary{color:#fff;background:#1d1d1f;border:none}.title-bar-actions .btn-secondary:hover:not(:disabled){background:#333336;transform:scale(1.02)}.title-bar-actions .btn-secondary:active:not(:disabled){transform:scale(.98)}.title-bar-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.title-bar-actions .btn-primary{color:#fff;background:#4a90d9;border:none}.title-bar-actions .btn-primary:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.title-bar-actions .btn-primary:active:not(:disabled){transform:scale(.98)}.title-bar-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.ai-config-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}@media (max-width:1024px){.ai-config-grid{grid-template-columns:1fr}}.ai-config-column{flex-direction:column;gap:12px;display:flex}.config-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.config-section h3.section-title,.config-section .section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 6px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;line-height:normal;display:flex}:is(.config-section h3.section-title,.config-section .section-title) svg{color:#6b7280;width:14px;height:14px}.config-section p.section-desc,.config-section .section-desc{color:#6b7280;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;line-height:normal}.config-section.ai-section{background:#fff;border:2px solid #3b82f6;border-radius:16px;flex-direction:column;height:100%;display:flex;box-shadow:0 4px 12px #3b82f61a}.config-section.ai-section .system-prompt-input{resize:vertical;flex:1;min-height:120px}.section-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 6px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;line-height:normal;display:flex}.section-title svg{color:#6b7280;width:14px;height:14px}.section-title.capabilities-title svg{color:#22c55e}.section-title.constraints-title svg{color:#ef4444}.section-desc{color:#6b7280;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;line-height:normal}.system-variables-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.system-variables-toolbar .toolbar-label{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600}.system-variables-toolbar .variable-btn{color:#4338ca;cursor:pointer;background:#e0e7ff;border:1px solid #818cf8;border-radius:6px;align-items:center;padding:4px 10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.system-variables-toolbar .variable-btn:hover{background:#c7d2fe;border-color:#6366f1}.system-variables-toolbar .variable-btn:active{transform:scale(.98)}.ai-config-page .form-field{margin-bottom:12px}.ai-config-page .form-field:last-child{margin-bottom:0}.ai-config-page .form-label{color:#374151;margin-bottom:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;display:block}.ai-config-page .form-label-with-hint{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.ai-config-page .form-label-with-hint .form-label{color:#1f2937;margin-bottom:0;font-size:14px;font-weight:600}.ai-config-page .form-label-with-hint .form-label-hint{color:#6b7280;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;display:flex}.ai-config-page .form-label-with-hint .form-label-hint svg{color:#94a3b8;flex-shrink:0}.ai-config-page .form-label-with-hint .form-label-hint code{color:#6366f1;background:#eef2ff;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:500;display:inline-block}@media (max-width:768px){.ai-config-page .form-label-with-hint{flex-direction:column;align-items:flex-start;gap:8px}.ai-config-page .form-label-with-hint .form-label-hint{padding:4px 10px;font-size:11px}.ai-config-page .form-label-with-hint .form-label-hint code{font-size:10px}}.ai-config-page .form-input,.ai-config-page .form-textarea{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-family:Poppins,sans-serif;font-size:13px;transition:border-color .15s}:is(.ai-config-page .form-input,.ai-config-page .form-textarea):focus{border-color:#247cff;outline:none;box-shadow:0 0 0 2px #247cff14}:is(.ai-config-page .form-input,.ai-config-page .form-textarea)::placeholder{color:#9ca3af}.ai-config-page .form-textarea{resize:vertical;min-height:120px}.system-prompt-input{line-height:1.6;min-height:180px!important;font-size:14px!important}.color-picker-row{align-items:center;gap:12px;display:flex}.color-picker-row .form-color-input{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:50px;height:40px;padding:4px}.color-picker-row .form-color-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-row .form-color-input::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-row .color-code{color:#6b7280;text-transform:uppercase;font-family:SF Mono,Monaco,monospace;font-size:13px}.quick-templates{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:600px){.quick-templates{grid-template-columns:1fr}}.quick-template-btn{cursor:pointer;text-align:left;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.quick-template-btn .template-icon{justify-content:center;align-items:center;display:flex}.quick-template-btn .template-icon svg{width:20px;height:20px}.quick-template-btn .template-name{color:#374151;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500}.quick-template-btn .added-badge{color:#10b981;background:#d1fae5;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.quick-template-btn:hover:not(:disabled):not(.added){background:#eff6ff;border-color:#3b82f6}.quick-template-btn.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.quick-template-btn.added{opacity:.6;cursor:not-allowed}.persona-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px;display:grid}@media (max-width:600px){.persona-grid{grid-template-columns:1fr}}.persona-card{cursor:pointer;text-align:left;background:#fafafa;border:2px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:6px;min-height:80px;padding:18px 20px;transition:all .15s;display:flex}.persona-card .persona-label{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600}.persona-card .persona-desc{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.persona-card:hover:not(.selected){background:#fff;border-color:#d1d5db}.persona-card.selected{background:#eff6ff;border-color:#3b82f6}.persona-card.selected .persona-label{color:#2563eb}.tags-container{flex-wrap:wrap;gap:6px;min-height:32px;margin-bottom:8px;display:flex}.tag{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.tag button{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;transition:opacity .15s;display:flex}.tag button:hover{opacity:1}.tag.tag-capability{color:#14532d;background:#dcfce7;border:1px solid #22c55e;font-weight:600}.tag.tag-capability button{color:#14532d}.tag.tag-constraint{color:#7f1d1d;background:#fee2e2;border:1px solid #ef4444;font-weight:600}.tag.tag-constraint button{color:#7f1d1d}.add-tag-row{gap:8px;margin-bottom:8px;display:flex}.add-tag-row .tag-input{flex:1}.btn-add-tag{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.btn-add-tag:hover{background:#16a34a}.btn-add-tag.constraint{background:#ef4444}.btn-add-tag.constraint:hover{background:#dc2626}.predefined-tags{flex-wrap:wrap;gap:8px;display:flex}.predefined-tag{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:20px;padding:6px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;transition:all .15s}.predefined-tag:hover{color:#166534;background:#dcfce7;border-color:#22c55e}.predefined-tag.constraint:hover{color:#991b1b;background:#fee2e2;border-color:#ef4444}.ai-config-bottom{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:1024px){.ai-config-bottom{grid-template-columns:1fr}}.examples-section .examples-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.example-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 40px 14px 14px;position:relative}.example-item .example-user,.example-item .example-ai{gap:8px;margin-bottom:8px;display:flex}:is(.example-item .example-user,.example-item .example-ai):last-child{margin-bottom:0}.example-item .example-label{text-transform:uppercase;color:#6b7280;min-width:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600}.example-item .example-text{color:#1f2937;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.example-item .example-ai .example-label,.example-item .example-ai .example-text{color:#3b82f6}.example-item .example-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.example-item .example-remove:hover{color:#ef4444;background:#fee2e2}.add-example-form{background:#f3f4f6;border-radius:12px;padding:16px}.add-example-form .example-input-row{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.add-example-form .example-input-row .form-input{min-height:44px}.add-example-form .example-input-row label{color:#6b7280;min-width:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600}.add-example-form .example-input-row .form-input{background:#fff;flex:1}.btn-add-example{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-add-example:hover{background:#2563eb}.btn-cancel-example{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-cancel-example:hover{background:#f3f4f6;border-color:#9ca3af}.example-buttons{gap:8px;margin-top:8px;display:flex}.example-input-label{color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.example-input-row{margin-bottom:8px}.test-section .test-chat{margin-bottom:24px}.test-section .test-input-area{gap:12px;margin-bottom:16px;display:flex}.test-section .test-input-area .test-input{flex:1}.btn-test{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex}.btn-test:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666}.btn-test:disabled{opacity:.6;cursor:not-allowed}.btn-test .spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.test-response{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:12px;padding:16px}.test-response .response-header{color:#166534;align-items:center;gap:8px;margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;display:flex}.test-response .response-header svg{color:#22c55e}.test-response .response-header .tone-indicator{border-radius:12px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.test-response .response-header .tone-indicator svg{width:14px;height:14px}.test-response .response-header .tone-indicator.tone-warm{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.test-response .response-header .tone-indicator.tone-warm svg{color:#f59e0b}.test-response .response-header .tone-indicator.tone-formal{color:#3730a3;background:#e0e7ff;border:1px solid #6366f1}.test-response .response-header .tone-indicator.tone-formal svg{color:#6366f1}.test-response p{color:#166534;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}.knowledge-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-top:0}.knowledge-section .knowledge-base-content{flex-direction:column;gap:16px;display:flex}.knowledge-base-area{border-top:1px solid #e5e7eb;padding-top:20px}.knowledge-base-area h4{color:#374151;margin:0 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600}.knowledge-urls{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.knowledge-url-item{background:#f3f4f6;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.knowledge-url-item svg{color:#6b7280;flex-shrink:0}.knowledge-url-item span{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;overflow:hidden}.knowledge-url-item button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.knowledge-url-item button:hover{color:#ef4444;background:#fee2e2}.add-knowledge-row{gap:12px;display:flex}.add-knowledge-row .form-input{flex:1}.btn-upload{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px dashed #d1d5db;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-upload:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.persona-card{position:relative}.persona-card .persona-check{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.persona-card .persona-check svg{width:14px;height:14px}.prompt-input-wrapper{position:relative}.autocomplete-dropdown{z-index:1000;background:#fff;border:2px solid #6366f1;border-radius:12px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #0003}.autocomplete-dropdown .autocomplete-header{color:#4338ca;text-transform:uppercase;letter-spacing:.5px;background:#eef2ff;border-bottom:1px solid #e0e7ff;align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.autocomplete-dropdown .autocomplete-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .1s;display:flex}.autocomplete-dropdown .autocomplete-item:hover,.autocomplete-dropdown .autocomplete-item.active{background:#eef2ff}.autocomplete-dropdown .autocomplete-item .var-key{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:600}.autocomplete-dropdown .autocomplete-item .var-label{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600}.autocomplete-dropdown .autocomplete-item .var-desc{color:#6b7280;margin-left:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.section-hint{color:#6b7280;margin:0 0 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.banned-words-title svg{color:#dc2626!important}.tag.tag-banned{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;font-weight:600}.tag.tag-banned button{color:#991b1b}.btn-add-tag.banned{background:#dc2626}.btn-add-tag.banned:hover{background:#b91c1c}.btn-chain-of-thought{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-chain-of-thought:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.btn-chain-of-thought svg{color:#94a3b8}.chain-of-thought{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:14px}.chain-of-thought .cot-header{color:#475569;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;display:flex}.chain-of-thought .cot-header svg{color:#94a3b8}.chain-of-thought .cot-content{flex-direction:column;gap:8px;display:flex}.chain-of-thought .cot-item{align-items:flex-start;gap:8px;display:flex}.chain-of-thought .cot-item .cot-label{color:#64748b;min-width:140px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600}.chain-of-thought .cot-item .cot-value{color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.knowledge-files-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.knowledge-files-list .files-header{color:#374151;background:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;display:flex}.knowledge-files-list .files-header .files-count{color:#6b7280;font-weight:500}.knowledge-file-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.knowledge-file-item:last-child{border-bottom:none}.knowledge-file-item.inactive{opacity:.6;background:#fafafa}.knowledge-file-item.inactive .file-name{color:#9ca3af;text-decoration:line-through}.knowledge-file-item svg{color:#a855f7;flex-shrink:0}.knowledge-file-item .file-info{flex-direction:column;flex:1;gap:2px;display:flex}.knowledge-file-item .file-info .file-name{color:#1f2937;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;line-height:normal}.knowledge-file-item .file-info .file-date{color:#9ca3af;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;line-height:normal}.knowledge-file-item .file-info .file-note{color:#6b7280;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;line-height:normal}.knowledge-file-item .btn-remove-file{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.knowledge-file-item .btn-remove-file:hover{color:#ef4444;background:#fee2e2}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-switch .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.switch-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.switch-label{flex-direction:column;gap:2px;display:flex}.switch-label .label-text{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600}.switch-label .label-hint{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.time-range-row{align-items:flex-end;gap:12px;display:flex}.time-input-group{flex-direction:column;flex:1;gap:6px;display:flex}.time-label{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500}.time-input{width:100%;padding:10px 12px!important;font-size:14px!important}.time-separator{color:#9ca3af;padding-bottom:10px;font-size:18px;font-weight:500}.escalation-row{align-items:flex-end;gap:16px;display:flex}@media (max-width:600px){.escalation-row{flex-direction:column;align-items:stretch}}.threshold-input-group{flex-direction:column;gap:6px;min-width:140px;display:flex}.threshold-input{width:100%;padding:10px 12px!important;font-size:14px!important}.department-select-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-select{color:#1f2937;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right 10px center/16px no-repeat;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 36px 10px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-select:hover{border-color:#d1d5db}.form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-content.warning-modal{text-align:center}.modal-content.warning-modal .modal-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.modal-content.warning-modal .modal-icon.warning{color:#d97706;background:#fef3c7}.modal-content.warning-modal .modal-icon svg{width:28px;height:28px}.modal-content.warning-modal h3{color:#1f2937;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.modal-content.warning-modal p{color:#6b7280;margin:0 0 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}.modal-content.warning-modal p strong{color:#1f2937}.modal-content.warning-modal .modal-actions{justify-content:center;gap:12px;display:flex}.modal-content.warning-modal .modal-actions button{letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.modal-content.warning-modal .modal-actions .btn-secondary{color:#fff;background:#1d1d1f}.modal-content.warning-modal .modal-actions .btn-secondary:hover{background:#333336;transform:scale(1.02)}.modal-content.warning-modal .modal-actions .btn-secondary:active{transform:scale(.98)}.modal-content.warning-modal .modal-actions .btn-primary{color:#fff;background:#4a90d9}.modal-content.warning-modal .modal-actions .btn-primary:hover{background:#3a7bc8;transform:scale(1.02)}.modal-content.warning-modal .modal-actions .btn-primary:active{transform:scale(.98)}.personnel-form .personnel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.personnel-form .personnel-header .personnel-header-left{align-items:center;gap:12px;display:flex}.personnel-form .personnel-header .personnel-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:8px 14px;transition:all .2s;display:flex}.personnel-form .personnel-header .personnel-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.personnel-form .personnel-header .personnel-search .search-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:none}.personnel-form .personnel-header .personnel-search .search-toggle:hover{color:#3b82f6}.personnel-form .personnel-header .personnel-search .search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.personnel-form .personnel-header .personnel-search .search-clear:hover{color:#ef4444}.personnel-form .personnel-header .personnel-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:Poppins,sans-serif;font-size:13px}.personnel-form .personnel-header .personnel-search input::placeholder{color:#94a3b8}.personnel-form .personnel-header .personnel-search input:disabled{opacity:.6}.personnel-form .personnel-header .personnel-shift-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;display:flex}.personnel-form .personnel-header .personnel-shift-filter svg{color:#64748b;flex-shrink:0}.personnel-form .personnel-header .personnel-shift-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.personnel-form .personnel-header .personnel-shift-filter select:disabled{opacity:.6;cursor:not-allowed}.personnel-form .personnel-header .personnel-actions{flex-wrap:wrap;gap:12px;display:flex}.personnel-form .personnel-header .personnel-actions .btn-filter,.personnel-form .personnel-header .personnel-actions .btn-add,.personnel-form .personnel-header .personnel-actions .btn-add-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}:is(.personnel-form .personnel-header .personnel-actions .btn-filter,.personnel-form .personnel-header .personnel-actions .btn-add,.personnel-form .personnel-header .personnel-actions .btn-add-secondary) svg{flex-shrink:0}:is(.personnel-form .personnel-header .personnel-actions .btn-filter,.personnel-form .personnel-header .personnel-actions .btn-add,.personnel-form .personnel-header .personnel-actions .btn-add-secondary):disabled{opacity:.6;cursor:not-allowed}.personnel-form .personnel-header .personnel-actions .btn-filter{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.personnel-form .personnel-header .personnel-actions .btn-filter:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.personnel-form .personnel-header .personnel-actions .btn-filter .filter-badge{color:#fff;background:#3b82f6;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.personnel-form .personnel-header .personnel-actions .btn-add{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.personnel-form .personnel-header .personnel-actions .btn-add:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.personnel-form .personnel-header .personnel-actions .btn-add-secondary{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.personnel-form .personnel-header .personnel-actions .btn-add-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.personnel-form .personnel-list-container .loading-state{text-align:center;color:#64748b;padding:48px 24px;font-size:14px}.personnel-form .personnel-list-container .empty-state-large{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.personnel-form .personnel-list-container .empty-state-large .empty-icon{background:#f5f5f7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.personnel-form .personnel-list-container .empty-state-large .empty-icon svg{color:#4a90d9}.personnel-form .personnel-list-container .empty-state-large h3{color:#334155;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.personnel-form .personnel-list-container .empty-state-large p{color:#64748b;max-width:300px;margin:0 0 24px;font-size:14px}.personnel-form .personnel-list-container .empty-state-large .btn-primary{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.personnel-form .personnel-list-container .empty-state-large .btn-primary:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.personnel-form .personnel-list-container .empty-state-large .btn-primary:active:not(:disabled){transform:scale(.98)}.personnel-form .personnel-list-container .empty-state-large .btn-primary:disabled{opacity:.5;cursor:not-allowed}.personnel-form .personnel-list-container .department-group{margin-bottom:32px}.personnel-form .personnel-list-container .department-group .department-title{color:#1e293b;border-left:3px solid #3b82f6;align-items:center;gap:12px;margin:0 0 16px;padding-left:12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;display:flex}.personnel-form .personnel-list-container .department-group .department-title .employee-count{color:#64748b;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:400}.personnel-form .personnel-list-container .department-group .employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}@media (max-width:1200px){.personnel-form .personnel-header .personnel-search{min-width:auto;padding:8px}.personnel-form .personnel-header .personnel-search .search-toggle{display:flex}.personnel-form .personnel-header .personnel-search input{width:0;display:none}.personnel-form .personnel-header .personnel-search .search-clear{display:none}.personnel-form .personnel-header .personnel-search.expanded{min-width:200px;padding:8px 14px}.personnel-form .personnel-header .personnel-search.expanded input{width:100%;display:block}.personnel-form .personnel-header .personnel-search.expanded .search-clear{display:flex}}@media (max-width:768px){.personnel-form .personnel-header{flex-direction:column;align-items:stretch;gap:12px}.personnel-form .personnel-header .personnel-header-left{flex-direction:row;order:2;gap:8px}.personnel-form .personnel-header .personnel-header-left .personnel-search{flex:1}.personnel-form .personnel-header .personnel-header-left .personnel-search.expanded{min-width:0}.personnel-form .personnel-header .personnel-header-left .personnel-shift-filter{flex-shrink:0}.personnel-form .personnel-header .personnel-header-left .personnel-shift-filter select{max-width:100px}.personnel-form .personnel-header .personnel-actions{flex-flow:wrap;order:1;justify-content:flex-end}.personnel-form .personnel-header .personnel-actions .btn-filter{order:1}.personnel-form .personnel-header .personnel-actions .btn-add{flex:1;order:2;justify-content:center}.personnel-form .personnel-header .personnel-actions .btn-add-secondary{flex:1;order:3;justify-content:center}.personnel-form .personnel-list-container .department-group .employee-cards-grid{grid-template-columns:1fr}}@media (max-width:480px){:is(.personnel-form .personnel-header .personnel-actions .btn-filter,.personnel-form .personnel-header .personnel-actions .btn-add,.personnel-form .personnel-header .personnel-actions .btn-add-secondary) .btn-text{display:none}.personnel-form .personnel-header .personnel-actions .btn-add,.personnel-form .personnel-header .personnel-actions .btn-add-secondary{flex:0;padding:8px 12px}}.modal-content .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-content .modal-header h3{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.modal-content .modal-header .modal-close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .15s;display:flex}.modal-content .modal-header .modal-close-btn:hover{color:#ef4444;background:#fee2e2}.modal-content .modal-body{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.modal-content .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.modal-content .modal-footer .btn-secondary,.modal-content .modal-footer .btn-primary{letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.modal-content .modal-footer .btn-secondary{color:#fff;background:#1d1d1f}.modal-content .modal-footer .btn-secondary:hover{background:#333336;transform:scale(1.02)}.modal-content .modal-footer .btn-secondary:active{transform:scale(.98)}.modal-content .modal-footer .btn-primary{color:#fff;background:#4a90d9}.modal-content .modal-footer .btn-primary:hover:not(:disabled){background:#3a7bc8;transform:scale(1.02)}.modal-content .modal-footer .btn-primary:active:not(:disabled){transform:scale(.98)}.modal-content .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-content .file-upload-area{flex-direction:column;align-items:center;gap:16px;display:flex}.modal-content .btn-select-file{color:#6b7280;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex}.modal-content .btn-select-file:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.modal-content .btn-select-file svg{color:currentColor}.modal-content .selected-file{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;display:flex}.modal-content .selected-file svg{color:#22c55e}.modal-content .input-hint{color:#9ca3af;margin:4px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.4}.ai-prompt-manager{background:#fafafa;border-radius:16px;margin-bottom:24px;padding:20px}.ai-prompt-manager.loading,.ai-prompt-manager.empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;display:flex}:is(.ai-prompt-manager.loading,.ai-prompt-manager.empty) .loading-spinner{border:3px solid #e5e7eb;border-top-color:#4a90d9;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.ai-prompt-manager .empty-state{text-align:center}.ai-prompt-manager .empty-state svg{color:#9ca3af;margin-bottom:16px}.ai-prompt-manager .empty-state h4{color:#374151;margin:0 0 8px;font-size:16px;font-weight:600}.ai-prompt-manager .empty-state p{color:#6b7280;margin:0;font-size:14px}.ai-prompt-manager .prompt-manager-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ai-prompt-manager .prompt-manager-header h3{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.ai-prompt-manager .prompt-manager-header h3 svg{color:#4a90d9}.ai-prompt-manager .prompt-manager-header .btn-refresh{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;transition:all .2s}.ai-prompt-manager .prompt-manager-header .btn-refresh:hover{background:#f3f4f6;border-color:#d1d5db}.ai-prompt-manager .prompt-manager-header .btn-refresh svg{color:#6b7280}.ai-prompt-manager .prompt-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.ai-prompt-manager .prompt-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.ai-prompt-manager .prompt-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.ai-prompt-manager .prompt-card.prompt-card-empty{opacity:.6}.ai-prompt-manager .prompt-card.prompt-card-empty .prompt-card-empty-message{text-align:center;color:#9ca3af;padding:24px 0;font-size:14px}.ai-prompt-manager .prompt-card.prompt-card-draft{border-left:3px solid #f59e0b}.ai-prompt-manager .prompt-card.prompt-card-active{border-left:3px solid #10b981}.ai-prompt-manager .prompt-card.prompt-card-previous{border-left:3px solid #6b7280}.ai-prompt-manager .prompt-card-header{margin-bottom:12px}.ai-prompt-manager .prompt-card-header .prompt-card-title-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ai-prompt-manager .prompt-card-header .prompt-icon{font-size:18px}.ai-prompt-manager .prompt-card-header .prompt-title{color:#1f2937;flex:1;font-size:15px;font-weight:600}.ai-prompt-manager .prompt-card-header .prompt-status-badge{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.ai-prompt-manager .prompt-card-header .prompt-status-badge.status-draft{color:#92400e;background:#fef3c7}.ai-prompt-manager .prompt-card-header .prompt-status-badge.status-active{color:#065f46;background:#d1fae5}.ai-prompt-manager .prompt-card-header .prompt-status-badge.status-previous{color:#4b5563;background:#f3f4f6}.ai-prompt-manager .prompt-card-header .prompt-card-meta{color:#6b7280;align-items:center;gap:12px;font-size:12px;display:flex}.ai-prompt-manager .prompt-card-header .prompt-card-meta .prompt-hotel{font-weight:500}.ai-prompt-manager .prompt-card-stats{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;gap:16px;margin-bottom:12px;padding:12px 0;display:flex}.ai-prompt-manager .prompt-card-stats .stat-item{flex-direction:column;gap:2px;display:flex}.ai-prompt-manager .prompt-card-stats .stat-item .stat-value{color:#1f2937;font-size:14px;font-weight:600}.ai-prompt-manager .prompt-card-stats .stat-item .stat-label{color:#9ca3af;text-transform:uppercase;font-size:11px}.ai-prompt-manager .prompt-validation-warning{color:#92400e;background:#fef3c7;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.ai-prompt-manager .prompt-validation-warning svg{flex-shrink:0;margin-top:1px}.ai-prompt-manager .prompt-card-actions{gap:8px;display:flex}.ai-prompt-manager .prompt-card-actions button{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ai-prompt-manager .prompt-card-actions button .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.ai-prompt-manager .prompt-card-actions .btn-view-prompt{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.ai-prompt-manager .prompt-card-actions .btn-view-prompt:hover{background:#e5e7eb}.ai-prompt-manager .prompt-preview{background:#1f2937;border-radius:8px;max-height:300px;margin-top:12px;padding:12px;overflow:auto}.ai-prompt-manager .prompt-preview pre{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Monaco,Menlo,monospace;font-size:12px}.validation-error-alert .validation-error-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.validation-error-alert .validation-error-header svg{color:#dc2626;flex-shrink:0}.validation-error-alert .validation-error-header h4{color:#991b1b;flex:1;margin:0;font-size:16px;font-weight:600}.validation-error-alert .validation-error-header .close-alert-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:color .2s}.validation-error-alert .validation-error-header .close-alert-btn:hover{color:#dc2626}.validation-error-alert .validation-summary{color:#7f1d1d;margin:0 0 12px;font-size:14px;line-height:1.5}.validation-error-alert .validation-issues{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.validation-error-alert .validation-issues .issue-item{background:#ffffffb3;border-left:3px solid #dc2626;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.validation-error-alert .validation-issues .issue-item .issue-type{color:#991b1b;font-size:13px;font-weight:600}.validation-error-alert .validation-issues .issue-item .issue-description{color:#7f1d1d;font-size:14px;line-height:1.4}.validation-error-alert .validation-issues .issue-item .issue-location{color:#9ca3af;font-size:12px;font-style:italic}.validation-error-alert .validation-issues .issue-item.issue-inappropriate_content{border-left-color:#dc2626}.validation-error-alert .validation-issues .issue-item.issue-non_hotel_purpose{border-left-color:#d97706}.validation-error-alert .validation-issues .issue-item.issue-malicious_intent{border-left-color:#7c3aed}.validation-error-alert .validation-issues .issue-item.issue-prompt_injection{border-left-color:#059669}.validation-error-alert .validation-help{color:#6b7280;border-top:1px solid #dc262633;margin:0;padding-top:8px;font-size:13px}.prompt-manager-unified .prompt-version-tabs{background:0 0;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:0;display:flex}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab{color:#1d1d1f;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab svg{flex-shrink:0;width:16px;height:16px}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab:hover:not(.disabled):not(.active){background:#0000000a}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab.active{color:#fff;background:#3b82f6}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab.active .version-badge{color:#fff;background:#fff3}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab.disabled{opacity:.4;cursor:not-allowed}.prompt-manager-unified .prompt-version-tabs .prompt-version-tab .version-badge{color:#86868b;background:#0000000f;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.prompt-manager-unified .prompt-version-tabs .prompt-action-icons{align-items:center;gap:8px;margin-left:auto;display:flex}.prompt-manager-unified .prompt-version-tabs .btn-icon-action{cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.prompt-manager-unified .prompt-version-tabs .btn-icon-action:hover:not(:disabled){color:#1d1d1f;background:#0000000a}.prompt-manager-unified .prompt-version-tabs .btn-icon-action:active:not(:disabled){background:#00000014}.prompt-manager-unified .prompt-version-tabs .btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.prompt-manager-unified .prompt-version-tabs .btn-icon-action svg{width:16px;height:16px;display:block}.prompt-manager-unified .prompt-version-tabs .btn-icon-action .spinning{animation:1s linear infinite spin}.prompt-manager-unified .prompt-version-tabs .btn-icon-action.btn-publish{color:#3b82f6;border:2px solid #3b82f6}.prompt-manager-unified .prompt-version-tabs .btn-icon-action.btn-publish:hover:not(:disabled){color:#2563eb;background:#3b82f614}.prompt-manager-unified .prompt-version-info{background:#f8fafc;border-radius:8px;align-items:center;gap:16px;margin-bottom:12px;padding:10px 16px;font-size:13px;display:flex}.prompt-manager-unified .prompt-version-info .version-hotel{color:#1e293b;font-weight:600}.prompt-manager-unified .prompt-version-info .version-date{color:#64748b}.prompt-manager-unified .prompt-version-info .version-warning{color:#d97706;align-items:center;gap:6px;margin-left:auto;display:flex}.prompt-manager-unified .prompt-version-info .version-warning svg{flex-shrink:0}.prompt-manager-unified .ai-preview-header .preview-stats{flex-wrap:wrap;gap:12px;display:flex}.prompt-manager-unified .ai-preview-header .preview-stats .stat-item{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.prompt-manager-unified .ai-preview-header .preview-stats .stat-item strong{color:#1e293b;font-weight:600}.prompt-manager-unified .ai-preview-header .preview-stats .stat-item svg{color:#94a3b8;margin-right:2px}.prompt-manager-unified .ai-preview-header .preview-stats .stat-item.stat-images svg{color:#8b5cf6}.prompt-manager-unified .ai-preview-header .preview-stats .stat-item.stat-docs svg{color:#f59e0b}.prompt-manager-unified .ai-preview-header .preview-actions{gap:8px;display:flex}.prompt-manager-unified .prompt-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.prompt-manager-unified .prompt-loading .loading-spinner{border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.prompt-manager-unified .validation-error-banner{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #0000000a,0 4px 24px #0000000a}.prompt-manager-unified .validation-error-banner .error-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.prompt-manager-unified .validation-error-banner .error-header svg{color:#ff3b30;flex-shrink:0;width:22px;height:22px}.prompt-manager-unified .validation-error-banner .error-header span{color:#1d1d1f;letter-spacing:-.01em;flex:1;font-size:15px;font-weight:600}.prompt-manager-unified .validation-error-banner .error-header button{color:#86868b;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .2s;display:flex}.prompt-manager-unified .validation-error-banner .error-header button:hover{color:#1d1d1f;background:#00000014}.prompt-manager-unified .validation-error-banner>p{color:#86868b;letter-spacing:-.01em;margin:0 0 16px;font-size:14px;line-height:1.5}.prompt-manager-unified .validation-error-banner ul{color:#1d1d1f;margin:0;padding-left:20px;font-size:13px}.prompt-manager-unified .validation-error-banner ul li{margin-bottom:4px}.prompt-manager-unified .validation-error-banner .validation-issues{flex-direction:column;gap:12px;display:flex}.prompt-manager-unified .validation-error-banner .validation-issue{background:#fff5f5;border:1px solid #ff3b301f;border-radius:12px;padding:16px}.prompt-manager-unified .validation-error-banner .issue-type{color:#ff3b30;letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.prompt-manager-unified .validation-error-banner .issue-type svg{color:#ff3b30;flex-shrink:0;width:18px;height:18px}.prompt-manager-unified .validation-error-banner .issue-location{background:#1d1d1f;border-radius:10px;margin-top:0;padding:14px 16px}.prompt-manager-unified .validation-error-banner .location-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.prompt-manager-unified .validation-error-banner .location-text{color:#fff;word-break:break-word;background:#ffffff14;border-radius:8px;padding:8px 12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;display:block}.prompt-manager-unified .validation-highlight{color:#ff3b30;background:#ff3b301f;border:1px solid #ff3b304d;border-radius:6px;padding:2px 6px;font-weight:500;animation:2s ease-in-out infinite highlightPulse}.prompt-manager-unified .prompt-action-buttons{gap:12px;margin-top:16px;display:flex}.prompt-manager-unified .prompt-action-buttons .btn-revert-prompt{color:#86868b;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.prompt-manager-unified .prompt-action-buttons .btn-revert-prompt svg{flex-shrink:0;width:14px;height:14px}.prompt-manager-unified .prompt-action-buttons .btn-revert-prompt .btn-spinner{border:2px solid #0000001a;border-top-color:#86868b;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.prompt-manager-unified .prompt-action-buttons .btn-revert-prompt:hover:not(:disabled){color:#1d1d1f;background:#0000000a;border-color:#00000026}.prompt-manager-unified .prompt-action-buttons .btn-revert-prompt:disabled{opacity:.5;cursor:not-allowed}.multi-language-select{width:100%;position:relative}.multi-language-select .language-select-trigger{color:#000;cursor:pointer;background:#fff;border:1px solid #dadada;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;padding:14px 26px;font-family:Poppins;font-size:15px;font-weight:300;line-height:150.045%;transition:border-color .2s;display:flex}.multi-language-select .language-select-trigger:hover{border-color:#247cff}.multi-language-select .language-select-trigger:focus-within{border-color:#247cff;outline:none}.multi-language-select .language-select-trigger .language-select-placeholder{color:#9e9e9e}.multi-language-select .language-select-trigger .language-select-chips{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.multi-language-select .language-select-trigger .language-chip{background:#247cff1a;border:1px solid #247cff4d;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:inline-flex}.multi-language-select .language-select-trigger .language-chip .language-chip-flag{font-size:16px;line-height:1}.multi-language-select .language-select-trigger .language-chip .language-chip-label{color:#247cff;font-weight:400}.multi-language-select .language-select-trigger .language-chip .language-chip-remove{color:#247cff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:opacity .2s;display:flex}.multi-language-select .language-select-trigger .language-chip .language-chip-remove:hover{opacity:.7}.multi-language-select .language-select-trigger .language-select-display{flex:1;align-items:center;gap:8px;display:flex}.multi-language-select .language-select-trigger .language-select-display .language-flag{font-size:20px;line-height:1}.multi-language-select .language-select-trigger .language-select-display .language-label{flex:1}.multi-language-select .language-select-trigger .language-select-arrow{color:#9e9e9e;flex-shrink:0;font-size:12px;transition:transform .2s}.multi-language-select.open .language-select-arrow{transform:rotate(180deg)}.multi-language-select .language-select-dropdown{z-index:1000;background:#fff;border:1px solid #dadada;border-radius:6px;flex-direction:column;max-height:300px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.multi-language-select .language-select-dropdown .language-select-search{border-bottom:1px solid #dadada;padding:12px}.multi-language-select .language-select-dropdown .language-select-search .language-search-input{border:1px solid #dadada;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-family:Poppins;font-size:14px;transition:border-color .2s}.multi-language-select .language-select-dropdown .language-select-search .language-search-input:focus{border-color:#247cff}.multi-language-select .language-select-dropdown .language-select-search .language-search-input::placeholder{color:#9e9e9e}.multi-language-select .language-select-dropdown .language-select-list{max-height:240px;padding:4px 0;overflow-y:auto}.multi-language-select .language-select-dropdown .language-select-list .language-select-empty{text-align:center;color:#9e9e9e;padding:20px;font-size:14px}.multi-language-select .language-select-dropdown .language-select-list .language-select-option{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.multi-language-select .language-select-dropdown .language-select-list .language-select-option:hover{background:#247cff0d}.multi-language-select .language-select-dropdown .language-select-list .language-select-option.selected{background:#247cff1a}.multi-language-select .language-select-dropdown .language-select-list .language-select-option.selected .language-option-check{color:#247cff;font-weight:700}.multi-language-select .language-select-dropdown .language-select-list .language-select-option .language-option-flag{flex-shrink:0;font-size:24px;line-height:1}.multi-language-select .language-select-dropdown .language-select-list .language-select-option .language-option-info{flex-direction:column;flex:1;gap:2px;display:flex}.multi-language-select .language-select-dropdown .language-select-list .language-select-option .language-option-info .language-option-label{color:#000;font-family:Poppins;font-size:14px;font-weight:400}.multi-language-select .language-select-dropdown .language-select-list .language-select-option .language-option-info .language-option-label-en{color:#9e9e9e;font-family:Poppins;font-size:12px;font-weight:300}.multi-language-select .language-select-dropdown .language-select-list .language-select-option .language-option-check{color:#247cff;flex-shrink:0;font-size:18px}.delete-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.delete-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:32px;animation:.3s ease-out modalSlideUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-modal .delete-modal-icon{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.delete-modal .delete-modal-icon svg{width:64px;height:64px}.delete-modal .delete-modal-content{text-align:center;margin-bottom:28px}.delete-modal .delete-modal-content .delete-modal-title{color:#111827;margin:0 0 12px;font-family:Poppins;font-size:20px;font-weight:600;line-height:1.4}.delete-modal .delete-modal-content .delete-modal-message{color:#6b7280;margin:0;font-family:Poppins;font-size:14px;font-weight:400;line-height:1.6}.delete-modal .delete-modal-actions{justify-content:stretch;gap:12px;display:flex}.delete-modal .delete-modal-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 24px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .2s;display:flex}.delete-modal .delete-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.delete-modal .delete-modal-actions .btn-modal-cancel{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.delete-modal .delete-modal-actions .btn-modal-cancel:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.delete-modal .delete-modal-actions .btn-modal-cancel:active:not(:disabled){transform:translateY(0)}.delete-modal .delete-modal-actions .btn-modal-delete{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.delete-modal .delete-modal-actions .btn-modal-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.delete-modal .delete-modal-actions .btn-modal-delete:active:not(:disabled){transform:translateY(0)}.delete-modal .delete-modal-actions .btn-modal-delete .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@media (max-width:768px){.delete-modal-overlay{padding:16px}.delete-modal{border-radius:12px;padding:24px}.delete-modal .delete-modal-icon{margin-bottom:16px}.delete-modal .delete-modal-icon svg{width:56px;height:56px}.delete-modal .delete-modal-content{margin-bottom:24px}.delete-modal .delete-modal-content .delete-modal-title{font-size:18px}.delete-modal .delete-modal-content .delete-modal-message{font-size:13px}.delete-modal .delete-modal-actions{flex-direction:column;gap:10px}.delete-modal .delete-modal-actions button{width:100%;padding:12px 20px;font-size:14px}}@media (min-width:769px) and (max-width:1024px){.delete-modal{max-width:400px;padding:28px}}.menu-management-page{min-height:100vh;padding:24px 32px}.menu-loading{color:#6b7280;justify-content:center;align-items:center;min-height:400px;font-family:Poppins;font-size:16px;display:flex}.menu-page-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.menu-page-error p{color:#6b7280;font-family:Poppins;font-size:16px}.menu-page-error button{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:10px;padding:10px 20px;font-family:Poppins;font-size:14px;font-weight:500}.menu-breadcrumb{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.menu-breadcrumb .breadcrumb-back{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.menu-breadcrumb .breadcrumb-back:hover{color:#247cff;background:#247cff1a;border-color:#247cff4d}.menu-breadcrumb .breadcrumb-items{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-breadcrumb .breadcrumb-items svg{color:#9ca3af;flex-shrink:0}.menu-breadcrumb .breadcrumb-item{color:#6b7280;cursor:pointer;align-items:center;gap:6px;font-family:Poppins;font-size:14px;transition:color .15s;display:flex}.menu-breadcrumb .breadcrumb-item svg{width:16px;height:16px}.menu-breadcrumb .breadcrumb-item:hover{color:#247cff}.menu-breadcrumb .breadcrumb-item.active{color:#111827;font-weight:500}.menu-page-header-new{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex}.menu-page-header-new .menu-header-info h1{color:#111827;margin:0 0 4px;font-family:Poppins;font-size:22px;font-weight:600}.menu-page-header-new .menu-header-info p{color:#6b7280;margin:0;font-family:Poppins;font-size:14px}.menu-page-header-new .menu-header-actions{gap:10px;display:flex}.btn-menu-primary{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-menu-primary:hover{background:#1e6be6;transform:translateY(-1px)}.btn-menu-primary svg{width:18px;height:18px}.btn-menu-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s;display:flex}.btn-menu-secondary:hover{color:#247cff;border-color:#247cff80}.btn-menu-secondary svg{width:18px;height:18px}.menu-empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 40px;display:flex}.menu-empty-state .empty-icon{background:#f5f5f7;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.menu-empty-state .empty-icon svg{color:#0071e3;width:32px;height:32px}.menu-empty-state h3{color:#111827;margin:0 0 8px;font-family:Poppins;font-size:18px;font-weight:600}.menu-empty-state p{color:#6b7280;margin:0 0 20px;font-family:Poppins;font-size:14px}.menu-categories-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1200px){.menu-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.menu-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.menu-categories-grid{grid-template-columns:1fr}}.menu-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.menu-category-card:hover .category-card-footer{color:var(--card-icon)}.menu-category-card:hover .category-card-drag-handle{opacity:1}.menu-category-card.dragging{opacity:.6;z-index:1000;cursor:grabbing;animation:.3s ease-in-out infinite wiggle;transform:rotate(2deg)scale(1.02);box-shadow:0 25px 50px #00000040,0 0 0 2px #3b82f6}.menu-category-card.drag-over{border-style:dashed;border-color:#3b82f6;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border .15s;transform:scale(.92)}.menu-category-card.drag-over:before{content:"Buraya bırak";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;color:#1d4ed8;background:#3b82f626;border-radius:14px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:13px;font-weight:600;animation:.8s ease-in-out infinite pulse-bg;display:flex;position:absolute;inset:0}.menu-category-card .category-card-drag-handle{color:#94a3b8;opacity:0;z-index:15;cursor:grab;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0000001a}.menu-category-card .category-card-drag-handle:hover{color:#3b82f6;background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3b82f633}.menu-category-card .category-card-drag-handle:active{cursor:grabbing;transform:scale(.95)}.menu-category-card.dragging .category-card-drag-handle{opacity:1;color:#3b82f6}.menu-category-card .category-card-header{padding:12px 12px 0;position:relative}.menu-category-card .category-card-image{background:#fff;border-radius:10px;width:100%;height:100px;overflow:hidden}.menu-category-card .category-card-image img{object-fit:cover;width:100%;height:100%}.menu-category-card .category-placeholder{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menu-category-card .category-placeholder svg{color:var(--card-icon,#9ca3af)}.menu-category-card .category-card-actions{opacity:0;z-index:10;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:20px;right:20px}.menu-category-card:hover .category-card-actions{opacity:1}.menu-category-card .category-card-body{padding:12px}.menu-category-card .category-card-body h3{color:#111827;margin:0 0 2px;font-family:Poppins;font-size:15px;font-weight:600}.menu-category-card .category-card-body .category-product-count{color:#6b7280;font-family:Poppins;font-size:12px}.menu-category-card .category-card-footer{border-top:1px solid var(--card-border,#e5e7eb);color:#6b7280;justify-content:space-between;align-items:center;padding:10px 12px;transition:color .15s;display:flex}.menu-category-card .category-card-footer .view-products{font-family:Poppins;font-size:12px;font-weight:500}.menu-products-section{margin-top:0}.menu-products-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1200px){.menu-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.menu-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.menu-products-grid{grid-template-columns:1fr}}.menu-product-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.menu-product-card:hover .product-card-drag-handle{opacity:1}.menu-product-card.dragging{opacity:.6;z-index:1000;cursor:grabbing;animation:.3s ease-in-out infinite product-wiggle;transform:rotate(2deg)scale(1.02);box-shadow:0 25px 50px #00000040,0 0 0 2px #3b82f6}.menu-product-card.drag-over{border-style:dashed;border-color:#3b82f6;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border .15s;transform:scale(.92)}.menu-product-card.drag-over:before{content:"Buraya bırak";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;color:#1d4ed8;background:#3b82f626;border-radius:14px;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;animation:.8s ease-in-out infinite product-pulse-bg;display:flex;position:absolute;inset:0}.menu-product-card.promoted{border-color:#f59e0b66;box-shadow:0 0 0 1px #f59e0b33,0 2px 8px #f59e0b1a}.menu-product-card.promoted:hover{box-shadow:0 0 0 1px #f59e0b4d,0 4px 15px #f59e0b26}.menu-product-card .product-card-drag-handle{color:#94a3b8;opacity:0;z-index:15;cursor:grab;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0000001a}.menu-product-card .product-card-drag-handle:hover{color:#3b82f6;background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3b82f633}.menu-product-card .product-card-drag-handle:active{cursor:grabbing;transform:scale(.95)}.menu-product-card .product-card-drag-handle svg{width:14px;height:14px}.menu-product-card.dragging .product-card-drag-handle{opacity:1;color:#3b82f6}.menu-product-card .product-promotion-badge{z-index:20;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:2s ease-in-out infinite promotion-glow;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #f59e0b66}.menu-product-card .product-promotion-badge svg{color:#fff;fill:#fff;width:14px;height:14px}.menu-product-card .product-card-image{width:100%;height:120px;position:relative;overflow:hidden}.menu-product-card .product-card-image img{object-fit:cover;width:100%;height:100%}.menu-product-card .product-placeholder{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menu-product-card .product-placeholder svg{color:#9ca3af}.menu-product-card .product-card-actions{opacity:0;z-index:10;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.menu-product-card:hover .product-card-actions{opacity:1}.menu-product-card:hover .product-promotion-badge{opacity:0;transition:opacity .15s}.menu-product-card .product-card-body{padding:12px}.menu-product-card .product-card-body h4{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-family:Poppins;font-size:14px;font-weight:600;overflow:hidden}.menu-product-card .product-card-body .product-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;margin:0 0 8px;font-family:Poppins;font-size:12px;display:-webkit-box;overflow:hidden}.menu-product-card .product-card-body .product-price{color:#247cff;font-family:Poppins;font-size:15px;font-weight:600}.card-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000014}.card-action-btn:hover{background:#f9fafb;transform:scale(1.05)}.card-action-btn.edit:hover{color:#247cff;background:#247cff0d;border-color:#247cff4d}.card-action-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef44444d}.card-action-btn.promote:hover{color:#f59e0b;background:#fef3c7;border-color:#f59e0b4d}.card-action-btn.promote.active{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#0000;box-shadow:0 2px 8px #f59e0b4d}.card-action-btn.promote.active:hover{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.card-action-btn svg{width:14px;height:14px}@media (max-width:768px){.menu-management-page{padding:16px}.menu-breadcrumb{gap:10px;padding:10px 12px}.menu-breadcrumb .breadcrumb-back{width:32px;height:32px}.menu-breadcrumb .breadcrumb-item{font-size:13px}.menu-page-header-new{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.menu-page-header-new .menu-header-info h1{font-size:18px}.menu-page-header-new .menu-header-actions{width:100%}.menu-page-header-new .menu-header-actions button{flex:1;justify-content:center}.btn-menu-primary,.btn-menu-secondary{padding:10px 14px;font-size:13px}}.category-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s modalSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.category-modal .category-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.category-modal .category-modal-header h2{color:#111827;margin:0;font-family:Poppins;font-size:18px;font-weight:600}.category-modal .category-modal-header .btn-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.category-modal .category-modal-header .btn-close:hover{color:#ef4444;background:#f9fafb}.category-modal .category-modal-body{flex:1;padding:24px;overflow-y:auto}.category-modal .category-modal-body .form-field{margin-bottom:20px}.category-modal .category-modal-body .form-field label{color:#374151;margin-bottom:8px;font-family:Poppins;font-size:14px;font-weight:500;display:block}.category-modal .category-modal-body .form-field input,.category-modal .category-modal-body .form-field textarea{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-family:Poppins;font-size:14px;transition:all .2s}:is(.category-modal .category-modal-body .form-field input,.category-modal .category-modal-body .form-field textarea):focus{background:#fff;border-color:#247cff;outline:none;box-shadow:0 0 0 3px #247cff1a}:is(.category-modal .category-modal-body .form-field input,.category-modal .category-modal-body .form-field textarea)::placeholder{color:#9ca3af}.category-modal .category-modal-body .form-field textarea{resize:vertical;min-height:80px}.category-modal .category-modal-body .image-upload-area{text-align:center;cursor:pointer;background:#f9fafb80;border:2px dashed #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.category-modal .category-modal-body .image-upload-area:hover{background:#247cff05;border-color:#247cff80}.category-modal .category-modal-body .image-upload-area .image-placeholder .upload-icon{margin-bottom:12px;font-size:32px}.category-modal .category-modal-body .image-upload-area .image-placeholder p{color:#6b7280;margin:0 0 16px;font-family:Poppins;font-size:14px}.category-modal .category-modal-body .image-upload-area .image-placeholder .btn-select-file{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:8px;padding:10px 20px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.category-modal .category-modal-body .image-upload-area .image-placeholder .btn-select-file:hover{background:#1e6be6}.category-modal .category-modal-body .image-upload-area .image-preview-container{position:relative}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-preview{object-fit:cover;border-radius:8px;width:100%;max-height:200px}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions .btn-change-image,.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions .btn-remove-image{cursor:pointer;border-radius:8px;padding:8px 16px;font-family:Poppins;font-size:13px;font-weight:500;transition:all .15s}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions .btn-change-image{color:#247cff;background:#247cff1a;border:1px solid #247cff4d}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions .btn-change-image:hover{background:#247cff33}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions .btn-remove-image{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.category-modal .category-modal-body .image-upload-area .image-preview-container .image-actions .btn-remove-image:hover{background:#ef444433}.category-modal .category-modal-footer{background:#f9fafb80;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.category-modal .category-modal-footer .btn-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.category-modal .category-modal-footer .btn-cancel:hover{border-color:#6b728080}.category-modal .category-modal-footer .btn-save{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:10px;padding:10px 24px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.category-modal .category-modal-footer .btn-save:hover{background:#1e6be6}.category-modal .category-modal-footer .btn-save:disabled{opacity:.7;cursor:not-allowed}.product-form-page{min-height:100vh;padding:24px 32px}.product-form-page .product-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.product-form-page .form-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}@media (max-width:900px){.product-form-page .form-grid{grid-template-columns:1fr}}.product-form-page .form-column{padding:24px}.product-form-page .form-column:first-child{border-right:1px solid #e5e7eb}@media (max-width:900px){.product-form-page .form-column:first-child{border-bottom:1px solid #e5e7eb;border-right:none}}.product-form-page .form-group{margin-bottom:20px}.product-form-page .form-group label{color:#374151;margin-bottom:8px;font-family:Poppins;font-size:14px;font-weight:500;display:block}.product-form-page .form-input,.product-form-page .form-textarea{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-family:Poppins;font-size:14px;transition:all .2s}:is(.product-form-page .form-input,.product-form-page .form-textarea):focus{background:#fff;border-color:#247cff;outline:none;box-shadow:0 0 0 3px #247cff1a}:is(.product-form-page .form-input,.product-form-page .form-textarea)::placeholder{color:#9ca3af}:is(.product-form-page .form-input,.product-form-page .form-textarea):disabled{opacity:.7;cursor:not-allowed}.product-form-page .form-textarea{resize:vertical;min-height:100px}.product-form-page .category-listbox{flex-wrap:wrap;gap:8px;display:flex}.product-form-page .category-option{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-family:Poppins;font-size:13px;transition:all .15s;display:flex}.product-form-page .category-option:hover{border-color:#247cff80}.product-form-page .category-option.selected{color:#247cff;background:#247cff1a;border-color:#247cff}.product-form-page .category-option .category-radio{display:none}.product-form-page .category-option .category-check{font-size:12px;font-weight:600}.product-form-page .chips-container{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;min-height:44px;padding:8px 12px;transition:all .2s}.product-form-page .chips-container:focus-within{background:#fff;border-color:#247cff;box-shadow:0 0 0 3px #247cff1a}.product-form-page .chips-wrapper{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.product-form-page .chip{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:Poppins;font-size:13px;display:inline-flex}.product-form-page .chip-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;transition:all .15s;display:flex}.product-form-page .chip-remove:hover{color:#ef4444;background:#ef44441a}.product-form-page .chip-input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:4px 0;font-family:Poppins;font-size:14px}.product-form-page .chip-input::placeholder{color:#9ca3af}.product-form-page .price-input-group{gap:8px;display:flex}.product-form-page .currency-select{color:#111827;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;min-width:100px;padding:12px 14px;font-family:Poppins;font-size:14px;transition:all .2s}.product-form-page .currency-select:focus{background:#fff;border-color:#247cff;outline:none}.product-form-page .price-input{flex:1}.product-form-page .product-images-section .main-image-container{width:100%;margin-bottom:16px;position:relative}.product-form-page .product-images-section .main-image-container img{object-fit:cover;border-radius:12px;width:100%;max-height:250px}.product-form-page .product-images-section .main-image-container .image-actions{gap:8px;margin-top:12px;display:flex}.product-form-page .product-images-section .btn-change-image,.product-form-page .product-images-section .btn-remove-image{cursor:pointer;border-radius:8px;padding:8px 16px;font-family:Poppins;font-size:13px;font-weight:500;transition:all .15s}.product-form-page .product-images-section .btn-change-image{color:#374151;background:#fff;border:1px solid #e5e7eb}.product-form-page .product-images-section .btn-change-image:hover{color:#247cff;border-color:#247cff80}.product-form-page .product-images-section .btn-remove-image{color:#ef4444;background:#fff;border:1px solid #e5e7eb}.product-form-page .product-images-section .btn-remove-image:hover{background:#fef2f2;border-color:#ef44444d}.product-form-page .thumbnail-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:600px){.product-form-page .thumbnail-grid{grid-template-columns:repeat(3,1fr)}}.product-form-page .thumbnail-item{aspect-ratio:1;position:relative}.product-form-page .thumbnail-item img{object-fit:cover;border-radius:8px;width:100%;height:100%}.product-form-page .thumbnail-item .btn-remove-thumbnail{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .15s;display:flex;position:absolute;top:4px;right:4px}.product-form-page .thumbnail-item .btn-remove-thumbnail:hover{background:#ef4444}.product-form-page .thumbnail-add{aspect-ratio:1;cursor:pointer;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.product-form-page .thumbnail-add:hover{background:#247cff05;border-color:#247cff80}.product-form-page .thumbnail-add .add-icon{color:#9ca3af;font-size:24px}.product-form-page .nutrition-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.product-form-page .nutrition-section h3{color:#111827;margin:0 0 16px;font-family:Poppins;font-size:16px;font-weight:600}.product-form-page .nutrition-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:600px){.product-form-page .nutrition-grid{grid-template-columns:1fr}}.product-form-page .nutrition-item label{color:#6b7280;margin-bottom:6px;font-family:Poppins;font-size:13px;font-weight:500;display:block}.product-form-page .nutrition-item .form-input{padding:10px 12px;font-size:13px}.product-form-page .form-footer{background:#f9fafb80;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.product-form-page .btn-secondary{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.product-form-page .btn-secondary:hover{border-color:#6b728080}.product-form-page .btn-secondary:disabled{opacity:.7;cursor:not-allowed}.product-form-page .btn-primary{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:10px;padding:10px 24px;font-family:Poppins;font-size:14px;font-weight:500;transition:all .15s}.product-form-page .btn-primary:hover{background:#1e6be6}.product-form-page .btn-primary:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.product-form-page{padding:16px}.product-form-page .page-header{flex-wrap:wrap}.product-form-page .page-header h1{font-size:20px}.product-form-page .form-column{padding:16px}.product-form-page .form-footer{flex-direction:column}.product-form-page .form-footer button{width:100%}}.employee-page{background:#f9fafb;max-width:1400px;min-height:calc(100vh - 70px);margin:0 auto}@media (max-width:768px){.employee-page{padding:16px}}.employee-header{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.employee-header .employee-header-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.employee-header h1{color:#1e293b;flex-shrink:0;margin:0;font-size:20px;font-weight:600}@media (max-width:768px){.employee-header h1{font-size:24px}.employee-header .employee-header-top{flex-direction:column;align-items:flex-start;gap:16px}}.employee-tabs{border-bottom:1px solid #e5e7eb;gap:0;display:flex}.employee-tabs .tab-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;position:relative;bottom:-1px}.employee-tabs .tab-button:hover{color:#1e293b}.employee-tabs .tab-button.active{color:#1e293b;border-bottom-color:#1e293b}.employee-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:768px){.employee-actions{width:100%}}.employee-actions .btn-filter,.employee-actions .btn-add{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}:is(.employee-actions .btn-filter,.employee-actions .btn-add):hover{background:#f9fafb;border-color:#cbd5e1}:is(.employee-actions .btn-filter,.employee-actions .btn-add):disabled{opacity:.5;cursor:not-allowed}:is(.employee-actions .btn-filter,.employee-actions .btn-add) svg{width:16px;height:16px}:is(.employee-actions .btn-filter,.employee-actions .btn-add) .filter-badge{color:#fff;box-sizing:border-box;background:#ff4c5e;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.employee-actions .btn-add{color:#fff;background:#94a3b8;border-color:#94a3b8}.employee-actions .btn-add:hover{background:#64748b;border-color:#64748b}.employee-actions .btn-add svg{stroke:currentColor}.employee-actions .bulk-actions-dropdown{position:relative}.employee-actions .bulk-actions-dropdown .btn-bulk-dropdown .dropdown-arrow{margin-left:4px;transition:transform .2s}.employee-actions .bulk-actions-dropdown .btn-bulk-dropdown[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.employee-actions .bulk-actions-dropdown .bulk-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.employee-actions .bulk-actions-dropdown .bulk-dropdown-menu .dropdown-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.employee-actions .bulk-actions-dropdown .bulk-dropdown-menu .dropdown-item:hover{background:#f1f5f9}.employee-actions .bulk-actions-dropdown .bulk-dropdown-menu .dropdown-item:not(:last-child){border-bottom:1px solid #f1f5f9}.employee-actions .bulk-actions-dropdown .bulk-dropdown-menu .dropdown-item svg{color:#64748b;width:16px;height:16px}.employee-list-container .loading-state,.employee-list-container .empty-state{text-align:center;color:#6b7280;padding:60px 20px;font-size:16px}.department-group{margin-bottom:40px}.department-group:last-child{margin-bottom:0}.department-group .department-title{color:#1e293b;margin:0 0 20px;font-size:18px;font-weight:600}.employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(341px,1fr));gap:20px;display:grid}@media (max-width:576px){.employee-cards-grid{grid-template-columns:1fr;gap:16px}}@media (min-width:577px) and (max-width:960px){.employee-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:961px) and (max-width:1264px){.employee-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1265px){.employee-cards-grid{grid-template-columns:repeat(3,1fr)}}.employee-card{cursor:pointer;aspect-ratio:341/177;background:#fff;border:none;border-radius:12px;flex-direction:column;flex-shrink:0;gap:0;width:100%;max-height:240px;padding:30px 20px;transition:all .2s;display:flex;position:relative;overflow:visible}.employee-card .employee-card-content{flex:1;gap:13px;min-height:0;display:flex}.employee-card .employee-card-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.employee-card .employee-card-badges .badge{border-radius:6px;justify-content:center;align-items:center;gap:4px;height:27px;padding:5px 15px;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:300;line-height:normal;display:inline-flex}.employee-card .employee-card-badges .badge .badge-dot{border-radius:5px;flex-shrink:0;width:7.5px;height:7.5px}.employee-card .employee-card-badges .badge.badge-department{color:#000;background:#f1f3f6}.employee-card .employee-card-badges .badge-user-type{flex-shrink:0;width:27px;height:27px}.employee-card .employee-card-badges .badge-user-type svg{width:100%;height:100%;display:block}.employee-card:hover{box-shadow:0 4px 6px #0000000d}.employee-card.unconfirmed{opacity:.4}.employee-card .employee-card-menu{z-index:100;position:absolute;top:12px;right:12px}.employee-card .employee-card-menu .employee-card-menu-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative;top:15px}.employee-card .employee-card-menu .employee-card-menu-button:hover{color:#1e293b;background:#f3f4f6}.employee-card .employee-card-menu .employee-card-menu-button svg{width:16px;height:16px}.employee-card .employee-card-menu .employee-card-dropdown{z-index:10000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.employee-card .employee-card-menu .employee-card-dropdown button{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:11px;transition:background .2s;display:block}.employee-card .employee-card-menu .employee-card-dropdown button:hover{background:#f9fafb}.employee-card .employee-card-menu .employee-card-dropdown button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.employee-card .employee-card-menu .employee-card-dropdown button:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.employee-card-avatar{aspect-ratio:1;flex-shrink:0;width:27%;position:relative}.employee-card-avatar .employee-avatar-img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.employee-card-avatar .employee-avatar-img.hidden{display:none}.employee-card-avatar .employee-avatar-placeholder{color:#000;background:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:500;display:flex}.employee-card-avatar .employee-avatar-placeholder.hidden{display:none}.employee-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.employee-card-info .employee-card-name{color:#000;letter-spacing:-.28px;word-break:break-word;margin:0;padding-right:20px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:24px}.employee-card-info .employee-card-title{color:#404040;word-break:break-word;margin:0;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.employee-roles-container{background:#fff;border-radius:12px;padding:24px}.employee-role-assignment{flex-direction:column;gap:24px;display:flex}.employee-role-assignment-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-role-assignment-header .employee-role-selection-type{flex-wrap:wrap;flex:1;gap:12px;display:flex}.employee-role-assignment-header .employee-role-info-button{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.employee-role-assignment-header .employee-role-info-button:hover{color:#374151;background:#e5e7eb}.employee-role-assignment-header .employee-role-info-button svg{width:20px;height:20px}@media (max-width:768px){.employee-role-assignment-header{flex-direction:column;align-items:stretch;gap:12px}.employee-role-assignment-header .employee-role-selection-type{gap:8px;width:100%}.employee-role-assignment-header .employee-role-info-button{align-self:flex-end;width:32px;height:32px}.employee-role-assignment-header .employee-role-info-button svg{width:18px;height:18px}}.employee-role-info-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10010;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.employee-role-info-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;animation:.3s ease-out modalSlideUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width:768px){.employee-role-info-modal{border-radius:12px;max-width:90%}}.employee-role-info-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}@media (max-width:768px){.employee-role-info-modal-header{padding:16px}}.employee-role-info-modal-header h3{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}@media (max-width:768px){.employee-role-info-modal-header h3{font-size:16px}}.employee-role-info-modal-header .employee-role-info-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex}.employee-role-info-modal-header .employee-role-info-modal-close:hover{color:#1e293b;background:#f3f4f6}.employee-role-info-modal-header .employee-role-info-modal-close svg{width:20px;height:20px}.employee-role-info-modal-content{text-align:center;padding:24px}@media (max-width:768px){.employee-role-info-modal-content{padding:16px}}.employee-role-info-modal-content .info-icon-large{color:#3b82f6;justify-content:center;align-items:center;margin-bottom:20px;display:flex}@media (max-width:768px){.employee-role-info-modal-content .info-icon-large{margin-bottom:16px}}.employee-role-info-modal-content .info-icon-large svg{width:48px;height:48px}@media (max-width:768px){.employee-role-info-modal-content .info-icon-large svg{width:40px;height:40px}}.employee-role-info-modal-content p{color:#374151;text-align:left;margin:0;font-size:14px;line-height:1.7}@media (max-width:768px){.employee-role-info-modal-content p{font-size:13px;line-height:1.6}}.employee-role-selection-type{flex-wrap:wrap;gap:12px;display:flex}.employee-role-selection-type .selection-type-button{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.employee-role-selection-type .selection-type-button:hover{background:#f9fafb;border-color:#d1d5db}.employee-role-selection-type .selection-type-button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}@media (max-width:768px){.employee-role-selection-type .selection-type-button{flex:1;min-width:0;padding:8px 12px;font-size:13px}}@media (max-width:480px){.employee-role-selection-type .selection-type-button{padding:8px 10px;font-size:12px}}.employee-role-selection-content .selection-field{flex-direction:column;gap:12px;display:flex}.employee-role-selection-content .selection-field label{color:#374151;font-size:14px;font-weight:500}.employee-role-selection-content .selection-field .form-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}.employee-role-selection-content .selection-field .form-select:focus{border-color:#3b82f6;outline:none}.employee-role-selection-content .selection-field .selection-description{color:#6b7280;margin:0;font-size:13px}.employee-multi-select{flex-direction:column;gap:12px;display:flex}.employee-multi-select .employee-multi-select-input .form-input{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.employee-multi-select .employee-multi-select-input .form-input:focus{border-color:#3b82f6;outline:none}@media (max-width:768px){.employee-multi-select .employee-multi-select-input .form-input{padding:10px;font-size:13px}}.employee-multi-select .employee-multi-select-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}@media (max-width:768px){.employee-multi-select .employee-multi-select-list{max-height:250px}}.employee-multi-select .employee-multi-select-list .employee-multi-select-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.employee-multi-select .employee-multi-select-list .employee-multi-select-item:last-child{border-bottom:none}.employee-multi-select .employee-multi-select-list .employee-multi-select-item:hover{background:#f9fafb}.employee-multi-select .employee-multi-select-list .employee-multi-select-item input[type=checkbox]{cursor:pointer;width:18px;height:18px}.employee-multi-select .employee-multi-select-list .employee-multi-select-item span{color:#1e293b;font-size:14px}.employee-multi-select .employee-multi-select-list .employee-multi-select-item span .employee-department{color:#6b7280}.employee-multi-select .employee-multi-select-chips{flex-wrap:wrap;gap:8px;display:flex}.employee-multi-select .employee-multi-select-chips .employee-chip{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.employee-multi-select .employee-multi-select-chips .employee-chip .chip-remove{color:#1e40af;cursor:pointer;background:#dbeafe;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:16px;line-height:1;transition:background .2s;display:flex}.employee-multi-select .employee-multi-select-chips .employee-chip .chip-remove:hover{background:#bfdbfe}.employee-role-list{background:#f9fafb;border-radius:12px;flex-direction:column;gap:24px;padding:24px;display:flex}@media (max-width:768px){.employee-role-list{gap:16px;padding:16px}}.employee-role-list .role-group .role-group-title{color:#1e293b;margin:0 0 16px;font-size:16px;font-weight:600}.employee-role-list .role-group .role-group-list{flex-direction:column;gap:8px;display:flex}.employee-role-list .role-group .role-group-list .role-checkbox{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;min-height:2rem;padding:12px;transition:all .2s;display:flex}.employee-role-list .role-group .role-group-list .role-checkbox:hover{background:#f9fafb;border-color:#d1d5db}.employee-role-list .role-group .role-group-list .role-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.employee-role-list .role-group .role-group-list .role-checkbox span{color:#1e293b;font-size:14px}.employee-role-assignment-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding-top:16px;display:flex}.employee-role-assignment-footer .btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s}.employee-role-assignment-footer .btn-save:hover:not(:disabled){background:#2563eb}.employee-role-assignment-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.employee-role-assignment-loading{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.employee-role-assignment-loading .spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.6s linear infinite spin}.employee-role-assignment-loading p{margin:0;font-size:14px}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-edit-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideUp;display:flex;position:relative;overflow:hidden}.employee-edit-modal .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.employee-edit-modal .modal-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.employee-edit-modal .modal-header .btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;font-size:20px;transition:color .2s;display:flex}.employee-edit-modal .modal-header .btn-close:hover{color:#1e293b;background:#f3f4f6}.employee-edit-modal .modal-header .btn-close:disabled{opacity:.5;cursor:not-allowed}.employee-edit-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.employee-edit-modal .modal-body .form-group{margin-bottom:20px}.employee-edit-modal .modal-body .form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.employee-edit-modal .modal-body .form-group .form-input,.employee-edit-modal .modal-body .form-group .form-select{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}:is(.employee-edit-modal .modal-body .form-group .form-input,.employee-edit-modal .modal-body .form-group .form-select):focus{border-color:#247cff;outline:none}:is(.employee-edit-modal .modal-body .form-group .form-input,.employee-edit-modal .modal-body .form-group .form-select):disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.employee-edit-modal .modal-body .form-group .btn-add-title{color:#247cff;cursor:pointer;background:#fff;border:1px dashed #d1d5db;border-radius:8px;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.employee-edit-modal .modal-body .form-group .btn-add-title svg{stroke:currentColor;width:16px;height:16px}.employee-edit-modal .modal-body .form-group .btn-add-title:hover:not(:disabled){background:#f0f7ff;border-style:solid;border-color:#247cff}.employee-edit-modal .modal-body .form-group .btn-add-title:disabled{opacity:.5;cursor:not-allowed}.employee-edit-modal .modal-body .form-group .new-title-input-wrapper{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.employee-edit-modal .modal-body .form-group .new-title-input-wrapper .form-input{flex:1}.employee-edit-modal .modal-body .form-group .new-title-input-wrapper .btn-cancel-new-title{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.employee-edit-modal .modal-body .form-group .new-title-input-wrapper .btn-cancel-new-title:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.employee-edit-modal .modal-body .form-group .new-title-input-wrapper .btn-cancel-new-title:disabled{opacity:.5;cursor:not-allowed}.employee-edit-modal .modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.employee-edit-modal .modal-footer .btn-modal-cancel,.employee-edit-modal .modal-footer .btn-modal-save{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.employee-edit-modal .modal-footer .btn-modal-cancel{color:#6b7280;background:#fff;border:1px solid #d1d5db}.employee-edit-modal .modal-footer .btn-modal-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.employee-edit-modal .modal-footer .btn-modal-save{color:#fff;background:#247cff}.employee-edit-modal .modal-footer .btn-modal-save:hover:not(:disabled){background:#1e6ae8}.employee-edit-modal .modal-footer .btn-modal-save:disabled{opacity:.5;cursor:not-allowed}.employee-edit-modal .modal-footer .btn-modal-save .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.employee-filter-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:95vh;animation:.3s ease-out modalSlideUp;display:flex;position:relative;overflow:hidden}.employee-filter-modal .modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.employee-filter-modal .modal-header h2{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.employee-filter-modal .modal-header .btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;transition:all .2s;display:flex}.employee-filter-modal .modal-header .btn-close:hover{color:#1e293b;background:#f3f4f6}.employee-filter-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.employee-filter-modal .modal-body .form-group{margin-bottom:24px}.employee-filter-modal .modal-body .form-group label{color:#374151;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.employee-filter-modal .modal-body .form-group .form-input{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.employee-filter-modal .modal-body .form-group .form-input:focus{border-color:#247cff;outline:none}.employee-filter-modal .modal-body .form-group .filter-select-container{width:100%;position:relative}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:10px 12px;transition:all .2s;display:flex}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger:hover{border-color:#9ca3af}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-placeholder{color:#9ca3af;font-size:14px}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-chips .filter-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-chips .filter-chip .filter-chip-label{line-height:1.4}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-chips .filter-chip .filter-chip-remove{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:16px;line-height:1;transition:all .2s;display:flex}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-chips .filter-chip .filter-chip-remove:hover{color:#ef4444;background:#e2e8f0}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-trigger .filter-select-arrow{color:#64748b;flex-shrink:0;font-size:12px;transition:transform .2s}.employee-filter-modal .modal-body .form-group .filter-select-container.open .filter-select-arrow{transform:rotate(180deg)}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown{z-index:1000;transform-origin:top;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;margin-top:4px;animation:.2s ease-out dropdownSlideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown .filter-select-empty{text-align:center;color:#9ca3af;padding:12px;font-size:14px}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown .filter-select-option{cursor:pointer;color:#374151;padding:10px 12px;font-size:14px;transition:background-color .2s}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown .filter-select-option:hover{background:#f9fafb}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown .filter-select-option:first-child{border-radius:8px 8px 0 0}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown .filter-select-option:last-child{border-radius:0;margin-bottom:8px}.employee-filter-modal .modal-body .form-group .filter-select-container .filter-select-dropdown{margin-bottom:8px}.employee-filter-modal .modal-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.employee-filter-modal .modal-footer .btn-modal-reset,.employee-filter-modal .modal-footer .btn-modal-cancel,.employee-filter-modal .modal-footer .btn-modal-save{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.employee-filter-modal .modal-footer .btn-modal-reset{color:#6b7280;background:#fff;border:1px solid #d1d5db}.employee-filter-modal .modal-footer .btn-modal-reset:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.employee-filter-modal .modal-footer .btn-modal-reset:disabled{opacity:.5;cursor:not-allowed}.employee-filter-modal .modal-footer .btn-modal-cancel{color:#6b7280;background:#fff;border:1px solid #d1d5db}.employee-filter-modal .modal-footer .btn-modal-cancel:hover{background:#f9fafb;border-color:#9ca3af}.employee-filter-modal .modal-footer .btn-modal-save{color:#fff;background:#247cff}.employee-filter-modal .modal-footer .btn-modal-save:hover{background:#1e6ae8}.employee-bulk-add-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideUp;display:flex;position:relative;overflow:hidden}.employee-bulk-add-modal .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.employee-bulk-add-modal .modal-header h2{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.employee-bulk-add-modal .modal-header .btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;font-size:20px;transition:color .2s;display:flex}.employee-bulk-add-modal .modal-header .btn-close:hover{color:#1e293b;background:#f3f4f6}.employee-bulk-add-modal .modal-header .btn-close:disabled{opacity:.5;cursor:not-allowed}.employee-bulk-add-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.employee-bulk-add-modal .modal-body .bulk-add-instructions{margin-bottom:24px}.employee-bulk-add-modal .modal-body .bulk-add-instructions p{color:#64748b;margin:0 0 12px;font-size:14px}.employee-bulk-add-modal .modal-body .bulk-add-instructions .template-download{margin-top:12px}.employee-bulk-add-modal .modal-body .bulk-add-instructions .template-download .btn-download-template{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.employee-bulk-add-modal .modal-body .bulk-add-instructions .template-download .btn-download-template:hover{background:#e2e8f0;border-color:#cbd5e1}.employee-bulk-add-modal .modal-body .bulk-add-instructions .template-download .btn-download-template svg{width:16px;height:16px}.employee-bulk-add-modal .modal-body .csv-format-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:12px 16px}.employee-bulk-add-modal .modal-body .csv-format-info .format-label{color:#475569;margin:0 0 4px;font-size:13px;font-weight:500}.employee-bulk-add-modal .modal-body .csv-format-info .format-example{color:#64748b;word-break:break-all;margin:0;font-family:Courier New,monospace;font-size:12px}.employee-bulk-add-modal .modal-body .form-group{margin-bottom:24px}.employee-bulk-add-modal .modal-body .form-group label{color:#374151;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;display:block}.employee-bulk-add-modal .modal-body .form-group .file-input{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.employee-bulk-add-modal .modal-body .form-group .file-input:disabled{opacity:.5;cursor:not-allowed}.employee-bulk-add-modal .modal-body .error-message{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.employee-bulk-add-modal .modal-body .loading-message{text-align:center;color:#6b7280;padding:20px;font-size:14px}.employee-bulk-add-modal .modal-body .preview-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.employee-bulk-add-modal .modal-body .preview-section h3{color:#1e293b;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.employee-bulk-add-modal .modal-body .preview-section .preview-list{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;padding:12px;overflow-y:auto}.employee-bulk-add-modal .modal-body .preview-section .preview-list .preview-item{color:#374151;background:#f9fafb;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:14px}.employee-bulk-add-modal .modal-body .preview-section .preview-list .preview-item:last-child{margin-bottom:0}.employee-bulk-add-modal .modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.employee-bulk-add-modal .modal-footer .btn-modal-cancel,.employee-bulk-add-modal .modal-footer .btn-modal-save{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}:is(.employee-bulk-add-modal .modal-footer .btn-modal-cancel,.employee-bulk-add-modal .modal-footer .btn-modal-save):disabled{opacity:.5;cursor:not-allowed}.employee-bulk-add-modal .modal-footer .btn-modal-cancel{color:#475569;background:#fff;border:1px solid #e5e7eb}.employee-bulk-add-modal .modal-footer .btn-modal-cancel:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.employee-bulk-add-modal .modal-footer .btn-modal-save{color:#fff;background:#247cff;border:1px solid #247cff}.employee-bulk-add-modal .modal-footer .btn-modal-save:hover:not(:disabled){background:#1e6ae8;border-color:#1e6ae8}.employee-bulk-add-modal .modal-footer .btn-modal-save .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.employee-invite-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideUp;display:flex;position:relative;overflow:hidden}.employee-invite-modal .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.employee-invite-modal .modal-header h2{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.employee-invite-modal .modal-header .btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px;font-family:Poppins,sans-serif;font-size:20px;line-height:1;transition:color .2s}.employee-invite-modal .modal-header .btn-close:hover:not(:disabled){color:#1e293b}.employee-invite-modal .modal-header .btn-close:disabled{opacity:.5;cursor:not-allowed}.employee-invite-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.employee-invite-modal .modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.employee-invite-modal .modal-footer .btn-modal-cancel,.employee-invite-modal .modal-footer .btn-modal-save{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}:is(.employee-invite-modal .modal-footer .btn-modal-cancel,.employee-invite-modal .modal-footer .btn-modal-save):disabled{opacity:.5;cursor:not-allowed}.employee-invite-modal .modal-footer .btn-modal-cancel{color:#475569;background:#fff;border:1px solid #e5e7eb}.employee-invite-modal .modal-footer .btn-modal-cancel:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.employee-invite-modal .modal-footer .btn-modal-save{color:#fff;background:#247cff;border:1px solid #247cff}.employee-invite-modal .modal-footer .btn-modal-save:hover:not(:disabled){background:#1e6ae8;border-color:#1e6ae8}.employee-invite-modal .modal-footer .btn-modal-save .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.employee-invite-modal .employee-invite-modal-loading,.employee-invite-modal .employee-invite-modal-warning,.employee-invite-modal .employee-invite-modal-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:48px 24px;display:flex}:is(.employee-invite-modal .employee-invite-modal-loading,.employee-invite-modal .employee-invite-modal-warning,.employee-invite-modal .employee-invite-modal-success) svg{color:#64748b;margin-bottom:24px}:is(.employee-invite-modal .employee-invite-modal-loading,.employee-invite-modal .employee-invite-modal-warning,.employee-invite-modal .employee-invite-modal-success) h3{color:#1e293b;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}:is(.employee-invite-modal .employee-invite-modal-loading,.employee-invite-modal .employee-invite-modal-warning,.employee-invite-modal .employee-invite-modal-success) p{color:#64748b;margin:0;font-size:14px}.employee-invite-modal .employee-invite-modal-warning svg{color:#f59e0b}.employee-invite-modal .employee-invite-modal-success svg{color:#10b981}.employee-invite-modal .employee-invite-modal-form .form-field{margin-bottom:24px}.employee-invite-modal .employee-invite-modal-form .form-field label{color:#374151;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;display:block}.employee-invite-modal .employee-invite-modal-form .form-field label .required{color:#ef4444;margin-left:4px}.employee-invite-modal .employee-invite-modal-form .form-field .form-input{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:14px;transition:border-color .2s}.employee-invite-modal .employee-invite-modal-form .form-field .form-input:focus{border-color:#247cff;outline:none}.employee-invite-modal .employee-invite-modal-form .form-field .form-input:disabled{opacity:.5;cursor:not-allowed}.employee-invite-modal .employee-invite-modal-form .form-field .phone-input-wrapper{width:100%}.employee-invite-modal .photo-upload .photo-input{display:none}.employee-invite-modal .photo-upload .photo-upload-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.employee-invite-modal .photo-upload .photo-upload-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.employee-invite-modal .photo-upload .photo-preview{margin-top:12px;display:inline-block;position:relative}.employee-invite-modal .photo-upload .photo-preview img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:120px;height:120px}.employee-invite-modal .photo-upload .photo-preview button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-8px;right:-8px}.employee-invite-modal .photo-upload .photo-preview button:hover{background:#dc2626}.employee-invite-modal-form .phone-input-wrapper .PhoneInput{background:#fff;border-radius:8px;align-items:center;width:100%;font-family:Poppins,sans-serif;transition:border-color .2s;border:1px solid #d1d5db!important;display:flex!important}.employee-invite-modal-form .phone-input-wrapper .PhoneInput:focus-within{border-color:#247cff!important}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputCountry{border-right:1px solid #e5e7eb;align-items:center;margin-right:0;padding:0 8px 0 12px;display:flex}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputCountry .PhoneInputCountryIcon{width:20px;height:15px;box-shadow:0 0 0 1px #0000001a}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputCountry .PhoneInputCountrySelect{appearance:none;color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 4px;font-family:Poppins,sans-serif;font-size:14px}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputCountry .PhoneInputCountrySelect:focus{outline:none}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputInput{color:#1e293b;background:0 0;outline:none;flex:1;padding:10px 12px;font-family:Poppins,sans-serif;font-size:14px;border:none!important}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputInput::placeholder{color:#9ca3af}.employee-invite-modal-form .phone-input-wrapper .PhoneInput .PhoneInputInput:focus{outline:none}.employee-card-avatar{position:relative}.employee-card-avatar .status-indicator{z-index:1;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.employee-card-avatar .status-indicator.online{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 0 0 2px #22c55e33}.employee-card-avatar .status-indicator.offline{background:#9ca3af}.employee-card-activity{color:#9ca3af;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.employee-card-activity .activity-dot{background:#9ca3af;border-radius:50%;width:6px;height:6px}.employee-card-activity.online{color:#22c55e}.employee-card-activity.online .activity-dot{background:#22c55e;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.employee-card-quick-actions{z-index:10;gap:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:8px;left:8px}.employee-card-quick-actions .quick-action-btn{cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000001a}.employee-card-quick-actions .quick-action-btn svg{color:#64748b}.employee-card-quick-actions .quick-action-btn:hover{transform:scale(1.1)}.employee-card-quick-actions .quick-action-btn.edit:hover{background:#3b82f6}.employee-card-quick-actions .quick-action-btn.edit:hover svg{color:#fff}.employee-card-quick-actions .quick-action-btn.transfer:hover{background:#8b5cf6}.employee-card-quick-actions .quick-action-btn.transfer:hover svg{color:#fff}.employee-card-checkbox{z-index:5;position:absolute;top:12px;left:12px}.employee-card-checkbox input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.employee-card.selected{background:#f8fafc;box-shadow:0 0 0 2px #3b82f6,0 4px 12px #3b82f626}.employee-card.hovered{box-shadow:0 4px 16px #0000001a}.employee-card-dropdown .delete-action{color:#ef4444!important}.employee-card-dropdown .delete-action:hover{background:#fef2f2!important}.btn-bulk-select{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-bulk-select:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-bulk-select.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-bulk-select:disabled{opacity:.6;cursor:not-allowed}.bulk-action-toolbar{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;animation:.2s ease-out slideDown;display:flex}.bulk-action-toolbar .selected-count{color:#1e293b;font-size:14px;font-weight:500}.bulk-action-toolbar .bulk-actions{gap:10px;display:flex}.bulk-action-toolbar .bulk-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.bulk-action-toolbar .bulk-action-btn.transfer{color:#7c3aed;background:#f3e8ff}.bulk-action-toolbar .bulk-action-btn.transfer:hover:not(:disabled){background:#ede9fe}.bulk-action-toolbar .bulk-action-btn.transfer:disabled{opacity:.5;cursor:not-allowed}.bulk-action-toolbar .bulk-action-btn.delete{color:#dc2626;background:#fee2e2}.bulk-action-toolbar .bulk-action-btn.delete:hover{background:#fecaca}.department-header-row{cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;transition:background .15s;display:flex}.department-header-row:hover{background:#f8fafc;margin-left:-12px;margin-right:-12px;padding:8px 12px}.department-header-row .dept-select-all{cursor:pointer;accent-color:#3b82f6;flex-shrink:0;width:18px;height:18px}.department-header-row .department-title{flex:1;margin:0}.department-header-row .collapse-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.department-header-row .collapse-toggle:hover{color:#1e293b;background:#e2e8f0}.employee-count{align-items:center;gap:8px;display:inline-flex}.employee-count .active-indicator{color:#22c55e;background:#f0fdf4;border-radius:10px;align-items:center;gap:4px;margin-left:4px;padding:2px 8px;font-size:11px;display:inline-flex}.employee-count .active-indicator .active-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.department-group.collapsed .department-header-row{margin-bottom:0}.department-group.collapsed .employee-cards-grid{display:none}.view-toggle{background:#f1f5f9;border-radius:8px;gap:2px;padding:4px;display:flex}.view-toggle .view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:32px;transition:all .15s;display:flex}.view-toggle .view-toggle-btn:hover{color:#1e293b;background:#ffffff80}.view-toggle .view-toggle-btn.active{color:#3b82f6;background:#fff;box-shadow:0 1px 3px #0000001a}.org-tree-wrapper{background:#fafbfc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.org-tree-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.org-tree-toolbar .toolbar-left,.org-tree-toolbar .toolbar-right{align-items:center;gap:12px;display:flex}.org-legend{flex-wrap:wrap;gap:12px;display:flex}.org-legend .legend-item{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.org-legend .legend-item .legend-dot{border-radius:50%;width:8px;height:8px}.org-legend .legend-item .legend-dot.ai{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 6px #10b98166}.org-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:180px;padding:8px 12px;transition:all .15s;display:flex}.org-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.org-search svg{color:#94a3b8;flex-shrink:0}.org-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:13px}.org-search input::placeholder{color:#94a3b8}.org-search .clear-search{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.org-search .clear-search:hover{color:#1e293b;background:#cbd5e1}.org-toolbar-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.org-toolbar-btn svg{flex-shrink:0}.org-toolbar-btn:hover{color:#475569;background:#f8fafc;border-color:#cbd5e1}.org-toolbar-btn.save-btn{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.org-toolbar-btn.save-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.shift-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.shift-filter svg{color:#64748b;flex-shrink:0}.shift-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-size:12px;font-weight:500}.shift-filter select option{padding:8px}.filter-active-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.filter-active-btn .active-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow}.filter-active-btn:hover{color:#22c55e;border-color:#22c55e}.filter-active-btn.active{color:#16a34a;background:#f0fdf4;border-color:#22c55e}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.zoom-controls{background:#f1f5f9;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.zoom-controls button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:28px;font-size:12px;transition:all .15s;display:flex}.zoom-controls button:hover:not(:disabled){color:#1e293b;background:#fff}.zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.zoom-controls button.zoom-reset{width:auto;padding:0 8px;font-weight:500}.org-tree-canvas{min-height:300px;padding:24px;transition:transform .2s;position:relative;overflow-x:auto}.org-flow{align-items:flex-start;gap:40px;min-width:fit-content;display:flex}.column-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin-bottom:16px;padding-left:4px;font-size:10px;font-weight:600}.gm-column{flex-direction:column;min-width:200px;display:flex}.gm-column .gm-node{margin-bottom:12px}.departments-flow{flex:1;min-width:0}.departments-flow .dept-columns{flex-wrap:wrap;gap:16px;display:flex}.dept-column{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:220px;max-width:280px;box-shadow:0 1px 3px #0000000a}.dept-column .dept-column-header{background:#fafbfc;border-bottom:2px solid;align-items:center;gap:10px;padding:12px 14px;display:flex}.dept-column .dept-column-header .dept-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dept-column .dept-column-header .dept-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.dept-column .dept-column-header .dept-count{color:#64748b;background:#f1f5f9;border-radius:10px;padding:2px 8px;font-size:11px}.dept-column .dept-column-content{flex-direction:column;gap:8px;padding:12px;display:flex}.level-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:4px 0}.org-node{cursor:pointer;background:#fff;border:1px solid #e8eaed;border-radius:8px;align-items:center;gap:10px;padding:10px 12px 10px 16px;transition:all .15s;display:flex;position:relative;overflow:hidden}.org-node:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.org-node.drag-over{background:#f8fafc;border-style:dashed;border-color:#3b82f6}.org-node.inactive{opacity:.4;filter:grayscale(.3)}.org-node.processing{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.org-node .org-node-stripe{width:4px;position:absolute;top:0;bottom:0;left:0}.org-node .org-node-avatar{flex-shrink:0;width:36px;height:36px;position:relative}.org-node .org-node-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.org-node .org-node-avatar .avatar-initials{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:600;display:flex}.org-node .org-node-avatar .status-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.org-node .org-node-avatar .status-dot.online{background:#22c55e}.org-node .org-node-avatar .pulse-ring{border:2px solid #22c55e;border-radius:50%;animation:1.5s ease-out infinite pulse-ring;position:absolute;inset:-2px}.org-node .org-node-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.org-node .org-node-info .org-node-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.org-node .org-node-info .org-node-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.org-node .shift-indicator{flex-shrink:0;font-size:14px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.ai-agents-row{border-top:1px dashed #e2e8f0;justify-content:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.ai-agent-node{cursor:pointer;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px dashed #86efac;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.ai-agent-node:hover{transform:scale(1.05);box-shadow:0 0 16px #10b98133}.ai-agent-node.inactive{opacity:.4}.ai-agent-node.online .ai-agent-icon{animation:2s ease-in-out infinite glow-pulse}.ai-agent-node .ai-agent-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 0 3px #10b98126}.ai-agent-node .ai-agent-label{color:#059669;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.ai-agent-node .ai-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-glow;position:absolute;top:6px;right:6px}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 3px #10b98126}50%{box-shadow:0 0 0 6px #10b9811a,0 0 20px #10b98133}}.connection-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.org-tree-tip{color:#854d0e;background:linear-gradient(90deg,#fefce8,#fef9c3);border-top:1px solid #fde047;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.org-tree-tip svg{color:#ca8a04;flex-shrink:0}.org-tree-tip span{line-height:1.4}.drag-hint{color:#fff;z-index:1000;background:#1e293b;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;animation:.2s ease-out fadeInUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000040}.drag-hint svg{opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.org-tree-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.org-tree-toolbar .toolbar-left,.org-tree-toolbar .toolbar-right{flex-wrap:wrap;justify-content:center;gap:8px}.org-search{order:-1;min-width:100%}.org-toolbar-btn span{display:none}.shift-filter select{font-size:11px}.org-tree-tip{padding:10px 16px;font-size:11px}.org-flow{flex-direction:column;gap:24px}.gm-column{min-width:100%}.departments-flow .dept-columns{flex-direction:column}.dept-column{min-width:100%;max-width:100%}}.horizontal-tree-wrapper{background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tree-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.tree-toolbar .toolbar-left,.tree-toolbar .toolbar-right{align-items:center;gap:12px;display:flex}.tree-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:180px;padding:8px 12px;transition:all .15s;display:flex}.tree-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tree-search svg{color:#94a3b8;flex-shrink:0}.tree-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:13px}.tree-search input::placeholder{color:#94a3b8}.tree-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.tree-filter svg{color:#64748b;flex-shrink:0}.tree-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-size:12px;font-weight:500}.active-filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.active-filter-btn .pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow}.active-filter-btn:hover{color:#22c55e;border-color:#22c55e}.active-filter-btn.active{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.tree-content{min-height:300px;padding:24px;overflow-x:auto}.horizontal-tree{align-items:flex-start;gap:0;min-width:fit-content;display:flex}.gm-section{flex-direction:column;align-items:flex-end;min-width:180px;padding-right:0;display:flex}.trunk-line{align-self:stretch;width:40px;min-height:100px;position:relative}.trunk-line:before{content:"";background:#cbd5e1;width:20px;height:2px;position:absolute;top:24px;left:0}.trunk-line:after{content:"";background:#cbd5e1;width:2px;position:absolute;top:24px;bottom:24px;left:20px}.departments-section{flex-direction:column;gap:0;display:flex}.dept-branch{background:linear-gradient(to right,var(--dept-color-light,transparent),transparent 120px);border-radius:8px 0 0 8px;align-items:flex-start;min-height:60px;padding:8px 0;transition:all .2s;display:flex;position:relative}.dept-branch:hover{background:linear-gradient(to right,var(--dept-color-light,#00000005),transparent 150px)}.dept-color-strip{opacity:.8;border-radius:2px;width:4px;transition:opacity .2s,width .2s;position:absolute;top:4px;bottom:4px;left:0}.dept-branch:hover .dept-color-strip{opacity:1;width:5px}.branch-connector{align-items:center;width:40px;height:100%;min-height:48px;display:flex;position:relative}.branch-connector .connector-horizontal{background:#cbd5e1;width:40px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.branch-connector .connector-horizontal:before{content:"";background:#cbd5e1;width:2px;height:200px;position:absolute;top:-100px;left:-2px}.branch-connector .connector-horizontal.last:before{height:calc(50% + 100px);top:-100px}.branch-connector .connector-vertical{display:none}.branch-manager{align-items:center;display:flex}.branch-staff{align-items:flex-start;margin-left:0;display:flex}.branch-staff .staff-connector{align-self:stretch;width:30px;position:relative}.branch-staff .staff-connector:before{content:"";background:#cbd5e1;width:30px;height:2px;position:absolute;top:50%;left:0}.branch-staff .staff-list{flex-direction:column;gap:0;display:flex}.staff-item{align-items:center;padding:4px 0;display:flex}.staff-item .staff-line{align-items:center;width:30px;height:100%;min-height:40px;display:flex;position:relative}.staff-item .staff-line .line-vertical{background:#cbd5e1;width:2px;height:200%;position:absolute;top:-50%;left:-2px}.staff-item .staff-line .line-vertical.last{height:50%;top:0}.staff-item .staff-line .line-horizontal{background:#cbd5e1;width:30px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.staff-item.last .staff-line .line-vertical{height:calc(50% + 4px);top:0}.tree-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.tree-card.inactive{opacity:.4;filter:grayscale(.3)}.tree-card.processing{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.tree-card.draggable{cursor:grab;padding-left:28px}.tree-card.draggable:active{cursor:grabbing}.tree-card.dragging{opacity:.5;background:#f0f9ff;border-style:dashed;border-color:#3b82f6}.tree-card .drag-handle{color:#94a3b8;opacity:.5;transition:opacity .15s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tree-card:hover .drag-handle{opacity:1}.tree-card.drop-highlight{background:#f0fdf4;border-style:dashed;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.tree-card.drop-highlight .card-title{font-weight:500;color:#16a34a!important}.tree-card .card-stripe{border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.tree-card .card-avatar{flex-shrink:0;width:32px;height:32px;position:relative}.tree-card .card-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tree-card .card-avatar .avatar-placeholder{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:600;display:flex}.tree-card .card-avatar .online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.tree-card .card-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tree-card .card-info .card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.tree-card .card-info .card-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tree-card .card-info .status-badge-row{margin-top:2px}.tree-card .card-info .status-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;display:inline-flex}.tree-card .card-info .status-badge .status-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.tree-card .card-info .status-badge.status-working .status-dot{animation:1.5s infinite pulse-status}.tree-card .shift-badge{flex-shrink:0;font-size:12px}.tree-card .card-actions{opacity:0;flex-shrink:0;gap:4px;margin-left:auto;transition:opacity .15s;display:flex}.tree-card .card-actions .action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.tree-card .card-actions .action-btn svg{width:14px;height:14px}.tree-card .card-actions .action-btn.edit{color:#64748b}.tree-card .card-actions .action-btn.edit:hover{color:#3b82f6;background:#3b82f61a}.tree-card .card-actions .action-btn.delete{color:#94a3b8}.tree-card .card-actions .action-btn.delete:hover{color:#ef4444;background:#ef44441a}.tree-card:hover .card-actions{opacity:1}.tree-card.gm-placeholder{background:#f8fafc;border-style:dashed;border-color:#cbd5e1}.tree-card.gm-placeholder .card-info .card-title{color:#94a3b8;font-style:italic}.tree-card.dept-header .dept-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tree-card.ai-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px dashed #86efac;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:80px;max-width:100px;padding:10px 14px}.tree-card.ai-card:hover{transform:scale(1.05);box-shadow:0 0 16px #10b98133}.tree-card.ai-card .ai-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 0 0 3px #10b98126}.tree-card.ai-card .ai-label{color:#059669;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:600}.tree-card.ai-card .online-dot{background:#22c55e;border:none;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-glow;position:absolute;top:6px;right:6px}.tree-info-banner{color:#1e40af;background:linear-gradient(90deg,#eff6ff,#dbeafe);border-bottom:1px solid #bfdbfe;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex}.tree-info-banner>svg{color:#3b82f6;flex-shrink:0}.tree-info-banner>span{flex:1;line-height:1.4}.tree-info-banner .active-filter-btn{flex-shrink:0;margin-left:auto}.drag-indicator{color:#92400e;background:linear-gradient(90deg,#fef3c7,#fde68a);border-bottom:1px solid #fbbf24;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:13px;animation:.2s ease-out slideDown;display:flex}.drag-indicator svg{color:#d97706;flex-shrink:0}.drag-indicator strong{color:#78350f}.dept-branch.drag-over .branch-manager,.dept-branch.drag-over .branch-staff{transition:all .15s}.dept-branch.drag-over{border-radius:12px;box-shadow:0 0 20px #3b82f626}.drop-target-manager{animation:1s ease-in-out infinite pulse-drop-zone;position:relative}.drop-target-manager:before{content:"";z-index:0;background:#8b5cf614;border:2px dashed #8b5cf6;border-radius:12px;animation:1s ease-in-out infinite pulse-border;position:absolute;inset:-4px}.drop-target-manager .tree-card{z-index:1;position:relative;transform:scale(1.02);background:#f5f3ff!important;border-style:dashed!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf64d!important}.drop-target-staff{background:#22c55e14;border:2px dashed #22c55e;border-radius:12px;margin:-8px;padding:8px;animation:1s ease-in-out infinite pulse-drop-zone;position:relative}.drop-target-staff:after{content:"Buraya bırakın";color:#16a34a;opacity:.8;font-size:10px;font-weight:500;position:absolute;bottom:4px;right:8px}@keyframes pulse-drop-zone{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-border{0%,to{border-color:#8b5cf6}50%{border-color:#a78bfa}}.staff-drop-placeholder{color:#16a34a;background:#f0fdf4;border:2px dashed #86efac;border-radius:8px;align-items:center;gap:8px;min-width:140px;padding:12px 16px;font-size:12px;font-weight:500;display:none}.staff-drop-placeholder svg{color:#22c55e}.staff-drop-placeholder.visible{animation:.15s ease-out fadeIn;display:flex}.add-employee-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px dashed #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-width:120px;padding:8px 14px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.add-employee-btn:hover{background:#f8fafc;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.add-employee-btn:active{transform:translateY(0)}.add-employee-btn svg{flex-shrink:0}.add-employee-btn span{white-space:nowrap}.add-employee-btn.empty-state{margin-top:8px}.add-staff-item .add-employee-btn{margin-left:0}@media (max-width:768px){.tree-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.tree-toolbar .toolbar-left,.tree-toolbar .toolbar-right{flex-wrap:wrap;justify-content:center;gap:8px}.tree-search{min-width:100%}.tree-content{padding:16px}.horizontal-tree{flex-direction:column;gap:16px}.gm-section{align-items:center;padding-right:0}.trunk-line{align-self:center;width:2px;min-height:30px}.trunk-line:before{display:none}.trunk-line:after{top:0;bottom:0;left:0}.departments-section{align-items:center}.dept-branch{flex-direction:column;align-items:center;gap:8px}.branch-connector{width:2px;height:20px;min-height:20px}.branch-connector .connector-horizontal{width:2px;height:20px;top:0;transform:none}.branch-connector .connector-horizontal:before{display:none}.branch-staff{flex-direction:column;margin-left:0}.branch-staff .staff-connector{align-self:center;width:2px;height:20px}.branch-staff .staff-connector:before{width:2px;height:20px;top:0;left:0}.branch-staff .staff-list{align-items:center}.staff-item{flex-direction:column;align-items:center}.staff-item .staff-line{width:2px;height:20px;min-height:20px}.staff-item .staff-line .line-vertical{height:20px;top:0;left:0}.staff-item .staff-line .line-horizontal{display:none}.tree-card{min-width:140px;max-width:180px}.tree-info-banner{padding:8px 16px;font-size:12px}}.employee-detail-page{background:#f9fafb;max-width:1200px;min-height:calc(100vh - 70px);margin:0 auto}@media (max-width:768px){.employee-detail-page{padding:16px}}.employee-detail-page .loading-state,.employee-detail-page .empty-state{text-align:center;color:#6b7280;padding:60px 20px;font-size:16px}.employee-detail-header{margin-bottom:24px}.employee-detail-header .btn-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.employee-detail-header .btn-back:hover{background:#f9fafb;border-color:#cbd5e1}.employee-detail-header .employee-detail-header-info{background:#fff;border-radius:12px;align-items:center;gap:24px;padding:24px;display:flex;box-shadow:0 1px 3px #0000001a}@media (max-width:768px){.employee-detail-header .employee-detail-header-info{flex-direction:column;align-items:flex-start}}.employee-detail-header .employee-detail-avatar{background:#e5e7eb;border-radius:12px;flex-shrink:0;width:120px;height:120px;position:relative;overflow:hidden}.employee-detail-header .employee-detail-avatar img{object-fit:cover;width:100%;height:100%}.employee-detail-header .employee-detail-avatar .employee-detail-avatar-placeholder{color:#6b7280;background:#e5e7eb;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:600;display:flex}.employee-detail-header .employee-detail-header-text{flex:1}.employee-detail-header .employee-detail-header-text h1{color:#1e293b;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:24px;font-weight:600}.employee-detail-header .employee-detail-header-text .employee-detail-title{color:#64748b;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:16px}.employee-detail-header .employee-detail-header-text .employee-detail-meta{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.employee-detail-header .employee-detail-header-text .employee-detail-meta span{align-items:center;gap:4px;display:flex}.employee-detail-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.employee-detail-form .form-section h2{color:#1e293b;border-bottom:1px solid #e5e7eb;margin:0 0 24px;padding-bottom:16px;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.employee-detail-form .form-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (max-width:768px){.employee-detail-form .form-grid{grid-template-columns:1fr;gap:20px}}.employee-detail-form .form-group{margin-bottom:0}.employee-detail-form .form-group.form-group-full{grid-column:1/-1}.employee-detail-form .form-group label{color:#374151;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;display:block}.employee-detail-form .form-group label input[type=checkbox]{margin-right:8px}.employee-detail-form .form-group .form-input,.employee-detail-form .form-group .form-select,.employee-detail-form .form-group .form-textarea{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:14px;transition:border-color .2s}:is(.employee-detail-form .form-group .form-input,.employee-detail-form .form-group .form-select,.employee-detail-form .form-group .form-textarea):focus{border-color:#247cff;outline:none}:is(.employee-detail-form .form-group .form-input,.employee-detail-form .form-group .form-select,.employee-detail-form .form-group .form-textarea):disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.employee-detail-form .form-group .form-textarea{resize:vertical;min-height:100px}.employee-detail-form .form-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:24px;padding-top:24px;display:flex}.employee-detail-form .form-footer .btn-save{color:#fff;cursor:pointer;background:#247cff;border:none;border-radius:8px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.employee-detail-form .form-footer .btn-save:hover:not(:disabled){background:#1e6ae8}.employee-detail-form .form-footer .btn-save:disabled{opacity:.5;cursor:not-allowed}.whatsapp-qr-page{flex-direction:column;max-width:100%;min-height:calc(100vh - 70px);margin:0;padding:12px 16px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.whatsapp-qr-page .whatsapp-qr-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.whatsapp-qr-page .whatsapp-qr-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.whatsapp-qr-page .header-actions{align-items:center;gap:10px;display:flex}.whatsapp-qr-page .page-action-bar{justify-content:flex-end;margin-bottom:12px;display:flex}.whatsapp-qr-page .page-action-bar .action-buttons{gap:10px;display:flex}.whatsapp-qr-page .whatsapp-qr-connected-layout{flex-direction:column;flex:1;gap:12px;display:flex}.whatsapp-qr-page .qr-stats-row{align-items:stretch;gap:12px;display:flex}.whatsapp-qr-page .qr-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.whatsapp-qr-page .qr-card{justify-content:center;align-items:center;width:160px;height:160px;display:flex}.whatsapp-qr-page .qr-image{object-fit:contain;width:160px;height:160px}.whatsapp-qr-page .qr-buttons{gap:8px;display:flex}.whatsapp-qr-page .qr-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.whatsapp-qr-page .qr-btn svg{width:14px;height:14px}.whatsapp-qr-page .qr-btn:hover{color:#4a90d9;background:#fff;border-color:#4a90d9}.whatsapp-qr-page .stats-section{flex:1;gap:12px;display:flex}.whatsapp-qr-page .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:16px 20px;display:flex}.whatsapp-qr-page .stat-card .stat-icon{background:#4a90d91a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.whatsapp-qr-page .stat-card .stat-icon svg{stroke:#4a90d9;width:22px;height:22px}.whatsapp-qr-page .stat-card .stat-icon.risk{background:#4a90d91a}.whatsapp-qr-page .stat-card .stat-icon.risk svg{stroke:#4a90d9}.whatsapp-qr-page .stat-card .stat-content{flex-direction:column;gap:2px;display:flex}.whatsapp-qr-page .stat-card .stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.whatsapp-qr-page .stat-card .stat-value{color:#1e293b;font-size:24px;font-weight:700}.whatsapp-qr-page .form-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.whatsapp-qr-page .llm-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px 16px}.whatsapp-qr-page .bottom-actions{gap:12px;display:flex}.whatsapp-qr-page .bottom-actions .btn-save-settings{flex:1;margin-top:0}.whatsapp-qr-page .btn-disconnect{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.whatsapp-qr-page .btn-disconnect svg{stroke:#dc2626}.whatsapp-qr-page .btn-disconnect:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.whatsapp-qr-page .btn-disconnect:disabled{opacity:.6;cursor:not-allowed}@media (max-width:968px){.whatsapp-qr-page .qr-stats-row{flex-direction:column}.whatsapp-qr-page .qr-section{flex-direction:row;justify-content:center}.whatsapp-qr-page .stats-section{flex-direction:column}.whatsapp-qr-page .form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.whatsapp-qr-page .qr-section{flex-direction:column}.whatsapp-qr-page .form-row{grid-template-columns:1fr}.whatsapp-qr-page .bottom-actions{flex-direction:column}}.whatsapp-qr-page .btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.whatsapp-qr-page .btn-secondary:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.whatsapp-qr-page .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90d9 0%,#3a7ac0 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4a90d94d}.whatsapp-qr-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4a90d966}.whatsapp-qr-page .btn-primary:disabled,.whatsapp-qr-page .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.whatsapp-qr-page .whatsapp-api-config-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;overflow:hidden}.whatsapp-qr-page .api-config-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.whatsapp-qr-page .api-config-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.whatsapp-qr-page .btn-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.whatsapp-qr-page .btn-close:hover{color:#1e293b;background:#e2e8f0}.whatsapp-qr-page .api-config-content{padding:24px}.whatsapp-qr-page .api-config-status{gap:10px;margin:16px 0;display:flex}.whatsapp-qr-page .status-badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.whatsapp-qr-page .status-badge.configured{color:#166534;background:#dcfce7}.whatsapp-qr-page .status-badge.not-configured{color:#dc2626;background:#fee2e2}.whatsapp-qr-page .status-badge.authenticated{color:#4a90d9;background:#4a90d926}.whatsapp-qr-page .api-config-actions{gap:12px;margin-top:20px;display:flex}.whatsapp-qr-page .btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.whatsapp-qr-page .btn-danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.whatsapp-qr-page .whatsapp-qr-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.whatsapp-qr-page .whatsapp-qr-loading .spinner,.whatsapp-qr-page .spinner{border:3px solid #e2e8f0;border-top-color:#4a90d9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.whatsapp-qr-page .spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.whatsapp-qr-page .whatsapp-qr-connected-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:1fr 360px;gap:0;display:grid;overflow:hidden;box-shadow:0 4px 24px #0000000f}@media (max-width:1024px){.whatsapp-qr-page .whatsapp-qr-connected-container{grid-template-columns:1fr}}.whatsapp-qr-page .whatsapp-qr-form-column{border-right:1px solid #f1f5f9;padding:28px}@media (max-width:1024px){.whatsapp-qr-page .whatsapp-qr-form-column{border-bottom:1px solid #f1f5f9;border-right:none}}.whatsapp-qr-page .form-description{color:#64748b;margin:0 0 18px;font-size:12px;line-height:1.5}.whatsapp-qr-page .form-field{margin-bottom:14px}.whatsapp-qr-page .form-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.whatsapp-qr-page .form-input{color:#1e293b;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .25s}.whatsapp-qr-page .form-input:focus{background:#fff;border-color:#4a90d9;outline:none;box-shadow:0 0 0 4px #4a90d91f}.whatsapp-qr-page .form-input::placeholder{color:#9ca3af}.whatsapp-qr-page .form-input[readonly]{color:#64748b;background:#f1f5f9}.whatsapp-qr-page select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.whatsapp-qr-page .session-info{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:20px}.whatsapp-qr-page .session-stats{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:0;display:flex;overflow:hidden}.whatsapp-qr-page .stat-item{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;transition:background .2s;display:flex}.whatsapp-qr-page .stat-item:last-child{border-right:none}.whatsapp-qr-page .stat-item:hover{background:#f1f5f9}.whatsapp-qr-page .stat-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;display:flex}.whatsapp-qr-page .stat-icon svg{stroke:#4a90d9;width:18px;height:18px}.whatsapp-qr-page .stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.whatsapp-qr-page .stat-value{color:#1e293b;font-size:22px;font-weight:700}.whatsapp-qr-page .stat-value.risk-low{color:#4a90d9;background:#4a90d91f;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600}.whatsapp-qr-page .stat-value.risk-medium{color:#d97706;background:#fef3c7;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600}.whatsapp-qr-page .stat-value.risk-high{color:#dc2626;background:#fee2e2;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600}.whatsapp-qr-page .llm-integration-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:10px;margin-top:18px;padding:14px 16px}.whatsapp-qr-page .llm-toggle-header{justify-content:space-between;align-items:center;display:flex}.whatsapp-qr-page .llm-toggle-info h4{color:#1e293b;margin:0 0 2px;font-size:13px;font-weight:600}.whatsapp-qr-page .llm-toggle-description{color:#64748b;margin:0;font-size:11px}.whatsapp-qr-page .toggle-switch{cursor:pointer;width:44px;height:24px;position:relative}.whatsapp-qr-page .toggle-switch input{opacity:0;width:0;height:0}.whatsapp-qr-page .toggle-slider{background:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.whatsapp-qr-page .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #00000026}.whatsapp-qr-page .toggle-switch input:checked+.toggle-slider{background:#4a90d9}.whatsapp-qr-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.whatsapp-qr-page .llm-status{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.whatsapp-qr-page .llm-status-indicator{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.whatsapp-qr-page .llm-status-dot{background:#94a3b8;border-radius:50%;width:8px;height:8px}.whatsapp-qr-page .llm-status-indicator.running .llm-status-dot{background:#10b981;animation:2s infinite pulse;box-shadow:0 0 8px #10b98180}.whatsapp-qr-page .llm-status-indicator.connecting .llm-status-dot{background:#f59e0b;animation:1s infinite pulse}.whatsapp-qr-page .llm-status-text{color:#1e293b;font-size:12px;font-weight:600}.whatsapp-qr-page .llm-mode-badge{text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.whatsapp-qr-page .llm-mode-badge.ws{color:#4a90d9;background:#4a90d926}.whatsapp-qr-page .llm-mode-badge.poll{color:#64748b;background:#f1f5f9}.whatsapp-qr-page .llm-pending-badge{color:#92400e;background:#fef3c7;border-radius:10px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:600}.whatsapp-qr-page .llm-error-text{color:#dc2626;background:#fee2e2;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:11px}.whatsapp-qr-page .llm-mode-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;margin-top:12px;padding:3px;display:flex}.whatsapp-qr-page .mode-option{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.whatsapp-qr-page .mode-option input{display:none}.whatsapp-qr-page .mode-option span{color:#64748b;font-size:11px;font-weight:500}.whatsapp-qr-page .mode-option:has(input:checked){background:#1e293b}.whatsapp-qr-page .mode-option:has(input:checked) span{color:#fff;font-weight:600}.whatsapp-qr-page .btn-save-settings{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90d9 0%,#3a7ac0 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #4a90d959}.whatsapp-qr-page .btn-save-settings:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90d973}.whatsapp-qr-page .btn-save-settings:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4a90d94d}.whatsapp-qr-page .btn-save-settings:disabled{opacity:.6;cursor:not-allowed}.whatsapp-qr-page .danger-zone{background:#fef2f280;border:1px solid #fecaca;border-radius:12px;margin-top:28px;padding:16px 18px}.whatsapp-qr-page .danger-zone-header{color:#dc2626;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.whatsapp-qr-page .danger-zone-header svg{stroke:#dc2626}.whatsapp-qr-page .btn-disconnect-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.whatsapp-qr-page .btn-disconnect-danger svg{stroke:#dc2626}.whatsapp-qr-page .btn-disconnect-danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.whatsapp-qr-page .btn-disconnect-danger:disabled{opacity:.6;cursor:not-allowed}.whatsapp-qr-page .whatsapp-qr-qr-column{background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding:28px;display:flex}.whatsapp-qr-page .whatsapp-qr-qr-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:300px;padding:24px;display:flex}.whatsapp-qr-page .qr-header{flex-direction:column;align-items:center;gap:12px;display:flex}.whatsapp-qr-page .qr-logo{width:120px;height:auto}.whatsapp-qr-page .qr-subtitle{color:#1e293b;text-align:center;margin:0;font-size:14px;font-weight:600}.whatsapp-qr-page .qr-code-wrapper{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.whatsapp-qr-page .qr-code-image{object-fit:contain;width:180px;height:180px}.whatsapp-qr-page .qr-code-spinner{position:absolute}.whatsapp-qr-page .qr-actions{gap:10px;width:100%;margin-top:20px;display:flex}.whatsapp-qr-page .qr-action-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.whatsapp-qr-page .qr-action-btn svg{width:16px;height:16px}.whatsapp-qr-page .qr-action-btn:hover{color:#4a90d9;background:#fff;border-color:#4a90d9}.whatsapp-qr-page .qr-action-btn:hover svg path,.whatsapp-qr-page .qr-action-btn:hover svg{fill:#4a90d9;stroke:#4a90d9}.whatsapp-qr-page .llm-messages-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;overflow:hidden}.whatsapp-qr-page .llm-messages-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.whatsapp-qr-page .llm-messages-header h3{color:#1e293b;margin:0;font-size:14px;font-weight:600}.whatsapp-qr-page .message-count{color:#64748b;background:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:12px}.whatsapp-qr-page .llm-messages-list{max-height:400px;overflow-y:auto}.whatsapp-qr-page .llm-message-item{border-bottom:1px solid #f1f5f9;padding:16px 20px}.whatsapp-qr-page .llm-message-item:last-child{border-bottom:none}.whatsapp-qr-page .llm-message-item.status-processing{background:#fffbeb}.whatsapp-qr-page .llm-message-item.status-sent{background:#f0fdf4}.whatsapp-qr-page .llm-message-item.status-error{background:#fef2f2}.whatsapp-qr-page .message-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.whatsapp-qr-page .message-from{color:#1e293b;font-size:14px;font-weight:600}.whatsapp-qr-page .message-status{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.whatsapp-qr-page .message-status.processing{color:#92400e;background:#fef3c7}.whatsapp-qr-page .message-status.sent{color:#166534;background:#dcfce7}.whatsapp-qr-page .message-status.error{color:#dc2626;background:#fee2e2}.whatsapp-qr-page .message-content p{color:#475569;margin:0;font-size:13px;line-height:1.5}.whatsapp-qr-page .message-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.whatsapp-qr-page .message-original{margin-bottom:12px}.whatsapp-qr-page .message-response{border-top:1px solid #e2e8f0;padding-top:12px}.whatsapp-qr-page .message-response .message-label{color:#4a90d9}.whatsapp-qr-page .message-error{background:#fee2e2;border-radius:6px;margin-top:8px;padding:8px 12px}.whatsapp-qr-page .error-text{color:#dc2626;font-size:12px}.whatsapp-qr-page .message-time{color:#94a3b8;text-align:right;margin-top:8px;font-size:11px}.whatsapp-qr-page .whatsapp-qr-two-column-layout{grid-template-columns:360px 1fr;gap:24px;display:grid}@media (max-width:968px){.whatsapp-qr-page .whatsapp-qr-two-column-layout{grid-template-columns:1fr}}.whatsapp-qr-page .whatsapp-qr-left-column{flex-direction:column;gap:20px;display:flex}.whatsapp-qr-page .whatsapp-qr-right-column{flex-direction:column;display:flex}.whatsapp-qr-page .whatsapp-qr-status-compact .status-indicator-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.whatsapp-qr-page .status-indicator{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.whatsapp-qr-page .status-indicator.connected{background:#dcfce7}.whatsapp-qr-page .status-indicator.disconnected{background:#fee2e2}.whatsapp-qr-page .status-indicator .status-dot{border-radius:50%;width:20px;height:20px}.whatsapp-qr-page .status-indicator.connected .status-dot{background:#22c55e}.whatsapp-qr-page .status-indicator.disconnected .status-dot{background:#ef4444}.whatsapp-qr-page .status-text{flex-direction:column;gap:2px;display:flex}.whatsapp-qr-page .status-text .status-label{color:#64748b;font-size:12px}.whatsapp-qr-page .status-text .status-value{font-size:16px;font-weight:600}.whatsapp-qr-page .status-text .status-value.connected{color:#16a34a}.whatsapp-qr-page .status-text .status-value.disconnected{color:#dc2626}.whatsapp-qr-page .auth-warning{color:#92400e;background:#fef3c7;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:13px}.whatsapp-qr-page .whatsapp-qr-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.whatsapp-qr-page .settings-header{margin-bottom:16px}.whatsapp-qr-page .settings-header h3{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:600}.whatsapp-qr-page .settings-description{color:#64748b;margin:0;font-size:13px}.whatsapp-qr-page .redirect-type-list{gap:8px;display:flex}.whatsapp-qr-page .redirect-type-option{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.whatsapp-qr-page .redirect-type-option input{display:none}.whatsapp-qr-page .redirect-type-option .option-label{color:#64748b;font-size:13px;font-weight:500}.whatsapp-qr-page .redirect-type-option.active{background:#4a90d926;border-color:#4a90d966}.whatsapp-qr-page .redirect-type-option.active .option-label{color:#4a90d9;font-weight:600}.whatsapp-qr-page .sessions-list{flex-direction:column;gap:10px;display:flex}.whatsapp-qr-page .session-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.whatsapp-qr-page .session-item.connected{background:#f0fdf4;border-color:#bbf7d0}.whatsapp-qr-page .session-info{flex-direction:column;gap:2px;display:flex}.whatsapp-qr-page .session-phone{color:#1e293b;font-size:14px;font-weight:600}.whatsapp-qr-page .session-status{font-size:12px;font-weight:500}.whatsapp-qr-page .session-status.connected{color:#16a34a}.whatsapp-qr-page .session-status.disconnected{color:#dc2626}.whatsapp-qr-page .btn-delete-session{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.whatsapp-qr-page .btn-delete-session:hover{color:#dc2626;background:#fee2e2}.whatsapp-qr-page .whatsapp-qr-display-center{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px}.whatsapp-qr-page .qr-display-header{margin-bottom:32px}.whatsapp-qr-page .qr-display-header h2{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:600}.whatsapp-qr-page .qr-description{color:#64748b;margin:0;font-size:14px}.whatsapp-qr-page .qr-code-container-center{flex-direction:column;align-items:center;display:flex}.whatsapp-qr-page .qr-code-image-center{border-radius:16px;max-width:280px;margin-bottom:16px}.whatsapp-qr-page .qr-instruction{color:#64748b;font-size:14px}.whatsapp-qr-page .qr-create-session{flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex}.whatsapp-qr-page .qr-create-session p{color:#64748b;font-size:15px}.whatsapp-qr-page .qr-not-configured{flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.whatsapp-qr-page .qr-not-configured svg{color:#cbd5e1}.whatsapp-qr-page .qr-not-configured p{color:#64748b;margin:0;font-size:15px}.whatsapp-qr-page .qr-not-configured small{color:#94a3b8;font-size:13px}@media (max-width:1024px){.whatsapp-qr-page .whatsapp-qr-connected-container{flex-direction:column-reverse;display:flex}.whatsapp-qr-page .whatsapp-qr-qr-column{border-bottom:1px solid #f1f5f9}.whatsapp-qr-page .whatsapp-qr-form-column{border-right:none}}@media (max-width:768px){.whatsapp-qr-page{padding:16px}.whatsapp-qr-page .whatsapp-qr-header{flex-direction:column;align-items:flex-start;gap:16px}.whatsapp-qr-page .whatsapp-qr-header h1{font-size:22px}.whatsapp-qr-page .header-actions{flex-wrap:wrap;width:100%}.whatsapp-qr-page .header-actions .btn-secondary{flex:1;justify-content:center}.whatsapp-qr-page .session-stats{flex-direction:column}.whatsapp-qr-page .stat-item{border-bottom:1px solid #e2e8f0;border-right:none}.whatsapp-qr-page .stat-item:last-child{border-bottom:none}.whatsapp-qr-page .redirect-type-list{flex-direction:column}.whatsapp-qr-page .whatsapp-qr-qr-column{padding:24px}.whatsapp-qr-page .whatsapp-qr-qr-display{width:100%;max-width:280px;padding:20px}.whatsapp-qr-page .qr-code-wrapper{width:180px;height:180px}.whatsapp-qr-page .qr-code-image{width:160px;height:160px}.whatsapp-qr-page .llm-mode-toggle{flex-direction:column}.whatsapp-qr-page .whatsapp-qr-two-column-layout{grid-template-columns:1fr}}.org-tree-v2{color:#1e293b;font-family:SF Pro Display,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.org-info-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe80);border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:14px;margin-bottom:24px;padding:16px 24px;display:flex}.org-info-banner .banner-icon{color:#fff;background:#3b82f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.org-info-banner p{color:#1e40af;flex:1;margin:0;font-size:13.5px;font-weight:500;line-height:1.5}.org-info-banner .banner-stats{color:#64748b;background:#fffc;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:16px;padding:8px 16px;font-size:12.5px;font-weight:600;display:flex}.org-info-banner .banner-stats .stat{align-items:center;gap:6px;display:flex}.org-info-banner .banner-stats .stat-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #16a36a66}.org-info-banner .banner-stats .stat-divider{background:#e2e8f0;width:1px;height:16px}.org-info-banner .banner-stats strong{color:#16a34a}.org-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.org-view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:3px;display:inline-flex}.org-view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.org-view-toggle button span{font-size:14px}.org-view-toggle button.active{color:#fff;background:#1e293b}.org-view-toggle button:hover:not(.active){background:#f8fafc}.org-bulk-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb4d}.org-bulk-add-btn span{font-size:16px;font-weight:400}.org-bulk-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.org-bulk-add-btn:active{transform:translateY(0)}.org-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;min-height:500px;padding:40px 48px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000008}.chart-grid-bg{opacity:.4;pointer-events:none;background-image:radial-gradient(circle,#e2e8f0 .7px,#0000 .7px);background-size:24px 24px;position:absolute;inset:0}.org-chart-content{z-index:1;position:relative}.gm-section{flex-direction:column;align-items:center;margin-bottom:0;display:flex}.gm-connector{background:linear-gradient(#94a3b8,#cbd5e1);width:2.5px;height:44px;margin-top:0}.gm-cards-container{justify-content:center;gap:16px;display:flex}.gm-cards-container.multiple .org-gm-card{min-width:200px;padding:16px 20px}.gm-cards-container.multiple .org-gm-card .gm-avatar{width:44px;height:44px;margin-bottom:10px}.gm-cards-container.multiple .org-gm-card .gm-name{font-size:14px}.gm-cards-container.multiple .org-gm-card .gm-subtitle{font-size:11px}.org-gm-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:20px;min-width:240px;padding:20px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.org-gm-card.night-shift{border-color:var(--gm-accent,#3b82f6);background:linear-gradient(135deg,#1e3a5f,#1e40af)}.org-gm-card.night-shift .gm-avatar{border:2px solid var(--gm-accent,#3b82f6)}.org-gm-card.night-shift:hover{box-shadow:0 12px 32px #3b82f64d}.org-gm-card.compact{min-width:180px;padding:14px 16px}.org-gm-card.compact .gm-avatar{width:40px;height:40px;margin-bottom:8px;font-size:18px}.org-gm-card.compact .gm-name{font-size:13px}.org-gm-card.compact .gm-subtitle{font-size:10px}.org-gm-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1e293b4d}.org-gm-card .gm-decoration{background:#ffffff0a;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.org-gm-card .gm-avatar{color:#fff;background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:22px;font-weight:700;display:flex;overflow:hidden}.org-gm-card .gm-avatar img{object-fit:cover;width:100%;height:100%}.org-gm-card .gm-name{color:#fff;font-size:16px;font-weight:700}.org-gm-card .gm-subtitle{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:500}.org-gm-card .gm-shift-badge{margin-top:10px}.org-gm-card.empty{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px dashed #f59e0b}.org-gm-card.empty:hover{box-shadow:0 12px 32px #f59e0b33}.org-gm-card.empty .gm-avatar{background:#fef3c7;border:2px dashed #f59e0b80;font-size:24px}.org-gm-card.empty .gm-avatar.empty{color:inherit}.org-gm-card.empty .gm-name{color:#92400e}.org-gm-card.empty .gm-subtitle{color:#b45309}.org-gm-card.empty .gm-action{color:#d97706;background:#fde68a80;border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.horizontal-connector{justify-content:center;margin-top:44px;margin-bottom:0;display:flex}.horizontal-connector:after{content:"";background:linear-gradient(90deg,#cbd5e140,#94a3b8,#94a3b8,#cbd5e140);border-radius:2px;width:80%;max-width:900px;height:2.5px}.departments-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.org-dept-wrapper{flex-direction:column;align-items:center;display:flex}.dept-connector{border-radius:2px;width:2.5px;height:28px}.dept-connector-dot{border:2.5px solid #fff;border-radius:50%;width:10px;height:10px;margin-bottom:8px}.org-dept-card{background:#fff;border:2px solid;border-radius:18px;min-width:220px;max-width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.org-dept-card.hovered{transform:translateY(-2px)}.org-dept-card.drag-over{background:#3b82f605;border-style:dashed}.dept-header{align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.dept-icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 2px 6px #0000000f}.dept-info{flex:1;min-width:0}.dept-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.dept-label{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:500}.dept-stats{justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.stats-items{gap:12px;display:flex}.stat-item{color:#64748b;font-size:11.5px;font-weight:600}.expand-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:14px;transition:all .2s}.expand-btn:hover{background:#f1f5f9}.dept-personnel{flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex}.drop-hint{text-align:center;background:#3b82f605;border:2px dashed;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:600;animation:1.5s ease-in-out infinite pulse}.org-personnel-card{border:1.5px solid var(--card-border,#e2e8f0);cursor:pointer;box-shadow:var(--card-shadow,0 1px 3px #0000000a);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.org-personnel-card.compact{padding:10px 14px}.org-personnel-card.compact .card-avatar{width:36px;height:36px;font-size:13px}.org-personnel-card.compact .card-name{font-size:13px}.org-personnel-card.hovered{transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 2px 8px #0000000f}.org-personnel-card.draggable{cursor:grab}.org-personnel-card.draggable:active{cursor:grabbing}.card-accent-stripe{border-radius:14px 0 0 14px;width:3.5px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.card-avatar{letter-spacing:-.5px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex;position:relative;overflow:visible}.card-avatar img{object-fit:cover;border-radius:12px;width:100%;height:100%}.card-info{flex:1;min-width:0}.card-name-row{align-items:center;gap:6px;display:flex}.card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;line-height:1.3;overflow:hidden}.card-role{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:500}.supervisor-badge{color:#92400e;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.supervisor-badge svg{color:#f59e0b}.avatar-supervisor-indicator{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 3px #0003}.org-personnel-card.is-supervisor{background:linear-gradient(135deg,#fef3c74d,#fff)}.org-personnel-card.is-supervisor .card-role{font-weight:600}.card-status{margin-top:4px}.card-actions{gap:4px;animation:.2s fadeIn;display:flex}.action-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .15s;display:flex}.action-btn:hover{color:#1e293b;background:#e2e8f0}.org-status-badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.org-status-badge .status-dot{border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px}.org-add-personnel-btn{cursor:pointer;background:0 0;border:1.5px dashed;border-radius:14px;align-items:center;gap:8px;min-width:180px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.org-add-personnel-btn.hovered{transform:translateY(-1px)}.org-add-personnel-btn .add-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .2s;display:flex}.org-legend{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:24px;padding:16px 24px;display:flex}.org-legend .legend-title{color:#94a3b8;font-size:12px;font-weight:600}.org-legend .legend-items{gap:20px;display:flex}.org-legend .legend-item{align-items:center;gap:6px;display:flex}.org-legend .legend-color{border-radius:4px;width:12px;height:12px}.org-legend .legend-dot{border-radius:50%;width:8px;height:8px}.org-legend .legend-item span{color:#64748b;font-size:12px;font-weight:600}.org-legend .legend-divider{background:#e2e8f0;width:1px;height:16px}.org-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000008}.list-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.list-header-left{align-items:center;gap:12px;display:flex}.list-count{color:#475569;font-size:14px;font-weight:600}.list-header-actions{gap:8px;display:flex}.list-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.list-action-btn svg{color:#94a3b8}.list-action-btn:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.list-action-btn:hover svg{color:#64748b}.accordion-list{flex-direction:column;display:flex}.accordion-dept{border-bottom:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-dept:last-child{border-bottom:none}.accordion-dept.expanded{background:var(--accent-bg,#f8fafc)}.accordion-dept.drag-over{background:var(--accent-bg,#eff6ff);box-shadow:inset 0 0 0 2px var(--accent-color,#3b82f6)}.accordion-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;font-family:inherit;transition:all .2s;display:flex}.accordion-header:hover{background:#00000005}.accordion-left{align-items:center;gap:14px;display:flex}.accordion-icon{border:1.5px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 2px 6px #0000000a}.accordion-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.accordion-name{color:#1e293b;font-size:15px;font-weight:700}.accordion-meta{color:#64748b;font-size:12px;font-weight:500}.accordion-right{align-items:center;gap:16px;display:flex}.accordion-avatars{margin-right:8px;display:flex}.accordion-avatar{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:11px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.accordion-avatar:first-child{margin-left:0}.accordion-avatar img{object-fit:cover;width:100%;height:100%}.accordion-avatar.more{font-size:10px;font-weight:600}.accordion-arrow{color:#94a3b8;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.accordion-arrow.expanded{color:#64748b;transform:rotate(180deg)}.accordion-content{padding:0 24px 20px 82px;animation:.3s cubic-bezier(.4,0,.2,1) slideDown}.accordion-personnel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.accordion-drop-hint{border:2px dashed;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:16px;font-size:13px;font-weight:600;animation:1.5s ease-in-out infinite pulse;display:flex}@media (max-width:1024px){.org-chart-container{padding:24px}.departments-grid{gap:16px}.org-dept-card{min-width:200px}}@media (max-width:768px){.org-info-banner{text-align:center;flex-direction:column;gap:12px}.org-info-banner .banner-stats{justify-content:center;width:100%}.org-toolbar{flex-direction:column;gap:12px}.org-view-toggle{width:100%}.org-view-toggle button{flex:1;justify-content:center}.org-bulk-add-btn{justify-content:center;width:100%}.departments-grid{flex-direction:column;align-items:center}.horizontal-connector:after{display:none}.org-legend{gap:12px;padding:12px 16px}.org-legend .legend-items{flex-wrap:wrap;gap:12px}}.org-tree-wrapper{position:relative}.org-tree-loading-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#ffffffd9;border-radius:20px;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}.org-tree-loading-overlay .loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (prefers-color-scheme:dark){.org-tree-v2{color:#f1f5f9}.org-chart-container{background:#1e293b;border-color:#334155}.chart-grid-bg{background-image:radial-gradient(circle,#475569 .7px,#0000 .7px)}.org-personnel-card{background:#1e293b;border-color:#334155}.org-personnel-card.hovered{background:#334155}.card-name{color:#f1f5f9}.org-dept-card{background:#1e293b}.dept-name{color:#f1f5f9}.org-legend{background:#1e293b;border-color:#334155}.org-tree-loading-overlay{background:#1e293bd9}.org-tree-loading-overlay .loading-spinner{border-color:#3b82f6 #475569 #475569}}:root{--apple-blue:#007aff;--apple-blue-hover:#0056cc;--apple-blue-active:#004aad;--apple-blue-light:#007aff1a;--apple-green:#34c759;--apple-green-hover:#2db24d;--apple-green-light:#34c7591a;--apple-red:#ff3b30;--apple-red-hover:#e6352b;--apple-red-light:#ff3b301a;--apple-orange:#ff9500;--apple-orange-hover:#e68600;--apple-orange-light:#ff95001a;--apple-yellow:#fc0;--apple-yellow-light:#ffcc001a;--apple-purple:#af52de;--apple-purple-light:#af52de1a;--apple-pink:#ff2d55;--apple-teal:#5ac8fa;--apple-indigo:#5856d6;--apple-gray-1:#8e8e93;--apple-gray-2:#aeaeb2;--apple-gray-3:#c7c7cc;--apple-gray-4:#d1d1d6;--apple-gray-5:#e5e5ea;--apple-gray-6:#f2f2f7;--apple-text-primary:#000;--apple-text-secondary:#3c3c4399;--apple-text-tertiary:#3c3c434d;--apple-text-placeholder:#3c3c434d;--apple-bg-primary:#fff;--apple-bg-secondary:#f2f2f7;--apple-bg-tertiary:#fff;--apple-bg-grouped:#f2f2f7;--apple-separator:#3c3c431f;--apple-separator-opaque:#c6c6c8;--apple-shadow-sm:0 1px 2px #0000000a;--apple-shadow-md:0 2px 8px #00000014,0 1px 2px #0000000a;--apple-shadow-lg:0 4px 16px #0000001f,0 2px 4px #0000000f;--apple-shadow-xl:0 8px 32px #00000029,0 4px 8px #00000014;--apple-radius-sm:6px;--apple-radius-md:10px;--apple-radius-lg:14px;--apple-radius-xl:20px;--apple-radius-full:9999px;--apple-spacing-xs:4px;--apple-spacing-sm:8px;--apple-spacing-md:16px;--apple-spacing-lg:24px;--apple-spacing-xl:32px;--apple-spacing-2xl:48px;--apple-font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--apple-font-size-xs:11px;--apple-font-size-sm:13px;--apple-font-size-md:15px;--apple-font-size-lg:17px;--apple-font-size-xl:20px;--apple-font-size-2xl:22px;--apple-font-size-3xl:28px;--apple-font-size-4xl:34px;--apple-font-regular:400;--apple-font-medium:500;--apple-font-semibold:600;--apple-font-bold:700;--apple-line-height-tight:1.2;--apple-line-height-normal:1.4;--apple-line-height-relaxed:1.6;--apple-transition-fast:.15s ease;--apple-transition-normal:.2s ease;--apple-transition-smooth:.3s cubic-bezier(.4,0,.2,1);--apple-transition-bounce:.4s cubic-bezier(.34,1.56,.64,1)}.apple-large-title{font-family:var(--apple-font-family);font-size:var(--apple-font-size-4xl);font-weight:var(--apple-font-bold);line-height:var(--apple-line-height-tight);letter-spacing:-.4px;color:var(--apple-text-primary)}.apple-title-1{font-family:var(--apple-font-family);font-size:var(--apple-font-size-3xl);font-weight:var(--apple-font-bold);line-height:var(--apple-line-height-tight);letter-spacing:-.2px;color:var(--apple-text-primary)}.apple-title-2{font-family:var(--apple-font-family);font-size:var(--apple-font-size-2xl);font-weight:var(--apple-font-bold);line-height:var(--apple-line-height-tight);color:var(--apple-text-primary)}.apple-title-3{font-family:var(--apple-font-family);font-size:var(--apple-font-size-xl);font-weight:var(--apple-font-semibold);line-height:var(--apple-line-height-tight);color:var(--apple-text-primary)}.apple-headline{font-family:var(--apple-font-family);font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-semibold);line-height:var(--apple-line-height-normal);color:var(--apple-text-primary)}.apple-body{font-family:var(--apple-font-family);font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-regular);line-height:var(--apple-line-height-relaxed);color:var(--apple-text-primary)}.apple-callout{font-family:var(--apple-font-family);font-size:var(--apple-font-size-md);font-weight:var(--apple-font-regular);line-height:var(--apple-line-height-normal);color:var(--apple-text-primary)}.apple-subheadline{font-family:var(--apple-font-family);font-size:var(--apple-font-size-md);font-weight:var(--apple-font-regular);line-height:var(--apple-line-height-normal);color:var(--apple-text-secondary)}.apple-footnote{font-family:var(--apple-font-family);font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-regular);line-height:var(--apple-line-height-normal);color:var(--apple-text-secondary)}.apple-caption-1{font-family:var(--apple-font-family);font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-regular);line-height:var(--apple-line-height-normal);color:var(--apple-text-secondary)}.apple-caption-2{font-family:var(--apple-font-family);font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-medium);line-height:var(--apple-line-height-normal);color:var(--apple-text-tertiary)}.apple-card{background:var(--apple-bg-primary);border-radius:var(--apple-radius-lg);box-shadow:var(--apple-shadow-md);padding:var(--apple-spacing-lg);transition:box-shadow var(--apple-transition-normal)}.apple-card:hover{box-shadow:var(--apple-shadow-lg)}.apple-card-flat{background:var(--apple-bg-primary);border-radius:var(--apple-radius-lg);border:1px solid var(--apple-separator);padding:var(--apple-spacing-lg)}.apple-card-grouped{background:var(--apple-bg-primary);border-radius:var(--apple-radius-md);overflow:hidden}.apple-card-grouped .apple-card-row{padding:var(--apple-spacing-md)var(--apple-spacing-lg);border-bottom:1px solid var(--apple-separator);justify-content:space-between;align-items:center;display:flex}.apple-card-grouped .apple-card-row:last-child{border-bottom:none}.apple-button{font-family:var(--apple-font-family);font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-semibold);border-radius:var(--apple-radius-md);cursor:pointer;transition:all var(--apple-transition-fast);justify-content:center;align-items:center;gap:var(--apple-spacing-sm);white-space:nowrap;border:none;padding:12px 24px;text-decoration:none;display:inline-flex}.apple-button:disabled{opacity:.5;cursor:not-allowed}.apple-button-primary{background:var(--apple-blue);color:#fff}.apple-button-primary:hover:not(:disabled){background:var(--apple-blue-hover)}.apple-button-primary:active:not(:disabled){background:var(--apple-blue-active);transform:scale(.98)}.apple-button-secondary{background:var(--apple-blue-light);color:var(--apple-blue)}.apple-button-secondary:hover:not(:disabled){background:#007aff26}.apple-button-destructive{background:var(--apple-red);color:#fff}.apple-button-destructive:hover:not(:disabled){background:var(--apple-red-hover)}.apple-button-ghost{color:var(--apple-blue);background:0 0}.apple-button-ghost:hover:not(:disabled){background:var(--apple-blue-light)}.apple-button-success{background:var(--apple-green);color:#fff}.apple-button-success:hover:not(:disabled){background:var(--apple-green-hover)}.apple-button-sm{font-size:var(--apple-font-size-sm);border-radius:var(--apple-radius-sm);padding:8px 16px}.apple-button-lg{font-size:var(--apple-font-size-xl);border-radius:var(--apple-radius-lg);padding:16px 32px}.apple-button-block{width:100%}.apple-button-icon{border-radius:var(--apple-radius-full);background:var(--apple-gray-6);width:44px;height:44px;color:var(--apple-text-primary);padding:0}.apple-button-icon:hover:not(:disabled){background:var(--apple-gray-5)}.apple-toggle{flex-shrink:0;width:51px;height:31px;display:inline-block;position:relative}.apple-toggle input{opacity:0;width:0;height:0;position:absolute}.apple-toggle-slider{cursor:pointer;background-color:var(--apple-gray-4);transition:all var(--apple-transition-smooth);border-radius:31px;position:absolute;inset:0}.apple-toggle-slider:before{content:"";width:27px;height:27px;transition:all var(--apple-transition-smooth);background-color:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.apple-toggle input:checked+.apple-toggle-slider{background-color:var(--apple-green)}.apple-toggle input:checked+.apple-toggle-slider:before{transform:translate(20px)}.apple-toggle input:disabled+.apple-toggle-slider{opacity:.5;cursor:not-allowed}.apple-toggle-blue input:checked+.apple-toggle-slider{background-color:var(--apple-blue)}.apple-toggle-orange input:checked+.apple-toggle-slider{background-color:var(--apple-orange)}.apple-input{font-family:var(--apple-font-family);font-size:var(--apple-font-size-lg);border:1px solid var(--apple-separator-opaque);border-radius:var(--apple-radius-md);background:var(--apple-bg-primary);color:var(--apple-text-primary);width:100%;transition:all var(--apple-transition-fast);outline:none;padding:12px 16px}.apple-input::placeholder{color:var(--apple-text-placeholder)}.apple-input:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px var(--apple-blue-light)}.apple-input:disabled{background:var(--apple-gray-6);opacity:.6;cursor:not-allowed}.apple-input-error{border-color:var(--apple-red)}.apple-input-error:focus{box-shadow:0 0 0 3px var(--apple-red-light)}.apple-textarea{font-family:var(--apple-font-family);font-size:var(--apple-font-size-lg);border:1px solid var(--apple-separator-opaque);border-radius:var(--apple-radius-md);background:var(--apple-bg-primary);color:var(--apple-text-primary);resize:vertical;width:100%;min-height:120px;transition:all var(--apple-transition-fast);outline:none;padding:12px 16px}.apple-textarea:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px var(--apple-blue-light)}.apple-select{font-family:var(--apple-font-family);font-size:var(--apple-font-size-lg);border:1px solid var(--apple-separator-opaque);border-radius:var(--apple-radius-md);background:var(--apple-bg-primary);color:var(--apple-text-primary);cursor:pointer;appearance:none;width:100%;transition:all var(--apple-transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238E8E93' d='M6 8.5L1.5 4h9L6 8.5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;outline:none;padding:12px 40px 12px 16px}.apple-select:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px var(--apple-blue-light)}.apple-segmented{background:var(--apple-gray-6);border-radius:var(--apple-radius-md);gap:2px;padding:2px;display:inline-flex}.apple-segmented-item{font-family:var(--apple-font-family);font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-medium);border-radius:calc(var(--apple-radius-md) - 2px);color:var(--apple-text-primary);cursor:pointer;transition:all var(--apple-transition-fast);white-space:nowrap;background:0 0;border:none;padding:8px 16px}.apple-segmented-item:hover:not(.active){background:var(--apple-gray-5)}.apple-segmented-item.active{background:var(--apple-bg-primary);box-shadow:var(--apple-shadow-sm)}.apple-badge{font-family:var(--apple-font-family);font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-semibold);border-radius:var(--apple-radius-full);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.apple-badge-blue{background:var(--apple-blue-light);color:var(--apple-blue)}.apple-badge-green{background:var(--apple-green-light);color:var(--apple-green)}.apple-badge-red{background:var(--apple-red-light);color:var(--apple-red)}.apple-badge-orange{background:var(--apple-orange-light);color:var(--apple-orange)}.apple-badge-gray{background:var(--apple-gray-5);color:var(--apple-gray-1)}.apple-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.apple-status-dot-green{background:var(--apple-green);box-shadow:0 0 8px #34c75980}.apple-status-dot-red{background:var(--apple-red)}.apple-status-dot-orange{background:var(--apple-orange)}.apple-status-dot-gray{background:var(--apple-gray-3)}.apple-list{background:var(--apple-bg-primary);border-radius:var(--apple-radius-lg);overflow:hidden}.apple-list-item{padding:var(--apple-spacing-md)var(--apple-spacing-lg);border-bottom:1px solid var(--apple-separator);transition:background var(--apple-transition-fast);align-items:center;display:flex}.apple-list-item:last-child{border-bottom:none}.apple-list-item:hover{background:var(--apple-gray-6)}.apple-list-item-content{flex:1;min-width:0}.apple-list-item-title{font-weight:var(--apple-font-medium);color:var(--apple-text-primary);margin:0}.apple-list-item-subtitle{font-size:var(--apple-font-size-sm);color:var(--apple-text-secondary);margin:4px 0 0}.apple-list-item-accessory{margin-left:var(--apple-spacing-md);color:var(--apple-gray-3)}.apple-alert{font-family:var(--apple-font-family);font-size:var(--apple-font-size-md);padding:var(--apple-spacing-md)var(--apple-spacing-lg);border-radius:var(--apple-radius-md);align-items:flex-start;gap:var(--apple-spacing-sm);display:flex}.apple-alert-info{background:var(--apple-blue-light);color:var(--apple-blue)}.apple-alert-success{background:var(--apple-green-light);color:var(--apple-green)}.apple-alert-warning{background:var(--apple-orange-light);color:var(--apple-orange)}.apple-alert-error{background:var(--apple-red-light);color:var(--apple-red)}.apple-progress{background:var(--apple-gray-5);border-radius:var(--apple-radius-full);height:4px;overflow:hidden}.apple-progress-bar{background:var(--apple-blue);border-radius:var(--apple-radius-full);height:100%;transition:width var(--apple-transition-smooth)}.apple-progress-bar-green{background:var(--apple-green)}.apple-progress-bar-orange{background:var(--apple-orange)}.apple-progress-bar-red{background:var(--apple-red)}.apple-spinner{border:2px solid var(--apple-gray-5);border-top-color:var(--apple-blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite apple-spin}.apple-spinner-white{border-color:#fff #ffffff4d #ffffff4d}.apple-modal-overlay{z-index:1000;padding:var(--apple-spacing-lg);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.apple-modal{background:var(--apple-bg-primary);border-radius:var(--apple-radius-xl);box-shadow:var(--apple-shadow-xl);flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:hidden}.apple-modal-header{padding:var(--apple-spacing-lg);border-bottom:1px solid var(--apple-separator);justify-content:space-between;align-items:center;display:flex}.apple-modal-body{padding:var(--apple-spacing-lg);overflow-y:auto}.apple-modal-footer{padding:var(--apple-spacing-lg);border-top:1px solid var(--apple-separator);gap:var(--apple-spacing-sm);justify-content:flex-end;display:flex}.apple-empty-state{text-align:center;padding:var(--apple-spacing-2xl)}.apple-empty-state-icon{margin-bottom:var(--apple-spacing-md);opacity:.5;font-size:48px}.apple-empty-state-title{font-size:var(--apple-font-size-xl);font-weight:var(--apple-font-semibold);color:var(--apple-text-primary);margin:0 0 var(--apple-spacing-sm)0}.apple-empty-state-description{font-size:var(--apple-font-size-md);color:var(--apple-text-secondary);margin:0 0 var(--apple-spacing-lg)0}.apple-section-header{padding:var(--apple-spacing-sm)var(--apple-spacing-lg);font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-regular);color:var(--apple-text-secondary);text-transform:uppercase;letter-spacing:.5px}.apple-divider{background:var(--apple-separator);height:1px;margin:var(--apple-spacing-md)0}.apple-divider-inset{margin-left:var(--apple-spacing-lg)}.apple-avatar{background:var(--apple-gray-5);width:40px;height:40px;font-weight:var(--apple-font-semibold);color:var(--apple-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.apple-avatar-sm{width:32px;height:32px;font-size:var(--apple-font-size-sm)}.apple-avatar-lg{width:56px;height:56px;font-size:var(--apple-font-size-xl)}.apple-avatar img{object-fit:cover;width:100%;height:100%}.apple-text-blue{color:var(--apple-blue)}.apple-text-green{color:var(--apple-green)}.apple-text-red{color:var(--apple-red)}.apple-text-orange{color:var(--apple-orange)}.apple-text-secondary{color:var(--apple-text-secondary)}.apple-text-tertiary{color:var(--apple-text-tertiary)}.apple-bg-blue{background:var(--apple-blue-light)}.apple-bg-green{background:var(--apple-green-light)}.apple-bg-red{background:var(--apple-red-light)}.apple-bg-orange{background:var(--apple-orange-light)}.apple-bg-gray{background:var(--apple-gray-6)}.apple-flex{display:flex}.apple-flex-col{flex-direction:column}.apple-items-center{align-items:center}.apple-justify-center{justify-content:center}.apple-justify-between{justify-content:space-between}.apple-gap-xs{gap:var(--apple-spacing-xs)}.apple-gap-sm{gap:var(--apple-spacing-sm)}.apple-gap-md{gap:var(--apple-spacing-md)}.apple-gap-lg{gap:var(--apple-spacing-lg)}.apple-mt-sm{margin-top:var(--apple-spacing-sm)}.apple-mt-md{margin-top:var(--apple-spacing-md)}.apple-mt-lg{margin-top:var(--apple-spacing-lg)}.apple-mb-sm{margin-bottom:var(--apple-spacing-sm)}.apple-mb-md{margin-bottom:var(--apple-spacing-md)}.apple-mb-lg{margin-bottom:var(--apple-spacing-lg)}.apple-text-center{text-align:center}.apple-text-right{text-align:right}.apple-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shift-editor-v2 *{box-sizing:border-box}.shift-editor-v2.full-width .timeline-24h{margin-left:0;margin-right:0}.shift-editor-v2.full-width .shifts-grid-v2{padding-left:0;padding-right:0}.shift-editor-v2.full-width .shifts-empty-state{min-height:calc(100vh - 100px)}.breadcrumb-tabs{background:var(--apple-bg-primary);border-bottom:1px solid var(--apple-separator);align-items:center;gap:8px;padding:16px 24px;display:flex}.breadcrumb-tab{background:var(--apple-bg-tertiary);color:var(--apple-text-secondary);cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.breadcrumb-tab svg{width:18px;height:18px}.breadcrumb-tab:hover{background:var(--apple-gray-5)}.breadcrumb-tab.active{background:var(--apple-blue);color:#fff;border-color:var(--apple-blue)}.breadcrumb-tab.active svg{stroke:#fff}.breadcrumb-spacer{flex:1}.unassigned-badge-compact{background:var(--apple-orange-light);border-radius:var(--apple-radius-full);color:var(--apple-orange);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.unassigned-badge-compact svg{color:var(--apple-orange);width:14px;height:14px}.header-add-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-add-btn svg{width:20px;height:20px}.header-add-btn:hover{background:#3a7ac9;transform:scale(1.05)}.header-add-btn:active{transform:scale(.95)}.shifts-empty-state{background:#fff;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:48px 24px;display:flex}.shifts-empty-state .empty-state-content{text-align:center;background:#f5f5f7;border-radius:20px;flex-direction:column;align-items:center;max-width:400px;padding:48px 24px;display:flex}.shifts-empty-state .empty-state-icon{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.shifts-empty-state .empty-state-icon svg{color:#4a90d9;opacity:1}.shifts-empty-state h2{color:#1d1d1f;letter-spacing:-.3px;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:22px;font-weight:600}.shifts-empty-state p{color:#86868b;margin:0 0 28px;font-size:15px;line-height:1.5}.shifts-empty-state .empty-state-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:980px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.shifts-empty-state .empty-state-btn svg{width:18px;height:18px}.shifts-empty-state .empty-state-btn:hover{background:#3a7bc8;transform:translateY(-1px);box-shadow:0 4px 12px #4a90d94d}.shifts-empty-state .empty-state-btn:active{transform:scale(.97)}.list-header{padding:var(--apple-spacing-md)var(--apple-spacing-lg);background:var(--apple-bg-primary);border-bottom:1px solid var(--apple-separator);justify-content:space-between;align-items:flex-start;display:flex}.list-header h1{font-size:var(--apple-font-size-2xl);font-weight:var(--apple-font-bold);color:var(--apple-text-primary);letter-spacing:-.4px;margin:0}.list-header p{font-size:var(--apple-font-size-sm);color:var(--apple-text-secondary);font-weight:var(--apple-font-regular);margin:2px 0 0}.list-header .header-actions{align-items:center;gap:var(--apple-spacing-sm);display:flex}.unassigned-badge{background:var(--apple-orange-light);border-radius:var(--apple-radius-full);font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-semibold);color:var(--apple-orange);align-items:center;gap:6px;padding:8px 14px;display:flex}.unassigned-badge svg{color:var(--apple-orange);width:14px;height:14px}.create-btn{border-radius:var(--apple-radius-full);font-size:var(--apple-font-size-md);padding:10px 20px}.create-btn svg{width:16px;height:16px}.stats-row{align-items:center;gap:var(--apple-spacing-md);padding:var(--apple-spacing-sm)var(--apple-spacing-lg);background:var(--apple-bg-primary);border-bottom:1px solid var(--apple-separator);display:flex}.stats-row .stat-item{flex-direction:column;align-items:center;gap:1px;display:flex}.stats-row .stat-num{font-size:var(--apple-font-size-xl);font-weight:var(--apple-font-bold);color:var(--apple-blue);font-variant-numeric:tabular-nums}.stats-row .stat-num.green{color:var(--apple-green)}.stats-row .stat-num.orange{color:var(--apple-orange)}.stats-row .stat-txt{font-size:10px;font-weight:var(--apple-font-medium);color:var(--apple-text-secondary);text-transform:uppercase;letter-spacing:.3px}.stats-row .stat-sep{background:var(--apple-separator);width:1px;height:28px}.timeline-24h{box-shadow:none;background:#f5f5f7;border:none;border-radius:20px;margin:0 0 20px;padding:24px}.timeline-24h .timeline-header-row{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.timeline-24h .timeline-label{background:#fff;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.timeline-24h .timeline-label .shift-svg-icon-wrapper svg{stroke:#4a90d9;width:22px;height:22px}.timeline-24h .timeline-title{color:#1d1d1f;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.timeline-24h .timeline-body{position:relative}.timeline-24h .timeline-hours-row{margin-bottom:var(--apple-spacing-sm);justify-content:space-between;padding:0 2px;display:flex}.timeline-24h .hour-mark{color:var(--apple-text-tertiary);font-size:10px;font-weight:var(--apple-font-medium);font-variant-numeric:tabular-nums}.timeline-24h .timeline-bars{background:var(--apple-gray-6);border-radius:var(--apple-radius-sm);min-height:42px;position:relative}.timeline-24h .grid-line{background:var(--apple-separator);width:1px;position:absolute;top:0;bottom:0}.timeline-24h .grid-line.major{background:var(--apple-separator-opaque)}.timeline-24h .timeline-bar{border-radius:var(--apple-radius-sm);cursor:pointer;z-index:2;height:32px;transition:var(--apple-transition-fast);align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute}.timeline-24h .timeline-bar:hover{box-shadow:var(--apple-shadow-md);transform:scaleY(1.05)}.timeline-24h .timeline-bar.wrap{z-index:1}.timeline-24h .bar-icon{flex-shrink:0;font-size:14px}.timeline-24h .bar-name{font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-semibold);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-24h .bar-count{font-size:10px;font-weight:var(--apple-font-semibold);color:#ffffffe6;border-radius:var(--apple-radius-sm);white-space:nowrap;background:#fff3;margin-left:auto;padding:3px 8px}.shifts-grid-v2{grid-template-columns:repeat(2,1fr);gap:20px;padding:0;display:grid}@media (max-width:900px){.shifts-grid-v2{grid-template-columns:1fr}}.shift-card-wrapper{animation:.4s ease-out backwards fadeUp}.shift-card-v2{border:2px solid var(--shift-color,#d2d2d780);cursor:pointer;background:#fff;border-radius:18px;padding:0;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.shift-card-v2.hovered{box-shadow:0 8px 24px var(--shift-color,#000);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.shift-card-v2.hovered{box-shadow:0 8px 24px color-mix(in srgb,var(--shift-color,#000)15%,transparent)}}.shift-card-v2.hovered{border-color:var(--shift-color,#d1d5db)}.shift-card-v2 .shift-card-content{padding:16px 20px}.shift-card-v2 .shift-card-header{margin-bottom:var(--apple-spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.shift-card-v2 .shift-card-title{align-items:center;gap:var(--apple-spacing-sm);display:flex}.shift-card-v2 .shift-icon-box{border:1.5px solid var(--shift-color,#4a90d9);background:#f5f5f7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.shift-card-v2 .shift-icon-box .shift-svg-icon-wrapper svg{width:22px;height:22px;stroke:var(--shift-color,#4a90d9)}.shift-card-v2 .shift-name-wrap h3{font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-semibold);color:var(--apple-text-primary);margin:0}.shift-card-v2 .shift-name-wrap .shift-desc{font-size:var(--apple-font-size-sm);color:var(--apple-text-secondary);font-weight:var(--apple-font-regular);text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:2px 0 0;overflow:hidden}.shift-card-v2 .shift-card-actions{opacity:0;transition:var(--apple-transition-fast);gap:6px;display:flex}.shift-card-v2.hovered .shift-card-actions{opacity:1}.shift-card-v2 .action-btn{width:32px;height:32px}.shift-card-v2 .action-btn.delete:hover{background:var(--apple-red-light);color:var(--apple-red)}.shift-card-v2 .shift-time-box{padding:var(--apple-spacing-sm)var(--apple-spacing-md);background:var(--apple-gray-6);border-radius:var(--apple-radius-md);margin-bottom:var(--apple-spacing-sm);justify-content:space-between;align-items:center;display:flex}.shift-card-v2 .shift-time-box .time-range{font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-semibold);color:var(--apple-text-primary);font-variant-numeric:tabular-nums}.shift-card-v2 .shift-time-box .time-duration{font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-medium);color:var(--apple-text-secondary);background:var(--apple-bg-primary);border-radius:var(--apple-radius-sm);padding:4px 10px}.shift-card-v2 .shift-days-row{margin-bottom:var(--apple-spacing-sm);gap:4px;display:flex}.shift-card-v2 .day-badge{border-radius:var(--apple-radius-sm);background:var(--apple-gray-6);width:32px;height:26px;color:var(--apple-text-tertiary);font-size:10px;font-weight:var(--apple-font-semibold);justify-content:center;align-items:center;display:flex}.shift-card-v2 .day-badge.active{background:var(--apple-blue);color:#fff}.shift-card-v2 .shift-footer{justify-content:space-between;align-items:center;display:flex}.shift-card-v2 .capacity-indicator{align-items:center;gap:6px;display:flex}.shift-card-v2 .capacity-indicator .capacity-icon{font-size:14px}.shift-card-v2 .capacity-indicator .capacity-text{font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-semibold)}.shift-card-v2 .capacity-indicator .capacity-text.ok{color:var(--apple-green)}.shift-card-v2 .capacity-indicator .capacity-text.warn{color:var(--apple-orange)}.shift-card-v2 .assigned-avatars{align-items:center;display:flex}.shift-card-v2 .avatar-sm{border-radius:var(--apple-radius-sm);width:28px;height:28px;font-size:10px;font-weight:var(--apple-font-semibold);border:2px solid var(--apple-bg-primary);background:var(--apple-gray-5);color:var(--apple-text-secondary);justify-content:center;align-items:center;margin-left:-6px;display:flex;overflow:hidden}.shift-card-v2 .avatar-sm:first-child{margin-left:0}.shift-card-v2 .avatar-sm img{object-fit:cover;width:100%;height:100%}.shift-card-v2 .avatar-more{font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-semibold);color:var(--apple-text-secondary);margin-left:6px}.preview-card-grid{cursor:pointer;box-shadow:none;background:#f5f5f7;border:none;border-radius:20px;padding:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.preview-card-grid:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.preview-card-grid:hover .preview-card-actions{opacity:1}.preview-card-grid .preview-card-actions{opacity:0;z-index:5;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:16px;right:16px}.preview-card-grid .action-btn{cursor:pointer;color:#86868b;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001a}.preview-card-grid .action-btn:hover{color:#1d1d1f;background:#fff;transform:scale(1.05)}.preview-card-grid .action-btn.delete:hover{color:#ef4444;background:#fef2f2}.preview-card-grid .preview-body{padding:24px}.preview-card-grid .preview-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.preview-card-grid .preview-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex}.preview-card-grid .preview-icon .shift-svg-icon-wrapper svg{width:22px;height:22px}.preview-card-grid h4{color:#1d1d1f;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:17px;font-weight:600}.preview-card-grid .preview-desc{color:#86868b;margin:4px 0 0;font-size:14px;font-weight:400}.preview-card-grid .preview-time{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.preview-card-grid .preview-time .prev-time-range{color:#1d1d1f;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.preview-card-grid .preview-time .prev-time-dur{color:#86868b;background:#f5f5f7;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:500}.preview-card-grid .preview-stats{grid-template-columns:1fr 1fr 1fr auto;align-items:stretch;gap:8px;margin-bottom:12px;display:grid}.preview-card-grid .stat-box{text-align:center;background:#f5f5f7;border-radius:10px;padding:10px 8px}.preview-card-grid .stat-box .stat-lbl{color:#86868b;font-size:11px;font-weight:500;display:block}.preview-card-grid .stat-box .stat-val{color:#1e293b;margin-top:2px;font-size:14px;font-weight:600;display:block}.preview-card-grid .stat-box .stat-val.green{color:#22c55e}.preview-card-grid .feature-indicators{background:#f5f5f7;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.preview-card-grid .feature-icon{opacity:.35;filter:grayscale();cursor:help;background:#e5e5ea;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .2s;display:flex}.preview-card-grid .feature-icon.active{opacity:1;filter:grayscale(0);background:#eff6ff}.preview-card-grid .mini-timeline{margin-top:0}.preview-card-grid .mini-track{background:#f5f5f7;border-radius:8px;height:20px;position:relative;overflow:hidden}.preview-card-grid .mini-bar{height:100%;position:absolute}.preview-card-grid .mini-break-bar{z-index:2;border-radius:4px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.preview-card-grid .mini-break-bar.meal{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 1px 4px #ff950066}.preview-card-grid .mini-break-bar.regular{background:linear-gradient(90deg,#8b5cf6,#a78bfa);box-shadow:0 1px 4px #af52de66}.preview-card-grid .mini-labels{justify-content:space-between;margin-top:6px;display:flex}.preview-card-grid .mini-labels span{color:#86868b;font-size:9px;font-weight:500}.add-card{cursor:pointer;background:0 0;border:2px dashed #d2d2d7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:24px;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.add-card:hover{background:#4a90d90d;border-color:#4a90d9}.add-card:hover .add-icon{color:#fff;background:#4a90d9;border-color:#4a90d9}.add-card:hover span{color:#4a90d9}.add-card .add-icon{color:#86868b;background:#f5f5f7;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.add-card span{color:#86868b;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.empty-state-v2{grid-column:1/-1}.delete-banner{border-radius:var(--apple-radius-lg);margin:var(--apple-spacing-md)var(--apple-spacing-lg);animation:.3s ease-out fadeUp}.delete-banner .delete-banner-content{align-items:flex-start;gap:var(--apple-spacing-md);width:100%;display:flex}.delete-banner .delete-banner-icon{flex-shrink:0;font-size:24px}.delete-banner .delete-banner-text{flex:1}.delete-banner .delete-banner-text h4{font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-semibold);margin:0}.delete-banner .delete-banner-text p{font-size:var(--apple-font-size-sm);margin:6px 0 0;line-height:1.5}.delete-banner .delete-banner-text p strong{font-weight:var(--apple-font-semibold)}.delete-banner .delete-banner-employees{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.delete-banner .delete-banner-actions{gap:var(--apple-spacing-sm);margin-top:var(--apple-spacing-md);display:flex}.shift-form-page{height:100vh;animation:.35s ease-out fadeUp;display:flex;overflow:hidden}.form-panel{background:#fff;border-right:1px solid #e5e7eb99;flex:55%;padding:24px;overflow-y:auto}.preview-panel{background:#f9fafb;flex:45%;padding:24px;overflow-y:auto}.shift-form-page-single{background:#f9fafb;min-height:100vh;animation:.35s ease-out fadeUp}.form-panel-single{max-width:680px;margin:0 auto;padding:24px}.form-page-header-single{background:#fff;border-bottom:1px solid #e5e7eb99;align-items:center;gap:16px;margin:-24px -24px 24px;padding:20px 24px;display:flex}.form-page-header-single .header-text{flex:1}.form-page-header-single .header-text h1{color:#1e293b;margin:0;font-size:22px;font-weight:600}.form-page-header-single .header-text p{color:#64748b;margin:2px 0 0;font-size:14px}.form-page-header-single .back-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #d2d2d799;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.form-page-header-single .back-btn:hover{color:#1e293b;background:#f5f5f7}.shift-form-page-two-col{background:#f9fafb;min-height:100vh;animation:.35s ease-out fadeUp}.shift-form-page-two-col.no-header .form-two-col-layout{padding-top:16px}.form-two-col-layout{grid-template-columns:1fr 1fr;gap:16px;max-width:1400px;margin:0 auto;padding:16px;display:grid}@media (max-width:1024px){.form-two-col-layout{grid-template-columns:1fr}}.form-col-left,.form-col-right{flex-direction:column;gap:12px;display:flex}.shift-name-card,.description-card{box-shadow:none;background:#f5f5f7;border:none;border-radius:20px;overflow:hidden}:is(.shift-name-card,.description-card) .card-header{background:0 0;border-bottom:none;padding:14px 20px}:is(.shift-name-card,.description-card) .card-header h3{color:#1e293b;margin:0;font-size:14px;font-weight:600}:is(.shift-name-card,.description-card) .card-header.with-actions{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-left{align-items:center;gap:10px;display:flex}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-left .back-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #d2d2d799;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-left .back-btn:hover{color:#1e293b;background:#f5f5f7}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-left .back-btn svg{width:16px;height:16px}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-left h3{font-size:14px}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-actions{align-items:center;gap:6px;display:flex}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-actions .btn-secondary-sm{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #d2d2d799;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-actions .btn-secondary-sm:hover{color:#1e293b;background:#f5f5f7;border-color:#d2d2d7cc}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-actions .btn-primary-sm{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-actions .btn-primary-sm:hover{filter:brightness(1.1)}:is(.shift-name-card,.description-card) .card-header.with-actions .card-header-actions .btn-primary-sm svg{width:12px;height:12px}:is(.shift-name-card,.description-card) .form-section{margin-bottom:12px;padding:0 20px}:is(.shift-name-card,.description-card) .form-section:first-child{padding-top:4px}:is(.shift-name-card,.description-card) .form-section:last-child{margin-bottom:0;padding-bottom:20px}:is(.shift-name-card,.description-card) .form-row-2{margin-bottom:12px;padding:0 20px}:is(.shift-name-card,.description-card) .form-row-2 .form-section{margin-bottom:0;padding:0}:is(.shift-name-card,.description-card) .duration-info{margin:0 20px 12px}:is(.shift-name-card,.description-card) .overlap-warning{margin:0 20px 20px}.description-card .form-section{margin:0;padding:0 20px 20px}.description-card .form-textarea{resize:vertical;background:#fff;border-radius:12px;min-height:100px}.form-page-header{border-bottom:1px solid #e5e7eb99;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.form-page-header .header-icon{background:#f5f5f7;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.form-page-header .header-icon .shift-svg-icon-wrapper svg{stroke:#4a90d9;width:22px;height:22px}.form-page-header h1{color:#1e293b;margin:0;font-size:20px;font-weight:600}.form-page-header p{color:#64748b;margin:2px 0 0;font-size:14px;font-weight:400}.back-btn{cursor:pointer;color:#4a90d9;background:#f5f5f7;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.back-btn:hover{background:#ebebed}.form-section{margin-bottom:20px}.form-section-card{background:#fff;border:1px solid #d2d2d780;border-radius:24px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.form-section-card .form-section-header{border-bottom:1px solid #e5e7eb99;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.form-section-card .form-section-header .section-icon{background:#f5f5f7;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.form-section-card .form-section-header .section-icon svg{stroke:#4a90d9;width:22px;height:22px}.form-section-card .form-section-header .section-title h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.form-section-card .form-section-header .section-title p{color:#64748b;margin:2px 0 0;font-size:13px}.form-section-card .form-section-content{padding:20px 24px 24px}.form-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.form-label .required{color:#ef4444}.sub-label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:400;display:block}.form-input,.form-textarea{color:#1e293b;background:#fff;border:1px solid #d2d2d7cc;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}:is(.form-input,.form-textarea)::placeholder{color:#94a3b8}:is(.form-input,.form-textarea):focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d91f}:is(.form-input,.form-textarea).error{border-color:#ef4444}:is(.form-input,.form-textarea).error:focus{box-shadow:0 0 0 3px #ef44441f}:is(.form-input,.form-textarea).sm{text-align:center;width:90px;padding:12px;font-size:15px}.form-textarea{resize:vertical;min-height:80px}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.error-text{color:#ef4444;margin-top:6px;font-size:13px;font-weight:400;display:block}.preset-buttons{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.preset-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d2d2d780;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.preset-btn .preset-dot{background:var(--preset-color);border-radius:100%;width:8px;height:8px}.preset-btn.active,.preset-btn:hover{background:var(--preset-color);color:#fff}:is(.preset-btn.active,.preset-btn:hover) .preset-dot{background:#fff}.name-row{align-items:center;gap:12px;display:flex}.color-picker-inline{cursor:pointer;background:0 0;border:none;border-radius:16px;flex-shrink:0;width:52px;height:52px;padding:0}.color-picker-inline::-webkit-color-swatch-wrapper{padding:0}.color-picker-inline::-webkit-color-swatch{border:2px solid #d2d2d7cc;border-radius:16px}.color-picker-inline::-moz-color-swatch{border:2px solid #d2d2d7cc;border-radius:16px}.color-picker-inline:hover::-webkit-color-swatch{border-color:#4a90d9}.color-picker-inline:hover::-moz-color-swatch{border-color:#4a90d9}.color-picker-inline:focus{outline:none}.color-picker-inline:focus::-webkit-color-swatch{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91f}.icon-picker-wrap{position:relative}.icon-btn{cursor:pointer;width:52px;height:52px;transition:var(--apple-transition-fast);background:#f5f5f7;border:2px solid #4a90d9;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.icon-btn:hover{background:#ebebed;transform:scale(1.05)}.icon-btn:active{transform:scale(.98)}.icon-btn .shift-svg-icon-wrapper svg{stroke:#4a90d9;width:26px;height:26px}.icon-picker-dropdown{background:var(--apple-bg-primary);z-index:20;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;display:grid;position:absolute;top:60px;left:0;box-shadow:0 8px 32px #0000001f}.icon-opt{cursor:pointer;width:44px;height:44px;transition:var(--apple-transition-fast);background:#f5f5f7;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;font-size:22px;display:flex}.icon-opt:hover{background:#ebebed}.icon-opt.selected{background:#4a90d91f;border-color:#4a90d9}.icon-opt .shift-svg-icon-wrapper svg{stroke:#4a90d9;width:20px;height:20px}.duration-info{color:#1e293b;background:#4a90d914;border-radius:14px;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;font-size:14px;display:flex}.duration-info .dur-icon{color:#4a90d9;font-size:18px}.duration-info .dur-sep{color:#cbd5e1;font-weight:300}.duration-info strong{color:#4a90d9;font-weight:600}.break-buttons{align-items:center;gap:var(--apple-spacing-sm);flex-wrap:wrap;display:flex}.break-btn{border-radius:var(--apple-radius-full);background:var(--apple-gray-6);font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-medium);color:var(--apple-text-primary);cursor:pointer;transition:var(--apple-transition-fast);border:none;padding:10px 18px}.break-btn.active{background:var(--btn-color);color:#fff}.break-btn:hover:not(.active){background:var(--apple-gray-5)}.days-section-card{background:#f5f5f7;border-radius:16px;margin-bottom:16px;padding:16px}.days-section-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.days-section-icon{color:#4a90d9;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 2px #0000000f}.days-section-icon svg{width:16px;height:16px}.days-section-info{flex:1}.days-section-info h4{color:#1d1d1f;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,sans-serif;font-size:14px;font-weight:600}.days-section-info h4 .required{color:#ff3b30}.days-section-info p{color:#86868b;margin:2px 0 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:12px;line-height:1.3}.chip-selector{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip-selector .chip{cursor:pointer;color:#1d1d1f;background:#fff;border:1px solid #d2d2d7;border-radius:980px;align-items:center;gap:4px;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.chip-selector .chip svg{flex-shrink:0;width:12px;height:12px}.chip-selector .chip:hover{background:#f5f5f7;border-color:#86868b}.chip-selector .chip.active{background:var(--chip-color,#4a90d9);border-color:var(--chip-color,#4a90d9);color:#fff;box-shadow:0 2px 6px #0071e333}.chip-selector .chip.active svg{color:#fff}.chip-selector .chip:active{transform:scale(.97)}.day-presets{flex-wrap:wrap;gap:6px;display:flex}.day-presets .preset-chip{color:#86868b;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:980px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s}.day-presets .preset-chip:hover{color:#4a90d9;background:#4a90d914;border-color:#4a90d9}.day-presets .preset-chip:active{transform:scale(.97)}.breaks-section{box-shadow:none;background:#f5f5f7;border:none;border-radius:20px;margin-bottom:0;padding:20px}.breaks-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.breaks-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.breaks-header .breaks-total{color:#4a90d9;background:#4a90d91f;border-radius:100px;padding:3px 8px;font-size:12px;font-weight:600}.meal-break-card{box-shadow:none;background:#fff;border:none;border-radius:14px;margin-bottom:12px;padding:16px}.meal-break-card .meal-break-toggle:only-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.meal-break-inputs{align-items:flex-end;gap:12px;display:flex}.meal-break-inputs .meal-time-wrap,.meal-break-inputs .meal-duration-wrap{flex:1}:is(.meal-break-inputs .meal-time-wrap,.meal-break-inputs .meal-duration-wrap) label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.meal-duration-btns{background:#f5f5f7;border-radius:10px;width:100%;padding:3px;display:flex}.meal-dur-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s}.meal-dur-btn.active{color:#1e293b;background:#fff;box-shadow:0 1px 3px #0000001a}.meal-break-toggle{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.meal-break-toggle .toggle-info{align-items:center;gap:12px;display:flex}.meal-break-toggle .toggle-info .meal-icon{background:#f5f5f7;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.meal-break-toggle .toggle-info .meal-info h4{color:#1e293b;margin:0 0 2px;font-size:14px;font-weight:600}.meal-break-toggle .toggle-info .meal-info .meal-hint{color:#64748b;font-size:13px}.meal-break-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.meal-break-warning svg{stroke:#dc2626;flex-shrink:0;width:16px;height:16px;margin-top:1px}.meal-break-warning span{color:#b91c1c;font-size:13px;line-height:1.4}.form-input.error{background:#fef2f2;border-color:#ef4444!important}.form-input.error:focus{box-shadow:0 0 0 3px #ef444426;border-color:#dc2626!important}.additional-breaks{box-shadow:none;background:#fff;border:none;border-radius:14px;margin-bottom:12px;padding:0;overflow:hidden}.additional-breaks-header{border-bottom:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.additional-breaks-header span{color:var(--apple-text-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.add-break-btn{border-radius:var(--apple-radius-full);padding:6px 14px}.add-break-btn svg{width:14px;height:14px}.no-breaks-hint{text-align:center;padding:var(--apple-spacing-lg);color:var(--apple-text-tertiary);font-size:var(--apple-font-size-sm)}.breaks-list{flex-direction:column;display:flex}.break-item{gap:var(--apple-spacing-sm);flex-wrap:wrap}.break-item .break-item-num{border-radius:var(--apple-radius-full);background:var(--apple-gray-5);width:26px;height:26px;font-size:var(--apple-font-size-xs);font-weight:var(--apple-font-semibold);color:var(--apple-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.break-item .break-label-input{min-width:70px;max-width:130px;font-size:var(--apple-font-size-sm);flex:100px;padding:8px 12px}.break-item .break-time-input{width:90px;font-size:var(--apple-font-size-sm);flex-shrink:0;padding:8px 10px}.break-item .break-duration-mini{flex-shrink:0}.break-item .remove-break-btn{color:#4a90d9;background:#f5f5f7;border:1px solid #d2d2d799;border-radius:10px;width:32px;height:32px;margin-left:auto}.break-item .remove-break-btn:hover{background:#ebebed}.break-item .remove-break-btn svg{width:14px;height:14px}.break-item .break-item-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px 12px;font-size:12px;display:flex}.break-item .break-item-warning svg{stroke:#ef4444;flex-shrink:0;width:14px;height:14px}.break-item.invalid{background:#fef2f2;border-color:#fecaca}.break-item.invalid .break-item-num{color:#b91c1c;background:#fee2e2}.break-item.invalid .break-time-input.error{background:#fef2f2;border-color:#ef4444}.mini-dur-btn{font-size:var(--apple-font-size-xs);padding:6px 10px}.mini-dur-input{width:40px;font-size:var(--apple-font-size-xs);text-align:center;background:var(--apple-bg-primary);box-shadow:var(--apple-shadow-sm);border:none;border-radius:4px;padding:6px 4px}.mini-dur-input:focus{box-shadow:0 0 0 2px var(--apple-blue);outline:none}.dur-suffix{font-size:var(--apple-font-size-xs);color:var(--apple-text-secondary);font-weight:var(--apple-font-medium);padding-right:6px}.auto-break-section{box-shadow:none;background:#fff;border:none;border-radius:14px;padding:0;overflow:hidden}.auto-break-toggle{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.toggle-info{align-items:center;gap:14px;display:flex}.toggle-info .toggle-icon{background:#f5f5f7;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.toggle-info h4{color:#1e293b;margin:0 0 2px;font-size:14px;font-weight:600}.toggle-info p{color:#64748b;margin:0;font-size:13px}.switch input:checked+.slider{background:var(--switch-color,var(--apple-green))}.switch input:checked+.slider:before{transform:translate(20px)}.auto-break-options{padding:var(--apple-spacing-md);background:var(--apple-gray-6)}.reminder-option{align-items:center;gap:var(--apple-spacing-sm);flex-wrap:wrap;display:flex}.reminder-option span{font-size:var(--apple-font-size-sm);color:var(--apple-text-primary)}.auto-break-note{margin-top:var(--apple-spacing-md)}.auto-break-note .note-icon{flex-shrink:0;font-size:16px}.auto-break-note span{font-size:var(--apple-font-size-sm);line-height:1.5}.form-footer-actions{background:#f5f5f7;border-radius:16px;justify-content:flex-end;align-items:center;gap:12px;margin-top:0;padding:20px;display:flex}.btn-cancel-apple{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #00000026;border-radius:12px;height:48px;padding:0 24px;font-size:15px;font-weight:500;transition:all .15s}.btn-cancel-apple:hover{background:#f5f5f7;border-color:#0003}.btn-cancel-apple:active{transform:scale(.98)}.btn-save-apple{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.btn-save-apple:hover{background:#3a7ac9}.btn-save-apple:active{transform:scale(.98)}.btn-save-apple svg{width:16px;height:16px}.duration-info.duration-info-prominent{border-radius:16px;padding:18px 24px;font-size:16px;font-weight:500}.duration-info.duration-info-prominent .dur-icon{font-size:22px}.duration-info.duration-info-prominent .dur-sep{font-size:18px}.duration-info.duration-info-prominent strong{font-size:17px;font-weight:700}.shift-reminders-section{box-shadow:none;background:#f5f5f7;border:none;border-radius:20px;margin-bottom:0;padding:20px}.reminders-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reminders-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.reminder-card{box-shadow:none;background:#fff;border:none;border-radius:14px;margin-bottom:12px;padding:0;overflow:hidden}.reminder-card:last-child{margin-bottom:0}.reminder-toggle{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.reminder-options{background:#f9fafb;border-top:1px solid #e5e7eb99;padding:10px 14px}.reminder-time-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reminder-time-row>span{color:#1e293b;font-size:13px;font-weight:500}.escalation-section{border-top:1px solid #e5e7eb99;margin-top:10px;padding-top:10px}.escalation-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.escalation-info{align-items:center;gap:12px;display:flex}.escalation-info .escalation-icon{background:#fef3c7;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.escalation-info h5{color:#1e293b;margin:0 0 2px;font-size:13px;font-weight:600}.escalation-info p{color:#64748b;margin:0;font-size:12px}.switch-sm{transform:scale(.85)}.escalation-options{background:#f9fafb;border:1px solid #d2d2d780;border-radius:12px;margin-top:12px;padding:12px 16px}.escalation-time-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.escalation-time-row>span{color:#1e293b;font-size:13px;font-weight:500}.escalation-time-row .reminder-btns .reminder-btn{padding:6px 12px;font-size:12px}.escalation-note{background:#fff;border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.escalation-note .note-icon{flex-shrink:0;font-size:14px}.escalation-note span{color:#64748b;font-size:12px;line-height:1.4}.preview-auto-break{padding:var(--apple-spacing-sm)var(--apple-spacing-md);background:var(--apple-blue-light);border-radius:var(--apple-radius-md);margin-top:var(--apple-spacing-sm);justify-content:space-between;align-items:center;display:flex}.preview-auto-break .auto-badge{font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-semibold);color:var(--apple-blue);align-items:center;gap:6px;display:flex}.preview-auto-break .auto-reminder{font-size:var(--apple-font-size-xs);color:var(--apple-text-secondary);background:var(--apple-bg-primary);border-radius:var(--apple-radius-full);box-shadow:var(--apple-shadow-sm);padding:4px 10px}.mini-break-bar{z-index:2;border-radius:4px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.mini-break-bar.meal{background:linear-gradient(90deg,var(--apple-orange),#fbbf24);box-shadow:0 1px 4px #ff950066}.mini-break-bar.regular{background:linear-gradient(90deg,var(--apple-purple),#a78bfa);box-shadow:0 1px 4px #af52de66}.days-grid{gap:8px;margin-bottom:12px;display:flex}.day-btn{color:#94a3b8;cursor:pointer;background:#f5f5f7;border:none;border-radius:12px;flex:1;padding:14px 4px;font-size:13px;font-weight:600;transition:all .2s}.day-btn.active{color:#fff;background:#4a90d9;box-shadow:0 2px 8px #4a90d94d}.day-btn:hover:not(.active){color:#64748b;background:#ebebed}.day-presets{gap:8px;display:flex}.preset-sm{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d2d2d780;border-radius:100px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.preset-sm:hover{color:#1e293b;background:#f5f5f7}.color-grid{flex-wrap:wrap;gap:10px;display:flex}.color-btn{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;transition:all .2s;display:flex}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:#1e293b;transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 2px 8px #00000026}.color-picker-wrap{align-items:center;gap:12px;display:flex}.color-picker-input{cursor:pointer;background:0 0;border:none;border-radius:12px;width:48px;height:48px;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:2px solid #d2d2d7cc;border-radius:12px}.color-picker-input::-moz-color-swatch{border:2px solid #d2d2d7cc;border-radius:12px}.color-picker-input:hover::-webkit-color-swatch{border-color:#4a90d9}.color-picker-input:hover::-moz-color-swatch{border-color:#4a90d9}.color-picker-input:focus{outline:none}.color-picker-input:focus::-webkit-color-swatch{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91f}.color-picker-value{color:#64748b;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:500}.overlap-warning{border-radius:var(--apple-radius-lg);margin-bottom:var(--apple-spacing-lg);background:#fff;border:2px solid #f59e0b;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.overlap-warning svg{color:#f59e0b;flex-shrink:0;width:18px;height:18px;margin-top:2px}.overlap-warning strong{font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-semibold);color:#92400e;display:block}.overlap-warning .overlap-list{font-size:var(--apple-font-size-sm);color:var(--apple-text-primary);margin-top:6px;line-height:1.6}.overlap-warning .overlap-tag{border-radius:var(--apple-radius-sm);font-weight:var(--apple-font-medium);align-items:center;gap:5px;margin-right:6px;padding:4px 10px;display:inline-flex}.overlap-warning .overlap-dot{border-radius:var(--apple-radius-full);width:6px;height:6px}.form-actions{border-top:1px solid #e5e7eb99;gap:12px;margin-top:20px;padding-top:20px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background:#334155}.btn-secondary svg{width:18px;height:18px}.btn-primary{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background:#3a7ac9}.btn-primary svg{width:18px;height:18px}.preview-section{margin-bottom:20px}.section-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.preview-card{background:#fff;border:1px solid #d2d2d780;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.preview-card .preview-body{padding:20px 24px}.preview-card .preview-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.preview-card .preview-icon{background:#f5f5f7;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex}.preview-card .preview-icon .shift-svg-icon-wrapper svg{stroke:#4a90d9;width:24px;height:24px}.preview-card h4{color:#1e293b;margin:0;font-size:17px;font-weight:600}.preview-card p{color:#64748b;margin:2px 0 0;font-size:13px;font-weight:400}.preview-card .preview-time{background:var(--apple-gray-6);border-radius:var(--apple-radius-md);padding:var(--apple-spacing-sm)var(--apple-spacing-md);margin-bottom:var(--apple-spacing-md);justify-content:space-between;align-items:center;display:flex}.preview-card .preview-time .prev-time-range{font-size:var(--apple-font-size-lg);font-weight:var(--apple-font-semibold);color:var(--apple-text-primary);font-variant-numeric:tabular-nums}.preview-card .preview-time .prev-time-dur{font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-medium);color:var(--apple-text-secondary);background:var(--apple-bg-primary);border-radius:var(--apple-radius-sm);padding:5px 12px}.preview-card .preview-days{margin-bottom:var(--apple-spacing-md);gap:6px;display:flex}.preview-card .prev-day{border-radius:var(--apple-radius-sm);background:var(--apple-gray-6);width:32px;height:26px;color:var(--apple-text-tertiary);font-size:10px;font-weight:var(--apple-font-semibold);justify-content:center;align-items:center;display:flex}.preview-card .prev-day.active{background:var(--apple-blue);color:#fff}.preview-card .preview-stats{gap:var(--apple-spacing-sm);grid-template-columns:1fr 1fr 1fr auto;align-items:stretch;display:grid}.preview-card .stat-box{background:var(--apple-gray-6);border-radius:var(--apple-radius-md);padding:var(--apple-spacing-sm)var(--apple-spacing-sm);text-align:center}.preview-card .stat-box .stat-lbl{font-size:var(--apple-font-size-xs);color:var(--apple-text-tertiary);font-weight:var(--apple-font-medium);display:block}.preview-card .stat-box .stat-val{font-size:var(--apple-font-size-md);font-weight:var(--apple-font-semibold);color:var(--apple-text-primary);margin-top:2px;display:block}.preview-card .stat-box .stat-val.green{color:var(--apple-green)}.preview-card .stat-box.ok{background:var(--apple-green-light)}.preview-card .stat-box.ok .stat-val{color:var(--apple-green)}.preview-card .stat-box.warn{background:var(--apple-red-light)}.preview-card .stat-box.warn .stat-val{color:var(--apple-red)}.preview-card .feature-indicators{background:var(--apple-gray-6);border-radius:var(--apple-radius-md);padding:var(--apple-spacing-sm);justify-content:center;align-items:center;gap:6px;display:flex}.preview-card .feature-icon{border-radius:var(--apple-radius-sm);background:var(--apple-gray-5);opacity:.35;filter:grayscale();cursor:help;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.preview-card .feature-icon.active{opacity:1;filter:grayscale(0);background:var(--apple-blue-light)}.preview-card .mini-timeline{margin-top:var(--apple-spacing-md)}.preview-card .mini-track{background:var(--apple-gray-6);border-radius:var(--apple-radius-sm);height:20px;position:relative;overflow:hidden}.preview-card .mini-bar{height:100%;position:absolute}.preview-card .mini-labels{justify-content:space-between;margin-top:6px;display:flex}.preview-card .mini-labels span{color:var(--apple-text-tertiary);font-size:9px;font-weight:var(--apple-font-medium)}.info-box{align-items:flex-start;gap:var(--apple-spacing-md);padding:var(--apple-spacing-lg);border-radius:var(--apple-radius-lg);margin-top:var(--apple-spacing-md);display:flex}.info-box .info-icon{flex-shrink:0;font-size:24px}.info-box .info-content h4{font-size:var(--apple-font-size-md);font-weight:var(--apple-font-semibold);color:var(--apple-text-primary);margin:0 0 6px}.info-box .info-content p{font-size:var(--apple-font-size-sm);color:var(--apple-text-secondary);margin:0;line-height:1.5}.emp-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .2s;position:relative}.emp-card:hover{box-shadow:0 4px 12px #00000014}.emp-card.selected{border-color:var(--emp-color,#4a90d9);background:linear-gradient(135deg,#4a90d90a 0%,#4a90d914 100%)}.emp-card.selected .emp-card-check{background:var(--emp-color,#4a90d9);border-color:var(--emp-color,#4a90d9)}.emp-card.selected .emp-card-check svg{color:#fff}.emp-card .emp-card-content{align-items:flex-start;gap:14px;display:flex}.emp-card .emp-card-check{background:#fff;border:2px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.emp-card .emp-card-check svg{color:#0000;width:12px;height:12px}.emp-card .emp-card-avatar{color:#64748b;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.emp-card .emp-card-avatar img{object-fit:cover;width:100%;height:100%}.emp-card .emp-card-info{flex:1;min-width:0;padding-right:28px}.emp-card .emp-card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;display:block;overflow:hidden}.emp-card .emp-card-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:12px;font-weight:400;display:block;overflow:hidden}.emp-card .emp-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.emp-card .emp-card-badge{color:#1e293b;background:#f1f3f6;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:400;display:inline-flex}.emp-card .emp-card-badge .badge-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.emp-card .emp-card-conflict{color:#92400e;background:#fef3c7;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.no-results{padding:var(--apple-spacing-xl);text-align:center;color:var(--apple-text-tertiary);font-size:var(--apple-font-size-md)}.shift-detail-page{padding:var(--apple-spacing-lg);animation:.3s ease-out fadeUp}.detail-header{align-items:center;gap:var(--apple-spacing-md);margin-bottom:var(--apple-spacing-lg);display:flex}.detail-header .detail-title{align-items:center;gap:var(--apple-spacing-md);flex:1;display:flex}.detail-header .detail-icon{background:#f5f5f7;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.detail-header .detail-icon .shift-svg-icon-wrapper svg{stroke:#4a90d9;width:26px;height:26px}.detail-header h1{font-size:var(--apple-font-size-3xl);font-weight:var(--apple-font-bold);color:var(--apple-text-primary);margin:0}.detail-header p{font-size:var(--apple-font-size-md);color:var(--apple-text-secondary);font-weight:var(--apple-font-regular);margin:4px 0 0}.detail-header .edit-btn{border-radius:var(--apple-radius-full)}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.detail-left,.detail-right{flex-direction:column;gap:20px;display:flex}.stat-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #d2d2d780;border-radius:24px;padding:20px 24px;transition:all .2s;box-shadow:0 1px 3px #0000000a}.stat-card:hover{box-shadow:0 4px 12px #0000000f}.stat-card .stat-card-lbl{color:var(--apple-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.stat-card .stat-card-val{color:var(--apple-text-primary);font-size:18px;font-weight:600}.detail-card{background:#fff;border:1px solid #d2d2d780;border-radius:24px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.detail-card:hover{box-shadow:0 4px 12px #0000000f}.detail-card h4{color:var(--apple-text-primary);background:0 0;border-bottom:1px solid #e5e7eb99;align-items:center;gap:12px;margin:0;padding:20px 24px 16px;font-size:15px;font-weight:600;display:flex}.detail-card h4:before{content:"";display:none}.detail-card .detail-card-content{padding:20px 24px 24px}.detail-card>.detail-days,.detail-card>.capacity-card,.detail-card>.assigned-list,.detail-card>.no-assigned{margin:20px 24px 24px}.detail-days{gap:var(--apple-spacing-sm);display:flex}.detail-day{border-radius:var(--apple-radius-md);background:var(--apple-gray-6);width:44px;height:44px;color:var(--apple-text-tertiary);font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-semibold);justify-content:center;align-items:center;display:flex}.detail-day.active{background:var(--apple-blue);color:#fff;box-shadow:0 2px 8px #007aff4d}.capacity-card{border-radius:var(--apple-radius-lg);padding:var(--apple-spacing-lg);align-items:center;gap:var(--apple-spacing-md);display:flex}.capacity-card.ok{background:var(--apple-green-light)}.capacity-card.ok strong,.capacity-card.ok span{color:var(--apple-green)}.capacity-card.warn{background:var(--apple-red-light)}.capacity-card.warn strong,.capacity-card.warn span{color:var(--apple-red)}.capacity-card .cap-icon{font-size:28px}.capacity-card strong{font-size:var(--apple-font-size-md);font-weight:var(--apple-font-semibold);display:block}.capacity-card span{font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-regular);margin-top:2px;display:block}.no-assigned{padding:var(--apple-spacing-lg);border-radius:var(--apple-radius-lg);background:var(--apple-gray-6);text-align:center;color:var(--apple-text-tertiary);font-size:var(--apple-font-size-sm)}.assigned-list{gap:var(--apple-spacing-sm);flex-direction:column;display:flex}.assigned-item{align-items:center;gap:var(--apple-spacing-sm);padding:var(--apple-spacing-sm)var(--apple-spacing-md);border-radius:var(--apple-radius-lg);background:var(--apple-gray-6);display:flex}.assigned-item .assigned-avatar{border-radius:var(--apple-radius-md);width:44px;height:44px;font-size:var(--apple-font-size-md);font-weight:var(--apple-font-semibold);background:var(--apple-gray-5);color:var(--apple-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.assigned-item .assigned-avatar img{object-fit:cover;width:100%;height:100%}.assigned-item .assigned-info{flex:1}.assigned-item .assigned-name{font-size:var(--apple-font-size-md);font-weight:var(--apple-font-medium);color:var(--apple-text-primary);display:block}.assigned-item .assigned-dept{font-size:var(--apple-font-size-sm);color:var(--apple-text-secondary);margin-top:1px;display:block}.assigned-item .assigned-dot{border-radius:var(--apple-radius-full);width:10px;height:10px}.shift-toast-new{top:var(--apple-spacing-lg);right:var(--apple-spacing-lg);z-index:9999;background:var(--apple-bg-primary);border-radius:var(--apple-radius-lg);padding:var(--apple-spacing-md)var(--apple-spacing-lg);align-items:center;gap:var(--apple-spacing-sm);box-shadow:var(--apple-shadow-xl);opacity:0;-webkit-backdrop-filter:blur(20px);max-width:380px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;transform:translate(50px)}.shift-toast-new.visible{opacity:1;transform:translate(0)}.shift-toast-new .toast-icon{border-radius:var(--apple-radius-sm);color:#fff;width:28px;height:28px;font-weight:var(--apple-font-bold);font-size:var(--apple-font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.shift-toast-new .toast-message{font-size:var(--apple-font-size-sm);font-weight:var(--apple-font-medium);color:var(--apple-text-primary);line-height:1.4}.shift-toast-new .toast-close{cursor:pointer;color:var(--apple-text-secondary);opacity:.5;transition:var(--apple-transition-fast);background:0 0;border:none;margin-left:4px;padding:2px;font-size:20px;line-height:1}.shift-toast-new .toast-close:hover{opacity:.8}.shift-svg-icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.shift-svg-icon-wrapper svg{width:22px;height:22px}.shift-emoji-fallback{font-size:inherit;line-height:1}.bar-icon .shift-svg-icon-wrapper{width:20px;height:20px}.bar-icon .shift-svg-icon-wrapper svg{stroke:#fff;width:14px;height:14px}@media (max-width:1024px){.shift-form-page{flex-direction:column;height:auto}.form-panel,.preview-panel{border-right:none;flex:none;width:100%}.preview-panel{border-top:1px solid var(--apple-separator)}.detail-grid{grid-template-columns:1fr}.preview-card .preview-stats{grid-template-columns:1fr 1fr}}@media (max-width:768px){.list-header{gap:var(--apple-spacing-md);padding:var(--apple-spacing-lg);flex-direction:column}.list-header .header-actions{flex-direction:column;width:100%}.list-header .create-btn{justify-content:center;width:100%}.stats-row{padding:var(--apple-spacing-md);gap:var(--apple-spacing-md);flex-wrap:wrap;justify-content:center}.shifts-grid-v2{padding:var(--apple-spacing-md);gap:var(--apple-spacing-sm);grid-template-columns:1fr}.timeline-24h{margin:var(--apple-spacing-md);padding:var(--apple-spacing-md)}.form-panel,.preview-panel{padding:var(--apple-spacing-lg)}.form-row-2{grid-template-columns:1fr}.days-grid{flex-wrap:wrap}.day-btn{flex:0 0 calc(25% - 6px)}.meal-break-inputs{gap:var(--apple-spacing-sm);flex-direction:column}.break-item{padding:var(--apple-spacing-sm);gap:var(--apple-spacing-sm)}.break-item .break-label-input{flex:auto;max-width:none}.stat-cards{grid-template-columns:1fr}.detail-header{align-items:flex-start;gap:var(--apple-spacing-md);flex-direction:column}.detail-header .edit-btn{justify-content:center;width:100%}.detail-days{flex-wrap:wrap}}@media (max-width:480px){.form-page-header h1{font-size:var(--apple-font-size-xl)}.list-header h1{font-size:var(--apple-font-size-2xl)}.preset-buttons{flex-direction:column}.preset-btn{justify-content:center;width:100%}.color-grid{justify-content:center}.shift-toast-new{left:var(--apple-spacing-md);right:var(--apple-spacing-md);max-width:none}}.shift-planner{background:#f5f5f7;min-height:100vh;padding:24px}.planner-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.planner-header .header-left{align-items:flex-start;gap:16px;display:flex}.planner-header .header-icon{color:#4a90d9;background:#ebf4fc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.planner-header .header-text h1{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:600}.planner-header .header-text p{color:#64748b;margin:0;font-size:14px}.planner-header .header-actions{align-items:center;gap:12px;display:flex}.planner-toolbar{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.planner-toolbar .toolbar-left,.planner-toolbar .toolbar-right{align-items:center;gap:16px;display:flex}.date-navigator{align-items:center;gap:12px;display:flex}.date-navigator .nav-btn{color:#64748b;cursor:pointer;background:#f5f5f7;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.date-navigator .nav-btn:hover{color:#1e293b;background:#e5e5e7}.date-navigator .date-display{color:#1e293b;text-align:center;min-width:180px;font-size:15px;font-weight:600}.search-box{background:#f5f5f7;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:10px;min-width:280px;padding:10px 16px;display:flex}.search-box svg{color:#94a3b8;flex-shrink:0}.search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:#94a3b8}.staff-avatars{align-items:center;display:flex}.staff-avatars .avatar-circle{background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-8px;display:flex;overflow:hidden}.staff-avatars .avatar-circle:first-child{margin-left:0}.staff-avatars .avatar-circle img{object-fit:cover;width:100%;height:100%}.staff-avatars .avatar-circle span{color:#64748b;font-size:11px;font-weight:600}.staff-avatars .avatar-more{color:#fff;background:#4a90d9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-8px;font-size:11px;font-weight:600;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#f5f5f7;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;position:relative}.filter-btn:hover{color:#1e293b;background:#e5e5e7}.filter-menu{z-index:100;background:#fff;border-radius:12px;min-width:180px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 24px #0000001f}.filter-menu button{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:block}.filter-menu button:hover{color:#1e293b;background:#f5f5f7}.filter-menu button.active{color:#4a90d9;background:#ebf4fc;font-weight:500}.schedule-table-container{background:#fff;border-radius:16px;padding:24px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.schedule-table{border-collapse:collapse;width:100%}.schedule-table th,.schedule-table td{text-align:center;border-bottom:1px solid #f1f5f9;padding:12px}.schedule-table th{color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#fafafa;font-size:13px;font-weight:600}.schedule-table .col-employee{text-align:left;min-width:200px}.schedule-table .col-employee .th-content{color:#64748b;align-items:center;gap:8px;display:flex}.schedule-table .col-day{min-width:120px}.schedule-table .col-day .day-header{flex-direction:column;gap:2px;display:flex}.schedule-table .col-day .day-header .day-name{color:#1e293b;font-weight:600}.schedule-table .col-day .day-header .day-date{color:#94a3b8;font-size:11px;font-weight:400}.employee-cell{align-items:center;gap:12px;display:flex}.employee-cell .employee-avatar{background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.employee-cell .employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-cell .employee-avatar span{color:#64748b;font-size:13px;font-weight:600}.employee-cell .employee-info .employee-name{color:#1e293b;font-size:14px;font-weight:500}.employee-cell .employee-info .employee-title{color:#94a3b8;font-size:12px}.shift-cell{padding:8px!important}.shift-card{cursor:pointer;border-radius:8px;padding:8px 12px;transition:all .15s}.shift-card:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.shift-card .shift-name{margin-bottom:2px;font-size:12px;font-weight:600}.shift-card .shift-time{opacity:.8;align-items:center;gap:4px;font-size:11px;display:flex}.summary-cards{gap:16px;margin-top:16px;display:flex}.summary-cards .summary-card{background:#fff;border-radius:16px;flex:1;padding:20px;box-shadow:0 1px 3px #0000000a}.summary-cards .summary-card h4{color:#64748b;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:500;display:flex}.summary-cards .summary-card p{color:#1e293b;margin:0;font-size:14px}.summary-cards .summary-card p strong{color:#4a90d9}.summary-cards .legend-card h4{margin-bottom:12px}.summary-cards .legend-card .legend-items{flex-wrap:wrap;gap:8px;display:flex}.summary-cards .legend-card .legend-item{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.overtime-alert,.rest-violation-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}:is(.overtime-alert,.rest-violation-alert) .alert-icon{color:#ef4444;background:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}:is(.overtime-alert,.rest-violation-alert) .alert-content{flex:1}:is(.overtime-alert,.rest-violation-alert) .alert-content h4{color:#b91c1c;margin:0 0 4px;font-size:14px;font-weight:600}:is(.overtime-alert,.rest-violation-alert) .alert-content p{color:#7f1d1d;margin:0 0 12px;font-size:13px}:is(.overtime-alert,.rest-violation-alert) .overtime-list,:is(.overtime-alert,.rest-violation-alert) .violation-list{flex-wrap:wrap;gap:8px;display:flex}:is(.overtime-alert,.rest-violation-alert) .overtime-item,:is(.overtime-alert,.rest-violation-alert) .violation-item{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}:is(.overtime-alert,.rest-violation-alert) .overtime-avatar,:is(.overtime-alert,.rest-violation-alert) .violation-avatar{background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}:is(:is(.overtime-alert,.rest-violation-alert) .overtime-avatar,:is(.overtime-alert,.rest-violation-alert) .violation-avatar) img{object-fit:cover;width:100%;height:100%}:is(:is(.overtime-alert,.rest-violation-alert) .overtime-avatar,:is(.overtime-alert,.rest-violation-alert) .violation-avatar) span{color:#64748b;font-size:10px;font-weight:600}:is(.overtime-alert,.rest-violation-alert) .overtime-info,:is(.overtime-alert,.rest-violation-alert) .violation-info{flex-direction:column;display:flex}:is(:is(.overtime-alert,.rest-violation-alert) .overtime-info,:is(.overtime-alert,.rest-violation-alert) .violation-info) .overtime-name,:is(:is(.overtime-alert,.rest-violation-alert) .overtime-info,:is(.overtime-alert,.rest-violation-alert) .violation-info) .violation-name{color:#1e293b;font-size:13px;font-weight:500}:is(:is(.overtime-alert,.rest-violation-alert) .overtime-info,:is(.overtime-alert,.rest-violation-alert) .violation-info) .overtime-hours,:is(:is(.overtime-alert,.rest-violation-alert) .overtime-info,:is(.overtime-alert,.rest-violation-alert) .violation-info) .violation-detail{color:#ef4444;font-size:11px}.empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.empty-state h3{color:#64748b;margin:0 0 8px;font-size:16px;font-weight:600}.empty-state p{color:#94a3b8;margin:0;font-size:14px}.holiday-badge-container{margin-bottom:8px}.holiday-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.holiday-badge.national{color:#b91c1c;background:#fef2f2}.holiday-badge.religious{color:#92400e;background:#fef3c7}.holiday-badge .holiday-icon{width:12px;height:12px}.toast{color:#fff;z-index:10000;border:2px solid;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 24px;animation:.3s ease-out slide-in;display:flex;position:fixed;top:90px;right:20px;box-shadow:0 4px 12px #00000026}.toast .toast-icon{flex-shrink:0;font-size:20px;font-weight:700}.toast .toast-message{flex:1;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5}.toast .toast-close{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;font-weight:700;line-height:1;transition:opacity .2s;display:flex}.toast .toast-close:hover{opacity:.7}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:90px;right:20px}.toast-container .toast{pointer-events:auto}:root{--bg:#0f172a;--card:#1e293b;--accent:#247cff;--text:#e2e8f0;--muted:#94a3b8}*,:before,:after{box-sizing:border-box}body{color:#1e293b;scrollbar-width:thin;scrollbar-color:#d7dbe7 transparent;background:#f9fafb;min-height:100vh;margin:0;font-family:Poppins,system-ui,-apple-system,sans-serif}body.menu-open{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#e5e7eb 0%,#d1d5db 100%);border-radius:999px;box-shadow:inset 0 0 0 1px #fff}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d8dce5 0%,#cbd0da 100%)}