@charset "UTF-8";.login-wrapper{height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:fixed;inset:0;overflow:hidden}.bg-shapes{position:absolute;inset:0;overflow:hidden;z-index:0}.login-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.glass-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;animation:cardAppear .6s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}.logo-section .logo{height:45px;filter:brightness(0) invert(1);opacity:.9;transition:opacity .3s ease}.logo-section .logo:hover{opacity:1}.logo-section .divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.welcome-section{text-align:center;margin-bottom:36px}.welcome-section .title{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.welcome-section .subtitle{font-size:14px;color:#ffffffb3;margin:0;text-transform:uppercase;letter-spacing:2px}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;display:flex;align-items:center}.input-group .input-icon{position:absolute;left:16px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:color .3s ease;z-index:1}.input-group input{width:100%;padding:16px 16px 16px 52px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;color:#fff;transition:all .3s ease;-webkit-appearance:none;appearance:none}.input-group input::placeholder{color:#fff6;opacity:1}.input-group input:focus{outline:none;background:#ffffff1f;border-color:#2989d8;box-shadow:0 0 0 4px #2989d833}.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:hover,.input-group input:-webkit-autofill:focus,.input-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(30,30,50,.95) inset!important;-webkit-text-fill-color:#ffffff!important;background-color:#ffffff14!important;caret-color:#fff;transition:background-color 5000s ease-in-out 0s}.input-group:focus-within .input-icon{color:#2989d8}.login-wrapper .error-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef444426!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:12px;color:#fca5a5!important;font-size:14px;animation:shake .5s ease-in-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-wrapper .error-message svg{flex-shrink:0;color:#fca5a5}.login-wrapper .error-message span{color:#fca5a5}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.btn-login{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:8px;background:linear-gradient(135deg,#1e5799,#2989d8,#207cca);border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2989d866}.btn-login:hover:not(:disabled):before{opacity:1}.btn-login:hover:not(:disabled) svg{transform:translate(4px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-login svg{transition:transform .3s ease}.btn-login .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.forgot-link{display:block;text-align:center;color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .3s ease;margin-top:4px}.forgot-link:hover{color:#fff}.help-section{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.help-section .help-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#ffffffb3}.help-section .help-item svg{flex-shrink:0;opacity:.6}.login-wrapper .footer{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#fff6;background:transparent!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.login-wrapper .footer .dot{width:3px;height:3px;background:#ffffff4d;border-radius:50%}.login-wrapper .footer span:not(.dot){cursor:pointer;transition:color .3s ease}.login-wrapper .footer span:not(.dot):hover{color:#ffffffb3}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;width:100%;max-width:360px;text-align:center;animation:modalAppear .3s ease}.modal-glass .modal-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#2989d8,#1e5799);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.modal-glass .modal-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.modal-glass .modal-text{font-size:14px;color:#ffffffb3;margin:0 0 24px;line-height:1.6}.modal-glass .btn-close-modal{width:100%;padding:14px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease}.modal-glass .btn-close-modal:hover{background:#fff3}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.glass-card{padding:36px 24px;border-radius:20px}.logo-section{gap:16px}.logo-section .logo{height:36px}.welcome-section .title{font-size:24px}.welcome-section .subtitle{font-size:12px}.footer{flex-wrap:wrap;gap:8px}}.app-header{width:100%;position:sticky;top:0;z-index:100}.app-header.solid{background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid rgba(255,255,255,.2)}.app-header.transparent{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2)}.app-header .header-content{width:100%;max-width:100%;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between}.app-header .logo-group{display:flex;align-items:center;gap:16px}.app-header .logo-group .logo{height:40px;filter:brightness(0) invert(1);opacity:.9}.app-header .logo-group .divider{width:1px;height:32px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.app-header .user-section{display:flex;align-items:center;gap:20px}.app-header .user-info{display:flex;align-items:center;gap:12px}.app-header .user-info .user-avatar{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.app-header .user-info .user-details{display:flex;flex-direction:column}.app-header .user-info .user-details .welcome-text{font-size:.75rem;color:#ffffffb3}.app-header .user-info .user-details .user-name{font-size:.95rem;color:#fff;font-weight:500}.app-header .btn-logout{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:.9rem;cursor:pointer;transition:all .3s ease}.app-header .btn-logout:hover{background:#ef444440;color:#fff;transform:translateY(-1px)}.app-header .btn-logout span{font-weight:500}@media(max-width:768px){.app-header .header-content{padding:10px 16px}.app-header .logo-group{gap:10px}.app-header .logo-group .logo{height:28px}.app-header .user-info .user-details,.app-header .btn-logout span{display:none}.app-header .btn-logout{padding:10px}}.manual-version-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#a6ce392e,#002e8c14);border:1px solid rgba(0,46,140,.25);margin-bottom:12px;font-size:.9rem;color:#002e8c}.manual-version-banner .badge{background:#a6ce39;color:#002;padding:2px 8px;border-radius:10px;font-weight:700;font-size:.75rem}.manual-version-banner .text{flex:1}.manual-version-banner .text strong{color:#002e8c}.manual-version-banner .btn-link{color:#002e8c;text-decoration:underline;font-size:.85rem}.manual-version-banner .btn-link:hover{color:#001f5c}.manual-version-banner .btn-dismiss{background:transparent;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:0 4px}.manual-version-banner .btn-dismiss:hover{color:#c00}.home-wrapper{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;display:flex;flex-direction:column}.bg-shapes{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.bg-shapes .shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s ease-in-out infinite}.bg-shapes .shape.shape-1{width:500px;height:500px;background:linear-gradient(135deg,#2563eb,#3b82f6);top:-200px;right:-100px;animation-delay:0s}.bg-shapes .shape.shape-2{width:400px;height:400px;background:linear-gradient(135deg,#0284c7,#38bdf8);bottom:-150px;left:-100px;animation-delay:-5s}.bg-shapes .shape.shape-3{width:300px;height:300px;background:linear-gradient(135deg,#1d4ed8,#60a5fa);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-content{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.home-container{width:100%;max-width:600px}.welcome-section{text-align:center;margin-bottom:40px;animation:fadeInUp .6s ease-out}.welcome-section .greeting{display:block;font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.welcome-section .user-name{font-size:32px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.welcome-section .subtitle{font-size:14px;color:#ffffffb3;margin:0}.menu-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.menu-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;text-decoration:none;color:#fff;transition:all .3s ease;animation:fadeInUp .5s ease-out backwards}.menu-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(4px)}.menu-item:hover .menu-icon{background:#2989d84d;border-color:#2989d8;color:#2989d8}.menu-item:hover .menu-arrow{opacity:1;color:#2989d8}.menu-icon{width:48px;height:48px;min-width:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease}.menu-text{flex:1;display:flex;flex-direction:column;gap:2px}.menu-title{font-size:15px;font-weight:500;color:#fff}.menu-desc{font-size:12px;color:#ffffffb3}.menu-arrow{color:#ffffffb3;opacity:.5;transition:all .3s ease}.quick-links{display:flex;justify-content:center;gap:16px;animation:fadeInUp .6s ease-out .5s backwards}.quick-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none;color:#ffffffb3;font-size:13px;transition:all .3s ease}.quick-link:hover{background:#ffffff1a;color:#fff}.home-footer{position:relative;z-index:1;padding:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#fff6}.home-footer .dot{width:3px;height:3px;background:#ffffff4d;border-radius:50%}@media(max-width:600px){.home-content{padding:24px 16px}.welcome-section{margin-bottom:32px}.welcome-section .user-name{font-size:26px}.menu-item{padding:14px 16px}.menu-icon{width:44px;height:44px;min-width:44px}.menu-icon svg{width:22px;height:22px}.menu-title{font-size:14px}.quick-links{flex-direction:column;align-items:center}.quick-link{width:100%;justify-content:center}}.page-layout{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.page-layout .page-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px}.page-layout .page-title-bar{display:flex;align-items:center;gap:20px}.page-layout .btn-back{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#333;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000000a}.page-layout .btn-back svg{transition:transform .2s}.page-layout .btn-back:hover{background:#002e8c;border-color:#002e8c;color:#fff;box-shadow:0 4px 8px #002e8c33}.page-layout .btn-back:hover svg{transform:translate(-2px)}.page-layout .title-group{display:flex;align-items:center;gap:12px}.page-layout .title-group .page-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.page-layout .title-group .page-subtitle{padding:6px 14px;background:#002e8c;border-radius:20px;font-size:.85rem;color:#fff;font-weight:500}.page-layout .page-body{flex:1}@media(max-width:768px){.page-layout .page-content{padding:16px;gap:16px}.page-layout .page-title-bar{gap:12px}.page-layout .btn-back{padding:8px 14px;font-size:.9rem}.page-layout .btn-back span{display:none}.page-layout .title-group .page-title{font-size:1.2rem}.page-layout .title-group .page-subtitle{padding:4px 10px;font-size:.8rem}}@media(max-width:480px){.page-layout .title-group .page-subtitle{display:none}}.searchable-select{position:relative;width:100%}.searchable-select.disabled{opacity:.6;pointer-events:none}.searchable-select .select-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.searchable-select .select-trigger:hover{border-color:#aaa}.searchable-select .select-trigger.open{border-color:#1a1a2e;box-shadow:0 0 0 2px #1a1a2e1a}.searchable-select .select-trigger .select-value{flex:1;overflow:hidden;color:#333;font-size:.9rem;min-width:0}.searchable-select .select-trigger .select-value .placeholder{color:#999}.searchable-select .select-trigger .select-value .selected-tags{display:flex;flex-wrap:wrap;gap:4px}.searchable-select .select-trigger .select-value .selected-tags .tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.8rem;white-space:nowrap}.searchable-select .select-trigger .select-value .selected-tags .tag .tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:#00000026;color:#1565c0;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;transition:background .15s}.searchable-select .select-trigger .select-value .selected-tags .tag .tag-remove:hover{background:#0000004d}.searchable-select .select-trigger.has-tags{padding:6px 12px;min-height:42px;height:auto}.searchable-select .select-trigger .select-arrow{margin-left:8px;color:#666;transition:transform .2s}.searchable-select .select-trigger.open .select-arrow{transform:rotate(180deg)}.searchable-select .select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:9999;max-height:350px;display:flex;flex-direction:column}.searchable-select .select-dropdown .search-box{position:relative;padding:8px;border-bottom:1px solid #eee}.searchable-select .select-dropdown .search-box input{width:100%;padding:8px 30px 8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;outline:none}.searchable-select .select-dropdown .search-box input:focus{border-color:#1a1a2e}.searchable-select .select-dropdown .search-box input::placeholder{color:#999}.searchable-select .select-dropdown .search-box .clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0 4px}.searchable-select .select-dropdown .search-box .clear-search:hover{color:#666}.searchable-select .select-dropdown .options-list{flex:1;overflow-y:auto;max-height:250px}.searchable-select .select-dropdown .options-list .no-options{padding:12px;text-align:center;color:#999;font-size:.9rem}.searchable-select .select-dropdown .options-list .option-group:not(:first-child){border-top:1px solid #eee}.searchable-select .select-dropdown .options-list .option-group .option-group-label{padding:8px 12px 4px;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;position:sticky;top:0}.searchable-select .select-dropdown .options-list .option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background .15s}.option-group .searchable-select .select-dropdown .options-list .option{padding-left:20px}.searchable-select .select-dropdown .options-list .option:hover{background:#f5f5f5}.searchable-select .select-dropdown .options-list .option.selected{background:#1a1a2e14}.searchable-select .select-dropdown .options-list .option input[type=checkbox]{margin-right:10px;width:16px;height:16px;cursor:pointer}.searchable-select .select-dropdown .options-list .option .option-label{flex:1;font-size:.9rem;color:#333}.searchable-select .select-dropdown .select-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #eee;background:#fafafa}.searchable-select .select-dropdown .select-footer .selected-count{font-size:.85rem;color:#666}.searchable-select .select-dropdown .select-footer .clear-btn{background:none;border:none;color:#d9534f;font-size:.85rem;cursor:pointer;padding:4px 8px}.searchable-select .select-dropdown .select-footer .clear-btn:hover{text-decoration:underline}.tree-select{position:relative;width:100%}.tree-select.disabled{opacity:.6;pointer-events:none}.tree-select .select-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.tree-select .select-trigger:hover{border-color:#aaa}.tree-select .select-trigger.open{border-color:#1a1a2e;box-shadow:0 0 0 2px #1a1a2e1a}.tree-select .select-trigger .select-value{flex:1;overflow:hidden;color:#333;font-size:.9rem;min-width:0}.tree-select .select-trigger .select-value .placeholder{color:#999}.tree-select .select-trigger .select-value .selected-tags{display:flex;flex-wrap:wrap;gap:4px}.tree-select .select-trigger .select-value .selected-tags .tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.8rem}.tree-select .select-trigger .select-value .selected-tags .tag.more{background:#f5f5f5;color:#666}.tree-select .select-trigger .select-value .selected-tags .tag .tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:#00000026;color:#1565c0;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;transition:background .15s;flex-shrink:0}.tree-select .select-trigger .select-value .selected-tags .tag .tag-remove:hover{background:#0000004d}.tree-select .select-trigger.has-tags{padding:6px 12px;min-height:42px;height:auto}.tree-select .select-trigger .select-arrow{margin-left:8px;color:#666;transition:transform .2s;flex-shrink:0}.tree-select .select-trigger.open .select-arrow{transform:rotate(180deg)}.tree-select .select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:9999;max-height:400px;display:flex;flex-direction:column}.tree-select .select-dropdown .search-box{position:relative;padding:8px;border-bottom:1px solid #eee}.tree-select .select-dropdown .search-box input{width:100%;padding:8px 30px 8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;outline:none}.tree-select .select-dropdown .search-box input:focus{border-color:#1a1a2e}.tree-select .select-dropdown .search-box input::placeholder{color:#999}.tree-select .select-dropdown .search-box .clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0 4px}.tree-select .select-dropdown .search-box .clear-search:hover{color:#666}.tree-select .select-dropdown .tree-list{flex:1;overflow-y:auto;max-height:300px;padding:4px 0}.tree-select .select-dropdown .tree-list .no-options{padding:12px;text-align:center;color:#999;font-size:.9rem}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content{display:flex;align-items:center;padding:6px 8px;cursor:pointer;transition:background .15s}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content:hover{background:#f5f5f5}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content.selected{background:#1a1a2e14}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .expand-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer;color:#666;transition:transform .2s;flex-shrink:0}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .expand-btn.expanded{transform:rotate(90deg)}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .expand-btn:hover{color:#333;background:#0000000d;border-radius:4px}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .expand-placeholder{width:20px;flex-shrink:0}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .checkbox-wrapper{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;min-width:0}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:#1a1a2e}.tree-select .select-dropdown .tree-list .tree-node .tree-node-content .checkbox-wrapper .node-label{flex:1;font-size:.9rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-select .select-dropdown .select-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #eee;background:#fafafa;flex-shrink:0}.tree-select .select-dropdown .select-footer .selected-count{font-size:.85rem;color:#666}.tree-select .select-dropdown .select-footer .clear-btn{background:none;border:none;color:#d9534f;font-size:.85rem;cursor:pointer;padding:4px 8px}.tree-select .select-dropdown .select-footer .clear-btn:hover{text-decoration:underline}.search-condition-form{background:transparent;padding:16px;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:1}.search-condition-form:first-child{border-radius:16px 16px 0 0}.search-condition-form:last-child{border-bottom:none;border-radius:0 0 16px 16px}.search-condition-form:only-child{border-radius:16px}.search-condition-form.disabled{opacity:.6;pointer-events:none}.search-condition-form .form-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap;position:relative}@media(max-width:768px){.search-condition-form .form-row{flex-direction:column;align-items:stretch;flex-wrap:wrap}}.search-condition-form .form-field{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.search-condition-form .form-field label{font-size:.85rem;color:#555;font-weight:500}.search-condition-form .form-field.type-field{flex:0 0 280px;min-width:250px;z-index:3}.search-condition-form .form-field.operator-field{flex:0 0 150px;min-width:130px;z-index:2}.search-condition-form .form-field.value-field{flex:1;min-width:200px;z-index:4}.search-condition-form .form-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .2s}.search-condition-form .form-select:hover{border-color:#aaa}.search-condition-form .form-select:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 2px #1a1a2e1a}.search-condition-form .form-select optgroup{font-weight:600;color:#333}.search-condition-form .form-select option{font-weight:400;padding:8px}.search-condition-form .form-input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .2s}.search-condition-form .form-input:hover{border-color:#aaa}.search-condition-form .form-input:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 2px #1a1a2e1a}.search-condition-form .form-input::placeholder{color:#999}.search-condition-form .range-inputs{display:flex;align-items:center;gap:8px}.search-condition-form .range-inputs .form-input{flex:1;min-width:100px}.search-condition-form .range-inputs .range-separator{color:#666;font-size:.9rem;white-space:nowrap}.search-condition-form .loading-options{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#666;font-size:.9rem}.search-condition-form .loading-options .spinner-small{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#1a1a2e;border-radius:50%;animation:spin .8s linear infinite}.search-condition-form .form-actions{display:flex;gap:8px;align-items:flex-end;padding-bottom:2px}.search-condition-form .form-actions .btn-add{padding:10px 20px;background:#1a1a2e;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.search-condition-form .form-actions .btn-add:hover:not(:disabled){background:#2d2d4a}.search-condition-form .form-actions .btn-add:disabled{background:#ccc;cursor:not-allowed}.search-condition-form .form-actions .btn-cancel{padding:10px 16px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.search-condition-form .form-actions .btn-cancel:hover{background:#e8e8e8;border-color:#ccc}.search-condition-form .form-actions .btn-search-all{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f5f7fa;color:#002e8c;border:1px solid #002e8c;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.search-condition-form .form-actions .btn-search-all:hover:not(:disabled){background:#002e8c;color:#fff}.search-condition-form .form-actions .btn-search-all:disabled{opacity:.5;cursor:not-allowed}.search-condition-form .form-actions .btn-search-all svg{flex-shrink:0}.search-condition-form .form-actions .btn-search{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#0d6efd;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.search-condition-form .form-actions .btn-search:hover:not(:disabled){background:#0b5ed7}.search-condition-form .form-actions .btn-search:disabled{background:#ccc;cursor:not-allowed}.search-condition-form .form-actions .btn-search svg{flex-shrink:0}.conditions-list{background:#fff;border-radius:0 0 8px 8px;overflow:hidden}.conditions-header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#f5f7fa;border-bottom:1px solid #e0e0e0}.conditions-header h3{margin:0;font-size:.95rem;font-weight:600;color:#333;white-space:nowrap;flex-shrink:0}.conditions-header .conditions-items{flex:1;display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.conditions-header .conditions-items::-webkit-scrollbar{height:4px}.conditions-header .conditions-items::-webkit-scrollbar-track{background:transparent}.conditions-header .conditions-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.conditions-header .btn-clear-all{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;color:#d63031;border:1px solid #e0e0e0;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.conditions-header .btn-clear-all:hover{background:#ffeaea;border-color:#d63031}.conditions-header .btn-clear-all svg{flex-shrink:0}.condition-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s;flex-shrink:0;cursor:pointer}.condition-item:hover{background:#e8f4fc;border-color:#002e8c}.condition-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#002e8c;color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.condition-content{display:flex;align-items:center}.condition-type{font-weight:500;color:#333;font-size:.8rem;white-space:nowrap}.condition-actions{display:flex;gap:2px}.condition-actions .btn-edit,.condition-actions .btn-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;background:transparent;color:#666;padding:0}.condition-actions .btn-edit svg,.condition-actions .btn-delete svg{width:14px;height:14px}.condition-actions .btn-edit:hover,.condition-actions .btn-delete:hover{background:#e8e8e8;color:#333}.condition-actions .btn-delete:hover{background:#ffeaea;color:#d63031}@media(max-width:768px){.conditions-header{flex-wrap:wrap;padding:8px 12px;gap:8px}.conditions-header h3{font-size:.85rem;flex:1}.conditions-header .conditions-items{order:3;flex:0 0 100%;width:100%;gap:6px}.conditions-header .btn-clear-all,.conditions-header .btn-search{padding:4px 8px;font-size:.75rem;flex-shrink:0}.condition-item{padding:4px 8px;gap:6px}.condition-type{font-size:.75rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out}.shimmer-table{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.shimmer-table .shimmer-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;padding:14px 12px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.shimmer-table .shimmer-table-body .shimmer-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;padding:12px;border-bottom:1px solid #e0e0e0}.shimmer-table .shimmer-table-body .shimmer-table-row:last-child{border-bottom:none}.shimmer-table .shimmer-table-body .shimmer-table-row:nth-child(2n){background:#fafafa}.shimmer-card{padding:20px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px}.shimmer-card .shimmer-title{margin-bottom:16px}.shimmer-card .shimmer{margin-bottom:10px}.shimmer-card .shimmer:last-child{margin-bottom:0}.search-content .recent-searches{background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;margin-bottom:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-content .recent-searches__label{color:#666;font-size:.85rem;font-weight:500}.search-content .recent-searches__chip{background:#002e8c14;border:1px solid rgba(0,46,140,.2);color:#002e8c;padding:4px 10px;border-radius:16px;font-size:.85rem;cursor:pointer;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s ease}.search-content .recent-searches__chip:hover{background:#002e8c2e}.search-content .recent-searches__clear{margin-left:auto;background:transparent;border:none;color:#666;font-size:.8rem;cursor:pointer}.search-content .recent-searches__clear:hover{color:#d32f2f}.search-content .bulk-paste-section{margin-bottom:12px}.search-content .bulk-paste-section .bulk-paste-toggle{background:transparent;border:none;color:#002e8c;font-size:.9rem;font-weight:500;cursor:pointer;padding:4px 8px}.search-content .bulk-paste-section .bulk-paste-body{background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;padding:12px;margin-top:8px}.search-content .bulk-paste-section .bulk-paste-textarea{width:100%;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:80px}.search-content .bulk-paste-section .bulk-paste-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.search-content .bulk-paste-section .bulk-paste-actions .bulk-paste-hint{color:#666;font-size:.85rem;margin-right:auto}.search-content .bulk-paste-section .bulk-paste-actions .btn-search,.search-content .bulk-paste-section .bulk-paste-actions .btn-cancel{padding:6px 14px;border-radius:8px;font-size:.9rem;cursor:pointer;border:1px solid transparent}.search-content .bulk-paste-section .bulk-paste-actions .btn-search{background:#002e8c;color:#fff}.search-content .bulk-paste-section .bulk-paste-actions .btn-search:disabled{opacity:.5;cursor:not-allowed}.search-content .bulk-paste-section .bulk-paste-actions .btn-cancel{background:transparent;border-color:#0003;color:#333}.search-content .bulk-paste-section .bulk-paste-actions .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.search-content .conditions-section{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;margin-bottom:20px;overflow:visible;position:relative;z-index:10}.search-content .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;flex-wrap:wrap;gap:16px}.search-content .toolbar .toolbar-left,.search-content .toolbar .toolbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-content .update-date{font-size:.85rem;color:#666;white-space:nowrap;padding:8px 14px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:20px}.search-content .view-mode-group{display:flex;gap:4px;padding:4px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:10px}.search-content .btn-view{padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#666;transition:all .2s}.search-content .btn-view:hover{background:#002e8c1a;color:#002e8c}.search-content .btn-view.active{background:#002e8ce6;color:#fff}.search-content .btn-view svg{display:block}.search-content .filter-group,.search-content .toggle-group,.search-content .action-group{display:flex;gap:6px}.search-content .btn-filter,.search-content .btn-toggle{padding:8px 14px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:10px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s}.search-content .btn-filter:hover:not(:disabled),.search-content .btn-toggle:hover:not(:disabled){background:#002e8c26;border-color:#002e8c4d;transform:translateY(-1px)}.search-content .btn-filter:disabled,.search-content .btn-toggle:disabled{opacity:.5;cursor:not-allowed}.search-content .btn-filter.active,.search-content .btn-toggle.active{background:#002e8ce6;color:#fff;border-color:transparent;box-shadow:0 4px 12px #002e8c4d}.search-content .btn-filter.pool.active{background:#a6ce39e6;border-color:transparent;color:#333;box-shadow:0 4px 12px #a6ce394d}.search-content .btn-toggle.outstanding.active{background:#ff9800e6;border-color:transparent;box-shadow:0 4px 12px #ff98004d}.search-content .btn-toggle.grade.active{background:#9c27b0e6;border-color:transparent;box-shadow:0 4px 12px #9c27b04d}.search-content .btn-toggle.age-calc.active{background:#ff9800e6;border-color:transparent;box-shadow:0 4px 12px #ff98004d}.search-content .btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:10px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s}.search-content .btn-action:hover:not(:disabled){background:#002e8ce6;border-color:transparent;color:#fff;transform:translateY(-1px)}.search-content .btn-action:disabled{opacity:.5;cursor:not-allowed}.search-content .age-calculator{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;background:#fff8e1cc;border:1px solid rgba(255,179,0,.4);border-radius:12px}.search-content .age-calculator .label{font-size:.85rem;color:#e65100;font-weight:500;white-space:nowrap}.search-content .age-calculator select{padding:6px 12px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;background:#fffc;border:1px solid rgba(255,179,0,.4);border-radius:8px;font-size:.85rem;cursor:pointer;outline:none;color:#333}.search-content .age-calculator select:focus{border-color:#e65100}.search-content .content-with-panel{display:flex;gap:20px;position:relative}.search-content .main-content{flex:1;min-width:0;transition:all .3s ease}.search-content .main-content.with-panel{margin-right:0}.search-content .side-panel{position:fixed;top:80px;right:0;width:260px;max-height:calc(100vh - 100px);background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px 0 0 20px;z-index:100;transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.search-content .side-panel:not(.open){transform:translate(212px)}.search-content .side-panel:not(.open) .panel-header{border-radius:20px 0 0 20px}.search-content .side-panel:not(.open) .panel-content{display:none}.search-content .side-panel .panel-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#002e8cf2,#001d59f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;border-radius:20px 0 0;-webkit-user-select:none;user-select:none;border:none}.search-content .side-panel .panel-header:hover{background:linear-gradient(135deg,#002e8c,#001540)}.search-content .side-panel .panel-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem}.search-content .side-panel .panel-toggle{display:flex;align-items:center;transition:transform .3s}.search-content .side-panel .panel-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#ffffff80}.search-content .side-panel .panel-options{display:flex;flex-direction:column;gap:6px;padding:12px;overflow-y:auto;max-height:calc(100vh - 180px)}.search-content .side-panel .panel-options::-webkit-scrollbar{width:4px}.search-content .side-panel .panel-options::-webkit-scrollbar-track{background:transparent}.search-content .side-panel .panel-options::-webkit-scrollbar-thumb{background:#002e8c4d;border-radius:2px}.search-content .side-panel .panel-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:10px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s;text-align:left;width:100%}.search-content .side-panel .panel-btn .icon{font-size:1.1rem}.search-content .side-panel .panel-btn:hover{background:#002e8c1a;transform:translate(-2px)}.search-content .side-panel .panel-btn.active{background:#002e8ce6;color:#fff;border-color:transparent}.search-content .table-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;overflow:auto}.search-content .employee-table{width:100%;border-collapse:collapse;font-size:.85rem}.search-content .employee-table th{background:#002e8cf2;color:#fff;padding:12px 10px;text-align:left;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1}.search-content .employee-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.search-content .employee-table th.sortable:hover{background:#001d59f2}.search-content .employee-table th.num{text-align:center}.search-content .employee-table th.photo-col{text-align:center;width:60px}.search-content .employee-table th.grade-header{text-align:center;background:#9c27b0e6}.search-content .employee-table th.calculated-header{background:#ff9800e6}.search-content .employee-table .grade-years-row th{padding:6px 8px;font-size:.75rem;background:#9c27b0b3}.search-content .employee-table .grade-years-row th.grade-year{text-align:center;min-width:45px}.search-content .employee-table td{padding:10px;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff4d}.search-content .employee-table td.num{text-align:center}.search-content .employee-table td.photo-cell{padding:6px;text-align:center;width:60px}.search-content .employee-table td.photo-cell img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,46,140,.2)}.search-content .employee-table td.id{font-family:SF Mono,Consolas,monospace;font-weight:500}.search-content .employee-table td.id a{color:#002e8c;text-decoration:none}.search-content .employee-table td.id a:hover{text-decoration:underline;color:#001d59}.search-content .employee-table td.name{min-width:140px;font-weight:500}.search-content .employee-table td.position,.search-content .employee-table td.agency,.search-content .employee-table td.career{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-content .employee-table td.salary{font-family:SF Mono,Consolas,monospace}.search-content .employee-table td.calculated{background:#fff8e1cc!important;color:#e65100;font-weight:600}.search-content .employee-table td.grade-cell{text-align:center;font-weight:500;min-width:45px}.search-content .employee-table td.outstanding,.search-content .employee-table td.ranking{text-align:center}.search-content .employee-table tbody tr{transition:all .15s}.search-content .employee-table tbody tr:nth-child(2n) td{background:#f8f9fc80}.search-content .employee-table tbody tr.clickable{cursor:pointer}.search-content .employee-table tbody tr.clickable:hover td{background:#c8dcff80}.search-content .badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;background:#f0f0f0cc;color:#666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-content .badge.pool{background:#a6ce39cc;color:#333}.search-content .cards-container{display:flex;flex-direction:column;gap:24px}.search-content .employee-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;overflow:hidden}.search-content .employee-card .card-header{display:flex;gap:16px;padding:16px;background:#f8f9fc80}.search-content .employee-card .card-photo{flex-shrink:0}.search-content .employee-card .card-photo img{width:100px;height:100px;object-fit:cover;border-radius:12px;border:2px solid rgba(0,46,140,.2)}.search-content .employee-card .card-main-info{flex:1;min-width:0;overflow-x:auto}.search-content .employee-card .info-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:8px}.search-content .employee-card .info-table th{background:#002e8ce6;color:#fff;padding:8px 10px;text-align:center;font-weight:500;white-space:nowrap}.search-content .employee-card .info-table td{padding:8px 10px;text-align:center;background:#ffffff80;border:1px solid rgba(0,0,0,.05)}.search-content .employee-card .info-table td.label{background:#00000008;font-weight:500;text-align:right;width:20%}.search-content .employee-card .info-table td.calculated{background:#fff8e1cc;color:#e65100;font-weight:600}.search-content .employee-card .info-table td a{color:#002e8c;font-weight:600;text-decoration:none}.search-content .employee-card .info-table td a:hover{text-decoration:underline}.search-content .employee-card .info-table.secondment-table{margin-top:8px;background:#fff3e080}.search-content .employee-card .info-table.summary-table{margin-top:8px}.search-content .employee-card .detail-section{border-top:1px solid rgba(0,0,0,.1);padding:16px}.search-content .employee-card .detail-section .section-title{margin:0 0 12px;font-size:.9rem;color:#002e8c;font-weight:600}.search-content .employee-card .detail-section .section-content{overflow-x:auto}.search-content .employee-card .detail-section .no-data{color:#666;font-size:.85rem;margin:0;padding:12px;background:#00000008;border-radius:8px;text-align:center}.search-content .employee-card .detail-table{width:100%;border-collapse:collapse;font-size:.8rem}.search-content .employee-card .detail-table th{background:#002e8c1a;color:#333;padding:10px 12px;text-align:left;font-weight:600;border:1px solid rgba(0,0,0,.1)}.search-content .employee-card .detail-table td{padding:10px 12px;border:1px solid rgba(0,0,0,.05);background:#ffffff80}.search-content .employee-card .detail-table td.label{background:#00000008;font-weight:500;text-align:right;width:20%;white-space:nowrap}.search-content .error-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;background:#ffc8c8b3;border:1px solid rgba(255,150,150,.4);border-radius:16px;color:#d63031}.search-content .error-message svg{flex-shrink:0}.search-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;color:#666}.search-content .empty-state svg{margin-bottom:16px;opacity:.4}.search-content .empty-state p{font-size:1.1rem;margin:0}.search-content .empty-state .hint{margin-top:8px;font-size:.9rem;color:#999}@media print{.page-layout .app-header,.search-content .toolbar,.search-content .conditions-section,.search-content .side-panel{display:none!important}.page-layout{background:#fff}.page-layout .page-content{padding:0}.search-content .content-with-panel{display:block}.search-content .main-content{margin:0!important}.search-content .table-container,.search-content .employee-card{box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ddd}.search-content .employee-table{font-size:9pt}.search-content .employee-table th{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.search-content .employee-table td{background:#fff}.search-content .cards-container{gap:16px}.search-content .employee-card{break-inside:avoid;page-break-inside:avoid}.search-content .employee-card .info-table th{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(max-width:1200px){.search-content .side-panel{width:240px}.search-content .side-panel:not(.open){transform:translate(192px)}}@media(max-width:1024px){.search-content .toolbar{flex-direction:column;align-items:stretch}.search-content .toolbar .toolbar-left,.search-content .toolbar .toolbar-right{width:100%;justify-content:flex-start}.search-content .side-panel{top:70px;width:220px}.search-content .side-panel:not(.open){transform:translate(172px)}.search-content .side-panel .panel-header{padding:12px 14px}.search-content .side-panel .panel-title{font-size:.85rem}}@media(max-width:768px){.search-content .toolbar{padding:14px;gap:12px;border-radius:12px}.search-content .toolbar .toolbar-left,.search-content .toolbar .toolbar-right{gap:8px}.search-content .filter-group,.search-content .toggle-group,.search-content .action-group{flex-wrap:wrap}.search-content .btn-filter,.search-content .btn-toggle,.search-content .btn-action{padding:8px 12px;font-size:.8rem}.search-content .age-calculator{width:100%;justify-content:center}.search-content .employee-table{font-size:.75rem}.search-content .employee-table th,.search-content .employee-table td{padding:8px 6px}.search-content .employee-card .card-header{flex-direction:column;align-items:center;text-align:center}.search-content .employee-card .card-photo img{width:80px;height:80px}.search-content .conditions-section,.search-content .table-container,.search-content .empty-state,.search-content .employee-card{border-radius:12px}.search-content .side-panel{width:200px;top:60px}.search-content .side-panel:not(.open){transform:translate(152px)}.search-content .side-panel .panel-header{padding:10px 12px}.search-content .side-panel .panel-title{font-size:.8rem;gap:6px}.search-content .side-panel .panel-title svg{width:16px;height:16px}.search-content .side-panel .panel-options{padding:10px;gap:4px}.search-content .side-panel .panel-btn{padding:8px 10px;font-size:.8rem}.search-content .side-panel .panel-btn .icon{font-size:1rem}}.employee-detail-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;min-height:100vh}.header{display:flex;align-items:center;gap:15px;margin-bottom:24px;padding-bottom:15px;border-bottom:2px solid #002e8c}.header h1{font-size:1.5rem;color:#002e8c;margin:0}.btn-back{display:flex;align-items:center;gap:5px;padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-back:hover{background:#f5f5f5;border-color:#002e8c}.btn-back .arrow{font-size:1.1rem}.loading,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666}.loading .spinner,.error-state .spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#002e8c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading button,.error-state button{margin-top:20px;padding:10px 24px;background:#002e8c;color:#fff;border:none;border-radius:4px;cursor:pointer}.employee-summary{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:24px}.employee-summary .avatar{width:80px;height:80px;background:#002e8c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.employee-summary .info{flex:1}.employee-summary .info h2{margin:0 0 8px;font-size:1.5rem;color:#333}.employee-summary .info p{margin:0 0 4px;color:#666}.employee-summary .info p.id{font-family:monospace;font-size:.9rem}.employee-summary .info p.position{font-weight:500;color:#333}.employee-summary .badges{display:flex;flex-direction:column;gap:8px}.employee-summary .badges .badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;text-align:center}.employee-summary .badges .badge.level{background:#002e8c;color:#fff}.employee-summary .badges .badge.pool{background:#a6ce39;color:#333}.tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:24px;overflow-x:auto}.tabs .tab{padding:12px 20px;border:none;background:transparent;font-size:.95rem;color:#666;cursor:pointer;white-space:nowrap;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs .tab:hover{color:#002e8c}.tabs .tab.active{color:#002e8c;font-weight:600;border-bottom-color:#002e8c}.tab-content{min-height:300px}.profile-content h3{font-size:1.1rem;color:#002e8c;margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.info-grid .info-item{padding:12px;background:#f8f9fa;border-radius:8px}.info-grid .info-item.full{grid-column:1/-1}.info-grid .info-item label{display:block;font-size:.8rem;color:#666;margin-bottom:4px}.info-grid .info-item span{font-size:.95rem;color:#333;font-weight:500}.table-content{overflow-x:auto}.table-content table{width:100%;border-collapse:collapse;font-size:.9rem}.table-content table th{background:#002e8c;color:#fff;padding:12px 10px;text-align:left;font-weight:600;white-space:nowrap}.table-content table td{padding:10px;border-bottom:1px solid #e0e0e0;background:#fff}.table-content table tbody tr:nth-child(2n) td{background:#fafafa}.table-content table tbody tr:hover td{background:#e8f4fd}.table-content .empty{padding:40px;text-align:center;color:#666}@media(max-width:768px){.employee-summary{flex-direction:column;text-align:center}.employee-summary .badges{flex-direction:row}.info-grid{grid-template-columns:1fr}}.compare-table td.cell-diff{background:#ffc1072e;box-shadow:inset 0 0 0 1px #ff9800b3;position:relative}.toolbar .actions .btn-diff{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.toolbar .actions .btn-diff:hover{background:#f4f4f4}.toolbar .actions .btn-diff.active{background:#ff980026;border-color:#ff9800b3;color:#b76a00}.compare-content .error-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;background:#ffc8c8b3;border:1px solid rgba(255,150,150,.4);border-radius:16px;color:#d63031;margin-bottom:20px}.compare-content .error-banner svg{flex-shrink:0}.compare-content .error-banner span{flex:1}.compare-content .error-banner button{background:none;border:none;font-size:1.4rem;color:#d63031;cursor:pointer;padding:0 4px;line-height:1}.compare-content .error-banner button:hover{color:#a71d2a}.compare-content .employee-slots{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.compare-content .employee-slot{flex:1;min-width:200px;max-width:280px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px;padding:20px;position:relative;transition:all .3s ease}.compare-content .employee-slot.filled{border:2px solid rgba(0,46,140,.5);cursor:grab}.compare-content .employee-slot.filled:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.compare-content .employee-slot.filled:active{cursor:grabbing}.compare-content .employee-slot.empty{border:2px dashed rgba(0,46,140,.3);display:flex;align-items:center;justify-content:center;min-height:200px}.compare-content .employee-slot.dragging{opacity:.5;transform:scale(.98);box-shadow:0 16px 40px #0003}.compare-content .employee-slot.drag-over{border-color:#a6ce39;background:#a6ce3926;transform:scale(1.02)}.compare-content .drag-handle{position:absolute;top:10px;left:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:8px;color:#666;cursor:grab;transition:all .2s}.compare-content .drag-handle:hover{background:#002e8ce6;border-color:#002e8c;color:#fff}.compare-content .drag-handle:active{cursor:grabbing}.compare-content .btn-toggle-visibility{position:absolute;top:10px;right:44px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;background:#c8dcff80;border-radius:50%;color:#002e8c;cursor:pointer;transition:all .2s}.compare-content .btn-toggle-visibility:hover{background:#002e8ce6;color:#fff}.compare-content .btn-toggle-visibility.hidden{background:#9696964d;color:#999}.compare-content .btn-toggle-visibility.hidden:hover{background:#646464cc;color:#fff}.compare-content .btn-remove-employee{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;background:#ffc8c880;border:1px solid rgba(255,150,150,.4);border-radius:50%;color:#d63031;cursor:pointer;transition:all .2s}.compare-content .btn-remove-employee:hover{background:#d63031e6;color:#fff}.compare-content .employee-slot.hidden-employee{opacity:.6;border-style:dashed}.compare-content .employee-slot.hidden-employee .employee-avatar img,.compare-content .employee-slot.hidden-employee .employee-avatar .avatar-placeholder{filter:grayscale(100%);opacity:.7}.compare-content .employee-slot.hidden-employee .employee-info h3{color:#999}.compare-content .employee-avatar{display:flex;justify-content:center;margin-bottom:16px}.compare-content .employee-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(0,46,140,.5);box-shadow:0 4px 15px #00000026}.compare-content .employee-avatar .avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;display:flex;align-items:center;justify-content:center;color:#999}.compare-content .employee-info{text-align:center}.compare-content .employee-info h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:#333}.compare-content .employee-info p{margin:0;font-size:.85rem;color:#666;line-height:1.5}.compare-content .employee-info .employee-id{color:#002e8c;font-weight:500;font-family:SF Mono,Consolas,monospace}.compare-content .slot-input{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.compare-content .slot-input .input-wrapper{display:flex;width:100%;gap:8px;position:relative}.compare-content .slot-input .input-wrapper .suggestion-list{position:absolute;top:100%;left:0;right:0;margin:4px 0 0;padding:4px 0;list-style:none;background:#fff;border:1px solid #d6d6d6;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:280px;overflow-y:auto;z-index:50}.compare-content .slot-input .input-wrapper .suggestion-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer}.compare-content .slot-input .input-wrapper .suggestion-list li:hover{background:#f0f7ff}.compare-content .slot-input .input-wrapper .suggestion-list li img{width:28px;height:28px;border-radius:50%;object-fit:cover}.compare-content .slot-input .input-wrapper .suggestion-list li .text{display:flex;flex-direction:column;font-size:.85rem;color:#222}.compare-content .slot-input .input-wrapper .suggestion-list li .sub{font-size:.75rem;color:#888}.compare-content .slot-input .input-wrapper input{flex:1;padding:10px 14px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;font-size:.9rem;text-align:center;color:#333}.compare-content .slot-input .input-wrapper input:focus{outline:none;border-color:#002e8c80;background:#fffc}.compare-content .slot-input .input-wrapper input::placeholder{color:#999}.compare-content .slot-input .input-wrapper button{padding:10px 14px;background:#002e8ccc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003;color:#fff;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.compare-content .slot-input .input-wrapper button:hover:not(:disabled){background:#002e8cf2;transform:translateY(-2px)}.compare-content .slot-input .input-wrapper button:disabled{opacity:.6;cursor:not-allowed}.compare-content .slot-input .btn-remove-slot{padding:6px 12px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:8px;color:#666;cursor:pointer;font-size:.8rem;transition:all .2s}.compare-content .slot-input .btn-remove-slot:hover{background:#ffc8c899;border-color:#ff969680;color:#d63031}.compare-content .spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.compare-content .btn-add-slot{flex:1;min-width:200px;max-width:280px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border:2px dashed rgba(0,46,140,.3);border-radius:20px;color:#666;cursor:pointer;transition:all .3s}.compare-content .btn-add-slot:hover{background:#c8dcff80;border-color:#002e8c99;color:#002e8c;transform:translateY(-4px)}.compare-content .btn-add-slot.drop-target{background:#a6ce3933;border-color:#a6ce39;color:#678120;transform:scale(1.02)}.compare-content .btn-add-slot.drop-target svg{animation:pulse 1s ease-in-out infinite}.compare-content .btn-add-slot span{font-size:.9rem}.compare-content .toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px;margin-bottom:20px;flex-wrap:wrap;gap:16px}.compare-content .options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.compare-content .options .options-label{font-weight:600;color:#002e8c;font-size:.9rem}.compare-content .options label{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;cursor:grab;font-size:.85rem;color:#666;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;transition:all .2s;-webkit-user-select:none;user-select:none}.compare-content .options label .drag-handle{color:#bbb;font-size:.75rem;letter-spacing:-2px;cursor:grab;position:static;width:auto;height:auto;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.compare-content .options label input{display:none}.compare-content .options label.active{background:#002e8c33;color:#002e8c;border-color:#002e8c4d}.compare-content .options label.active .drag-handle{color:#002e8c80}.compare-content .options label:hover{background:#002e8c40;transform:translateY(-2px)}.compare-content .options label.dragging{opacity:.5;cursor:grabbing}.compare-content .options label.drag-over{background:#002e8c66;transform:scale(1.05)}.compare-content .actions{display:flex;gap:12px}.compare-content .btn-share,.compare-content .btn-export,.compare-content .btn-print{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s}.compare-content .btn-share:hover,.compare-content .btn-export:hover,.compare-content .btn-print:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.compare-content .btn-share{background:#4267b2cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(66,103,178,.4);color:#fff}.compare-content .btn-share:hover{background:#4267b2f2}.compare-content .btn-share.copied{background:#a6ce39e6;border-color:#a6ce3980;color:#002e8c}.compare-content .btn-export{background:#217346cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(33,115,70,.4);color:#fff}.compare-content .btn-export:hover{background:#217346f2}.compare-content .btn-print:hover{background:#002e8ce6;color:#fff}.compare-content .compare-table-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px;overflow:visible}.compare-content .compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.compare-content .compare-table th{background:#002e8cf2;color:#fff;padding:14px 16px;text-align:left;font-weight:600;position:sticky;top:65px;z-index:20}.compare-content .compare-table th:first-child{border-radius:0}.compare-content .compare-table th.label-col{width:180px;min-width:180px}.compare-content .compare-table th.data-col{text-align:center}.compare-content .compare-table td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);vertical-align:top;background:#ffffff4d}.compare-content .compare-table td.label{background:#f8f9facc;font-weight:500;color:#666}.compare-content .compare-table tbody tr:hover td:not(.label){background:#f0f8ffb3}.compare-content .compare-table .section-row{cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:110px;z-index:10}.compare-content .compare-table .section-row:hover td{background:#002e8cd9!important}.compare-content .compare-table .section-row.collapsed td{background:#002e8cb3!important}.compare-content .compare-table .section-row td{background:#002e8ce6;color:#fff;font-weight:600;padding:10px 16px;font-size:.85rem;border-bottom:none}.compare-content .compare-table .section-row .section-toggle{margin-right:8px;font-size:.75rem;display:inline-block;width:12px}.compare-content .compare-table .multi-line{display:flex;flex-direction:column;gap:2px}.compare-content .compare-table .multi-line strong{font-weight:600;color:#333}.compare-content .compare-table .multi-line .sub{font-size:.8rem;color:#666}.compare-content .compare-table .multi-line .date{font-style:italic}.compare-content .compare-table .multi-line .score{color:#002e8c;font-weight:500}.compare-content .compare-table .multi-line .salary{font-family:SF Mono,Consolas,monospace;color:#002e8c;font-weight:600}.compare-content .compare-table .grade{display:inline-block;padding:4px 12px;border-radius:8px;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.compare-content .compare-table .grade.grade-a{background:#d4eddacc;color:#155724}.compare-content .compare-table .grade.grade-b{background:#cce5ffcc;color:#004085}.compare-content .compare-table .grade.grade-c{background:#fff3cdcc;color:#856404}.compare-content .compare-table .grade.grade-d{background:#ffe0b2cc;color:#e65100}.compare-content .compare-table .grade.grade-e{background:#f8d7dacc;color:#721c24}.compare-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px;color:#666}.compare-content .empty-state svg{margin-bottom:16px;opacity:.4}.compare-content .empty-state p{font-size:1.1rem;margin:0}.compare-content .empty-state .hint{margin-top:8px;font-size:.9rem;color:#999}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media print{.page-layout .app-header,.compare-content .employee-slots,.compare-content .toolbar,.compare-content .btn-remove-employee,.compare-content .btn-toggle-visibility,.candidate-pool-panel{display:none!important}.page-layout{background:#fff}.page-layout .page-content{padding:0}.compare-content .compare-table-container{box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.compare-content .compare-table{font-size:9pt}.compare-content .compare-table th,.compare-content .compare-table .section-row td{background:#333!important;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.candidate-pool-panel{position:fixed;top:80px;right:0;width:280px;max-height:calc(100vh - 100px);background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px 0 0 20px;z-index:100;transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.candidate-pool-panel.collapsed{transform:translate(232px)}.candidate-pool-panel.collapsed .pool-header{border-radius:20px 0 0 20px}.candidate-pool-panel .pool-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#002e8ccc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003;color:#fff;cursor:pointer;border-radius:20px 0 0;-webkit-user-select:none;user-select:none;border:none}.candidate-pool-panel .pool-header:hover{background:#002e8ce6}.candidate-pool-panel .pool-toggle{display:flex;align-items:center;transition:transform .3s}.candidate-pool-panel .pool-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem}.candidate-pool-panel .pool-title .pool-count{background:#a6ce39e6;color:#002e8c;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.candidate-pool-panel .pool-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#ffffff80}.candidate-pool-panel .pool-input{display:flex;gap:8px;padding:12px;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff4d}.candidate-pool-panel .pool-input input{flex:1;padding:8px 12px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:10px;font-size:.85rem}.candidate-pool-panel .pool-input input:focus{outline:none;border-color:#002e8c80;background:#fffc}.candidate-pool-panel .pool-input input::placeholder{color:#999}.candidate-pool-panel .pool-input button{padding:8px 12px;background:#002e8ccc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003;color:#fff;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.candidate-pool-panel .pool-input button:hover:not(:disabled){background:#002e8cf2}.candidate-pool-panel .pool-input button:disabled{opacity:.6;cursor:not-allowed}.candidate-pool-panel .pool-list{flex:1;overflow-y:auto;padding:8px;min-height:150px}.candidate-pool-panel .pool-list.drop-target{background:#a6ce3926;border:2px dashed #a6ce39;border-radius:12px;margin:8px}.candidate-pool-panel .pool-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#999;text-align:center}.candidate-pool-panel .pool-empty svg{margin-bottom:12px;opacity:.5}.candidate-pool-panel .pool-empty span{font-size:.85rem}.candidate-pool-panel .pool-empty .hint{font-size:.75rem;color:#bbb;margin-top:4px}.candidate-pool-panel .pool-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;margin-bottom:8px;cursor:grab;transition:all .2s}.candidate-pool-panel .pool-item:hover{background:#fffc;border-color:#002e8c66;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.candidate-pool-panel .pool-item:active{cursor:grabbing}.candidate-pool-panel .pool-item.dragging{opacity:.5;transform:scale(.98)}.candidate-pool-panel .pool-item.drag-over{border-color:#a6ce39;background:#a6ce3926}.candidate-pool-panel .pool-item-avatar{width:36px;height:36px;flex-shrink:0}.candidate-pool-panel .pool-item-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(0,46,140,.5);box-shadow:0 2px 8px #0000001a}.candidate-pool-panel .pool-item-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;display:flex;align-items:center;justify-content:center;color:#999}.candidate-pool-panel .pool-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.candidate-pool-panel .pool-item-name{font-size:.8rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-pool-panel .pool-item-id{font-size:.7rem;color:#002e8c;font-family:SF Mono,Consolas,monospace}.candidate-pool-panel .pool-item-actions{display:flex;gap:4px}.candidate-pool-panel .btn-move-to-slot,.candidate-pool-panel .btn-remove-from-pool{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.candidate-pool-panel .btn-move-to-slot{background:#002e8c26;color:#002e8c}.candidate-pool-panel .btn-move-to-slot:hover{background:#002e8ce6;color:#fff}.candidate-pool-panel .btn-remove-from-pool{background:#d6303126;color:#d63031}.candidate-pool-panel .btn-remove-from-pool:hover{background:#d63031e6;color:#fff}.candidate-pool-panel .pool-error{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#ffc8c8b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,150,150,.4);color:#d63031;font-size:.8rem}.candidate-pool-panel .pool-error span{flex:1}.candidate-pool-panel .pool-error button{background:none;border:none;font-size:1.2rem;color:#d63031;cursor:pointer;padding:0 4px;line-height:1}.candidate-pool-panel .pool-error button:hover{color:#a71d2a}@media(max-width:1024px){.compare-content .employee-slots{justify-content:center}.compare-content .employee-slot,.compare-content .btn-add-slot{min-width:160px;max-width:none;flex:1 1 calc(50% - 8px)}}@media(max-width:768px){.compare-content .employee-slot,.compare-content .btn-add-slot{flex:1 1 100%;max-width:none}.compare-content .toolbar{flex-direction:column;align-items:stretch}.compare-content .toolbar .options{justify-content:flex-start}.compare-content .toolbar .actions{justify-content:flex-end}.compare-content .compare-table{font-size:.8rem}.compare-content .compare-table th,.compare-content .compare-table td{padding:10px 12px}.compare-content .compare-table th.label-col{width:120px;min-width:120px}.candidate-pool-panel{width:240px;top:60px;max-height:calc(100vh - 80px)}.candidate-pool-panel.collapsed{transform:translate(192px)}.candidate-pool-panel .pool-header{padding:12px 14px}.candidate-pool-panel .pool-title{font-size:.8rem}.candidate-pool-panel .pool-item{padding:8px}.candidate-pool-panel .pool-item-avatar{width:30px;height:30px}.candidate-pool-panel .pool-item-name{font-size:.75rem}}.salary-structure-content{max-width:980px;margin:0 auto}.salary-structure-content .structure-toolbar{background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.salary-structure-content .structure-toolbar .view-toggle{display:flex;gap:4px;background:#fff9;border-radius:8px;padding:4px}.salary-structure-content .structure-toolbar .view-toggle .view-btn{background:transparent;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;color:#333;font-size:.9rem;transition:background .15s ease}.salary-structure-content .structure-toolbar .view-toggle .view-btn:hover{background:#002e8c14}.salary-structure-content .structure-toolbar .view-toggle .view-btn.active{background:#002e8c;color:#fff}.salary-structure-content .structure-toolbar .structure-actions{display:flex;gap:8px}.salary-structure-content .structure-toolbar .structure-actions .btn-action{padding:6px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:background .15s ease}.salary-structure-content .structure-toolbar .structure-actions .btn-action:hover{background:#f4f4f4}.salary-structure-content .structure-toolbar .structure-actions .btn-action:disabled{opacity:.5;cursor:not-allowed}.salary-structure-content .chart-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;padding:16px;margin-bottom:16px;overflow-x:auto}.salary-structure-content .chart-container .salary-chart{width:100%;height:auto;max-height:480px}.salary-structure-content .chart-container .salary-chart-empty{padding:40px;text-align:center;color:#666}@media print{@page{size:A4;margin:12mm}.no-print{display:none!important}body{background:#fff!important}.salary-structure-content{max-width:100%!important}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px;color:#666}.loading .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#002e8c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.error-message{padding:20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;background:#ffc8c8b3;border:1px solid rgba(255,150,150,.4);border-radius:16px;color:#d63031;text-align:center}.notice{padding:16px 24px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;background:#c8dcff99;border:1px solid rgba(41,137,216,.3);border-radius:16px;color:#002e8c;margin-bottom:24px;text-align:center;font-weight:500}.notice span{display:inline-flex;align-items:center;gap:8px}.notice span:before{content:"";display:inline-block;width:8px;height:8px;background:#002e8c;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.table-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:20px;overflow:hidden}.table-container table{width:100%;border-collapse:collapse}.table-container table th{background:#002e8cf2;color:#fff;padding:18px 16px;text-align:center;font-weight:600}.table-container table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.table-container table th.sortable:hover{background:#002470f2}.table-container table th.sortable:active{background:#001a52f2}.table-container table th .sort-indicator{margin-left:6px;font-size:.75rem;opacity:.5;display:inline-block;min-width:12px;transition:opacity .2s}.table-container table th .sort-indicator.active{opacity:1}.table-container table td{padding:16px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff4d;transition:all .2s}.table-container table td.level{font-weight:700;color:#002e8c;font-size:1.1rem}.table-container table td.value{font-family:SF Mono,Consolas,monospace;font-size:1rem;color:#333}.table-container table tbody tr.highlight td{background:#fff3cdcc;font-weight:600}.table-container table tbody tr.highlight:hover td{background:#ffe69ce6}@media(max-width:768px){.salary-structure-content{padding:0 10px}.table-container{border-radius:16px}.table-container table th,.table-container table td{padding:12px 10px;font-size:.9rem}.notice{padding:14px 18px;font-size:.9rem;border-radius:12px}}@media print{.salary-structure-content .table-container{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid #ddd}.salary-structure-content .table-container table th{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.salary-structure-content .table-container table td{background:#fff}.salary-structure-content .table-container table tbody tr.highlight td{background:#fff3cd!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pool-search-content .recent-searches{background:#ffffff8c;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 18px #0000000f;border-radius:12px;margin-bottom:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pool-search-content .recent-searches__label{color:#666;font-size:.85rem;font-weight:500}.pool-search-content .recent-searches__chip{background:#002e8c14;border:1px solid rgba(0,46,140,.2);color:#002e8c;padding:4px 10px;border-radius:16px;font-size:.85rem;cursor:pointer;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-search-content .recent-searches__chip:hover{background:#002e8c2e}.pool-search-content .recent-searches__clear{margin-left:auto;background:transparent;border:none;color:#666;font-size:.8rem;cursor:pointer}.pool-search-content .recent-searches__clear:hover{color:#d32f2f}.pool-search-content .pool-tab-strip{display:flex;gap:4px;margin-bottom:12px;background:#ffffff8c;border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:6px;width:fit-content}.pool-search-content .pool-tab-strip .pool-tab{background:transparent;border:1px solid transparent;padding:6px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;color:#333;transition:background .15s ease}.pool-search-content .pool-tab-strip .pool-tab:hover{background:#002e8c14}.pool-search-content .pool-tab-strip .pool-tab.active{background:#002e8c;color:#fff}.pool-search-content .pool-tab-strip .pool-tab.active.pool{background:#a6ce39;color:#002}.pool-search-content .conditions-section{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;margin-bottom:20px;overflow:visible;position:relative;z-index:10}.pool-search-content .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;flex-wrap:wrap;gap:16px}.pool-search-content .toolbar .toolbar-left,.pool-search-content .toolbar .toolbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pool-search-content .search-box{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f5f7fa;border:1px solid #e0e0e0;border-radius:8px;min-width:250px}.pool-search-content .search-box svg{color:#666;flex-shrink:0}.pool-search-content .search-box input{flex:1;border:none;background:transparent;font-size:.95rem;color:#333;outline:none}.pool-search-content .search-box input::placeholder{color:#999}.pool-search-content .search-box:focus-within{border-color:#002e8c;background:#fff}.pool-search-content .filter-group,.pool-search-content .action-group{display:flex;gap:6px}.pool-search-content .toggle-group{display:flex;gap:6px;flex-wrap:wrap}.pool-search-content .btn-filter,.pool-search-content .btn-toggle{padding:8px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s}.pool-search-content .btn-filter:hover:not(:disabled),.pool-search-content .btn-toggle:hover:not(:disabled){background:#f5f5f5;border-color:#002e8c}.pool-search-content .btn-filter:disabled,.pool-search-content .btn-toggle:disabled{opacity:.5;cursor:not-allowed}.pool-search-content .btn-filter.active,.pool-search-content .btn-toggle.active{background:#002e8c;color:#fff;border-color:#002e8c}.pool-search-content .btn-filter.pool.active{background:#a6ce39;border-color:#a6ce39;color:#333}.pool-search-content .filter-group.pool-filter .btn-pool-all{background:#1a1a2e;border-color:#1a1a2e;color:#fff;position:relative;transition:all .2s}.pool-search-content .filter-group.pool-filter .btn-pool-all:hover:not(:disabled):not(.active){background:#2d2d4a;border-color:#2d2d4a}.pool-search-content .filter-group.pool-filter .btn-pool-all.active{background:#1a1a2e;border-color:#fff;box-shadow:0 0 0 3px #1a1a2e,0 4px 12px #0000004d;transform:scale(1.05);z-index:1}.pool-search-content .filter-group.pool-filter .btn-pool-all.active:after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#a6ce39;color:#1a1a2e;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.pool-search-content .filter-group.pool-filter .btn-pool{color:#fff;font-weight:500;position:relative;transition:all .2s}.pool-search-content .filter-group.pool-filter .btn-pool:hover:not(:disabled):not(.active){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.pool-search-content .filter-group.pool-filter .btn-pool.active{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 6px 16px #00000059;z-index:1}.pool-search-content .filter-group.pool-filter .btn-pool.active:after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#1a1a2e;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.pool-search-content .btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s}.pool-search-content .btn-action:hover:not(:disabled){background:#002e8c;border-color:#002e8c;color:#fff}.pool-search-content .btn-action:disabled{opacity:.5;cursor:not-allowed}.pool-search-content .btn-action.btn-add-condition{background:#002e8c;border-color:#002e8c;color:#fff}.pool-search-content .btn-action.btn-add-condition:hover:not(:disabled){background:#001d59}.pool-search-content .btn-action.btn-search{background:#a6ce39;border-color:#a6ce39;color:#333}.pool-search-content .btn-action.btn-search:hover:not(:disabled){background:#88aa2a}.pool-search-content .btn-action.btn-clear{background:#fff5f5;border-color:#ffccd5;color:#d63031}.pool-search-content .btn-action.btn-clear:hover:not(:disabled){background:#d63031;border-color:#d63031;color:#fff}.pool-search-content .btn-action.btn-export{background:#217346;border-color:#217346;color:#fff}.pool-search-content .btn-action.btn-export:hover:not(:disabled){background:#164b2e}.pool-search-content .btn-action.btn-export .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.pool-search-content .btn-action.btn-search-all{background:#f5f7fa;border-color:#002e8c;color:#002e8c}.pool-search-content .btn-action.btn-search-all:hover:not(:disabled){background:#002e8c;color:#fff}.pool-search-content .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.pool-search-content .loading .spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#002e8c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.pool-search-content .loading span{color:#666;font-size:.95rem}.pool-search-content .loading-progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;margin-bottom:16px;background:#e3f2fd;border:1px solid #90caf9;border-radius:12px;color:#1565c0}.pool-search-content .loading-progress:before{content:"";width:16px;height:16px;border:2px solid #90caf9;border-top-color:#1565c0;border-radius:50%;animation:spin .8s linear infinite}.pool-search-content .warning-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;margin-bottom:16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;color:#b45309}.pool-search-content .warning-message svg{flex-shrink:0}.pool-search-content .error-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fff5f5;border:1px solid #ffccd5;border-radius:12px;color:#d63031}.pool-search-content .error-message svg{flex-shrink:0}.pool-search-content .pool-groups{display:flex;flex-direction:column;gap:24px}.pool-search-content .pool-groups-actions{display:flex;gap:8px;margin-bottom:-8px}.pool-search-content .pool-groups-actions .btn-expand-all,.pool-search-content .pool-groups-actions .btn-collapse-all{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;color:#333;transition:all .2s}.pool-search-content .pool-groups-actions .btn-expand-all:hover,.pool-search-content .pool-groups-actions .btn-collapse-all:hover{background:#f5f5f5;border-color:#002e8c}.pool-search-content .pool-groups-actions .btn-expand-all svg,.pool-search-content .pool-groups-actions .btn-collapse-all svg{flex-shrink:0}.pool-search-content .pool-group .pool-group-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px 12px 0 0;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-radius .2s}.pool-search-content .pool-group .pool-group-header:hover{filter:brightness(1.05)}.pool-search-content .pool-group .pool-group-header .collapse-icon{flex-shrink:0;transition:transform .2s ease}.pool-search-content .pool-group .pool-group-header .collapse-icon.collapsed{transform:rotate(-90deg)}.pool-search-content .pool-group .pool-group-header .pool-group-name{font-size:1.1rem}.pool-search-content .pool-group .pool-group-header .pool-group-count{font-size:.95rem;opacity:.9}.pool-search-content .pool-group.collapsed .pool-group-header{border-radius:12px}.pool-search-content .pool-group .table-wrapper{border-radius:0 0 12px 12px}.pool-search-content .table-wrapper{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000f;position:relative}.pool-search-content .table-header-sticky{position:sticky;top:65px;z-index:20;overflow-x:scroll;overflow-y:hidden;background:#fff;scrollbar-width:none;-ms-overflow-style:none}.pool-search-content .table-header-sticky::-webkit-scrollbar{display:none}.pool-search-content .table-body-scroll{overflow-x:scroll;overflow-y:hidden}.pool-search-content .pool-table{min-width:100%;width:max-content;border-collapse:separate;border-spacing:0;font-size:.9rem;table-layout:fixed;--col-num: 50px;--col-photo: 60px;--col-id: 100px;--col-name: 180px;--col-level: 65px;--col-age: 75px;--col-agejob: 80px;--col-retire: 85px;--col-position: 200px;--col-agency: 150px;--col-default: 110px;--col-sub: 100px;--col1-left: 0px;--col2-left: 50px;--col3-left: 110px;--col4-left: 210px}.pool-search-content .pool-table th.col-num,.pool-search-content .pool-table td.col-num{width:var(--col-num);min-width:var(--col-num);max-width:var(--col-num);text-align:center;position:sticky;left:var(--col1-left);z-index:100}.pool-search-content .pool-table th.col-photo,.pool-search-content .pool-table td.col-photo{width:var(--col-photo);min-width:var(--col-photo);max-width:var(--col-photo);text-align:center;position:sticky;left:var(--col2-left);z-index:100}.pool-search-content .pool-table th.col-id,.pool-search-content .pool-table td.col-id{width:var(--col-id);min-width:var(--col-id);max-width:var(--col-id);position:sticky;left:var(--col3-left);z-index:100}.pool-search-content .pool-table th.col-name,.pool-search-content .pool-table td.col-name{width:var(--col-name);min-width:var(--col-name);max-width:var(--col-name);position:sticky;left:var(--col4-left);z-index:100;box-shadow:4px 0 8px #0000001a}.pool-search-content .pool-table th.col-level,.pool-search-content .pool-table td.col-level{width:var(--col-level);min-width:var(--col-level);max-width:var(--col-level);text-align:center}.pool-search-content .pool-table th.col-age,.pool-search-content .pool-table td.col-age{width:var(--col-age);min-width:var(--col-age);max-width:var(--col-age);text-align:center}.pool-search-content .pool-table th.col-agejob,.pool-search-content .pool-table td.col-agejob{width:var(--col-agejob);min-width:var(--col-agejob);max-width:var(--col-agejob);text-align:center}.pool-search-content .pool-table th.col-retire,.pool-search-content .pool-table td.col-retire{width:var(--col-retire);min-width:var(--col-retire);max-width:var(--col-retire);text-align:center}.pool-search-content .pool-table th.col-position,.pool-search-content .pool-table td.col-position{width:var(--col-position);min-width:var(--col-position);max-width:var(--col-position)}.pool-search-content .pool-table th.col-agency,.pool-search-content .pool-table td.col-agency{width:var(--col-agency);min-width:var(--col-agency);max-width:var(--col-agency)}.pool-search-content .pool-table th.col-default,.pool-search-content .pool-table td.col-default{width:var(--col-default);min-width:var(--col-default);max-width:var(--col-default);text-align:center}.pool-search-content .pool-table th{background:#1a1a2efa;color:#fff;padding:14px 12px;text-align:left;font-weight:600;white-space:nowrap;position:relative;z-index:1}.pool-search-content .pool-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.pool-search-content .pool-table th.sortable:hover{background:#252545fa}.pool-search-content .pool-table th.col-num,.pool-search-content .pool-table th.col-photo,.pool-search-content .pool-table th.col-id,.pool-search-content .pool-table th.col-name{background:#1a1a2e!important}.pool-search-content .pool-table th.sub-column{width:var(--col-sub);min-width:var(--col-sub);max-width:var(--col-sub);z-index:1!important;position:relative!important;left:auto!important;font-size:.75rem;font-weight:500;padding:10px 6px;text-align:center;white-space:normal;word-wrap:break-word;background:#1a1a2ed9;border-left:1px solid rgba(255,255,255,.15)}.pool-search-content .pool-table th.group-header{text-align:center;font-weight:700;font-size:.95rem;background:#002e8cf2;border-bottom:2px solid rgba(255,255,255,.3);z-index:1!important;position:relative!important;left:auto!important}.pool-search-content .pool-table td{padding:12px;border-bottom:1px solid #eee;background:#fff}.pool-search-content .pool-table td.col-num,.pool-search-content .pool-table td.col-photo,.pool-search-content .pool-table td.col-id,.pool-search-content .pool-table td.col-name{background:#fff;z-index:5}.pool-search-content .pool-table td.col-photo{padding:6px}.pool-search-content .pool-table td.col-photo img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,46,140,.2)}.pool-search-content .pool-table td.col-id{font-family:SF Mono,Consolas,monospace;font-weight:500}.pool-search-content .pool-table td.col-id a{color:#002e8c;text-decoration:none}.pool-search-content .pool-table td.col-id a:hover{text-decoration:underline;color:#001d59}.pool-search-content .pool-table td.col-name{font-weight:500}.pool-search-content .pool-table td.col-position,.pool-search-content .pool-table td.col-agency{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-search-content .pool-table td.competency-cell{text-align:center;font-weight:600;font-size:.85rem;width:var(--col-sub);min-width:var(--col-sub);max-width:var(--col-sub);padding:10px 8px}.pool-search-content .pool-table td.competency-cell.has-color{color:#1a1a1a;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.6),0 0 3px rgba(255,255,255,.4);border:1px solid rgba(0,0,0,.1);position:relative}.pool-search-content .pool-table tbody tr{transition:all .15s}.pool-search-content .pool-table tbody tr:nth-child(2n) td{background:#fafbfc}.pool-search-content .pool-table tbody tr.clickable{cursor:pointer}.pool-search-content .pool-table tbody tr.clickable:hover td{background:#e3f2fd}.pool-search-content .pool-table tbody tr.pool-row td:not(.competency-cell){background:color-mix(in srgb,var(--pool-color) 15%,#fff)!important}.pool-search-content .pool-table tbody tr.pool-row:nth-child(2n) td:not(.competency-cell){background:color-mix(in srgb,var(--pool-color) 25%,#fff)!important}.pool-search-content .pool-table tbody tr.pool-row.clickable:hover td:not(.competency-cell){background:color-mix(in srgb,var(--pool-color) 40%,#fff)!important}.pool-search-content .pool-table tbody tr.pool-row td.competency-cell,.pool-search-content .pool-table tbody tr.pool-row:nth-child(2n) td.competency-cell{background:transparent}.pool-search-content .badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500;background:#f0f0f0;color:#666}.pool-search-content .badge.pool{background:#a6ce39;color:#333}.pool-search-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#666}.pool-search-content .empty-state svg{margin-bottom:16px;opacity:.4}.pool-search-content .empty-state p{font-size:1.1rem;margin:0}.pool-search-content .empty-state .hint{margin-top:8px;font-size:.9rem;color:#999}.column-order-panel{position:fixed;top:120px;right:0;z-index:1000;background:#fff;border-radius:16px 0 0 16px;box-shadow:-4px 0 24px #0000002e;transition:transform .3s ease,width .3s ease;max-height:calc(100vh - 140px);display:flex;flex-direction:column}.column-order-panel.expanded{width:360px;transform:translate(0)}.column-order-panel.collapsed{width:56px;transform:translate(0)}.column-order-panel.collapsed .panel-title span{display:none}.column-order-panel .panel-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:linear-gradient(135deg,#002e8c,#002163);color:#fff;cursor:pointer;border-radius:16px 0 0;-webkit-user-select:none;user-select:none;min-height:60px}.column-order-panel .panel-header:hover{background:linear-gradient(135deg,#00297d,#001a4f)}.column-order-panel .panel-header .panel-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;background:#ffffff26;border-radius:6px;transition:all .2s}.column-order-panel .panel-header .panel-toggle:hover{background:#ffffff40}.column-order-panel .panel-header .panel-toggle svg{transition:transform .2s}.column-order-panel .panel-header .panel-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden}.column-order-panel .panel-header .panel-title svg{width:22px;height:22px}.column-order-panel .panel-content{flex:1;overflow-y:auto;padding:12px}.column-order-panel .panel-content .column-section{margin-bottom:16px}.column-order-panel .panel-content .column-section:last-of-type{margin-bottom:8px}.column-order-panel .panel-content .column-section .section-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f5f7fa;border-radius:10px;margin-bottom:8px}.column-order-panel .panel-content .column-section .section-header .section-title{font-weight:600;font-size:.9rem;color:#333;flex:1}.column-order-panel .panel-content .column-section .section-header .section-count{background:#666;color:#fff;font-size:.7rem;padding:3px 10px;border-radius:12px;font-weight:500}.column-order-panel .panel-content .column-section .section-header.main-header{background:linear-gradient(135deg,#002e8c,#002163);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;position:relative;min-height:56px;border-radius:12px}.column-order-panel .panel-content .column-section .section-header.main-header:hover{background:linear-gradient(135deg,#00297d,#001a4f);box-shadow:0 4px 12px #002e8c40}.column-order-panel .panel-content .column-section .section-header.main-header .section-title{color:#fff;font-size:1rem;font-weight:700}.column-order-panel .panel-content .column-section .section-header.main-header .section-count{background:#fff3;font-size:.75rem;padding:4px 12px}.column-order-panel .panel-content .column-section .section-header.main-header .expand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border-radius:6px;transition:all .2s;color:#fff}.column-order-panel .panel-content .column-section .section-header.main-header .expand-icon:hover{background:#ffffff40}.column-order-panel .panel-content .column-section .section-header.main-header .expand-icon.expanded{transform:rotate(90deg)}.column-order-panel .panel-content .column-section .section-header.main-header .drag-handle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff26;border-radius:8px;color:#fffc;cursor:grab;transition:all .15s}.column-order-panel .panel-content .column-section .section-header.main-header .drag-handle:hover{background:#ffffff40;color:#fff;transform:scale(1.05)}.column-order-panel .panel-content .column-section .section-header.main-header .drag-handle:active{cursor:grabbing}.column-order-panel .panel-content .column-section .section-header.main-header .group-index{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#fff3;border-radius:8px;font-size:.9rem;font-weight:700;color:#fff}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header{cursor:grab;padding:14px 16px;border:3px solid transparent;transition:all .15s ease}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header:active{cursor:grabbing}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header:hover{box-shadow:0 4px 16px #002e8c4d}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header.dragging{opacity:.4;transform:scale(.97);border-style:dashed;border-color:#fff9}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header.drag-over{background:linear-gradient(135deg,#a6ce39,#88aa2a);transform:scale(1.02);box-shadow:0 6px 20px #a6ce3973;border-color:#779625}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header.drag-over:before{content:"";position:absolute;top:-8px;left:16px;right:16px;height:5px;background:#678120;border-radius:4px;animation:pulse-indicator .6s ease infinite alternate}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header.drag-over .section-title{color:#364411}.column-order-panel .panel-content .column-section .section-header.main-header.draggable-header.drag-over .group-index{background:#779625;color:#fff}.column-order-panel .panel-content .column-section .subheader-list{margin-left:8px;padding-left:12px;border-left:3px solid #e0e0e0;margin-top:4px}.column-order-panel .panel-content .column-section .subheader-list.nested{margin-left:4px;padding-left:10px;border-left-color:#d0d0d0}.column-order-panel .panel-content .column-section .competency-profiles-list{margin-left:8px;padding-left:12px;border-left:3px solid #002e8c;margin-top:8px;display:flex;flex-direction:column;gap:8px}.column-order-panel .panel-content .column-section .profile-section{display:flex;flex-direction:column}.column-order-panel .panel-content .column-section .profile-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e8eef8;border:2px solid #d0daf0;border-radius:8px;cursor:grab;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative}.column-order-panel .panel-content .column-section .profile-header:active{cursor:grabbing}.column-order-panel .panel-content .column-section .profile-header:hover{background:#dce4f4;border-color:#002e8c;box-shadow:0 2px 6px #002e8c1f}.column-order-panel .panel-content .column-section .profile-header:hover .drag-handle{color:#002e8c}.column-order-panel .panel-content .column-section .profile-header.dragging{opacity:.4;transform:scale(.98);border-style:dashed}.column-order-panel .panel-content .column-section .profile-header.drag-over{background:#e8f5e9;border-color:#a6ce39;transform:scale(1.02);box-shadow:0 4px 12px #a6ce394d}.column-order-panel .panel-content .column-section .profile-header.drag-over:before{content:"";position:absolute;top:-6px;left:8px;right:8px;height:3px;background:#a6ce39;border-radius:3px}.column-order-panel .panel-content .column-section .profile-header .profile-index{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:#002e8c;border-radius:5px;font-size:.7rem;font-weight:700;color:#fff}.column-order-panel .panel-content .column-section .profile-header .drag-handle{color:#999;display:flex;align-items:center}.column-order-panel .panel-content .column-section .profile-header .expand-icon{display:flex;align-items:center;transition:transform .2s;color:#002e8c;cursor:pointer}.column-order-panel .panel-content .column-section .profile-header .expand-icon.expanded{transform:rotate(90deg)}.column-order-panel .panel-content .column-section .profile-header .profile-name{flex:1;font-weight:600;font-size:.85rem;color:#333;cursor:pointer}.column-order-panel .panel-content .column-section .profile-header .profile-count{font-size:.7rem;background:#002e8c;color:#fff;padding:2px 8px;border-radius:10px;font-weight:500}.column-order-panel .panel-content .column-section .subheader-item{padding:12px 14px;background:#f8fafc;font-size:.8rem;border:2px solid #eee;margin:4px 0}.column-order-panel .panel-content .column-section .subheader-item .item-index{font-size:.7rem;color:#999;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e8e8e8;border-radius:4px;font-weight:600}.column-order-panel .panel-content .column-section .subheader-item .drag-handle{color:#ccc}.column-order-panel .panel-content .column-section .subheader-item .column-name{font-size:.82rem}.column-order-panel .panel-content .column-section .subheader-item:hover{background:#eef2ff;border-color:#002e8c}.column-order-panel .panel-content .column-section .subheader-item:hover .drag-handle{color:#002e8c}.column-order-panel .panel-content .column-section .subheader-item:hover .item-index{background:#002e8c;color:#fff}.column-order-panel .panel-content .column-section .subheader-item.drag-over:after{content:"วางที่นี่";font-size:.65rem;padding:2px 6px}.column-order-panel .panel-content .column-section .column-list{display:flex;flex-direction:column;gap:6px}.column-order-panel .panel-content .column-section .column-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:grab;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative}.column-order-panel .panel-content .column-section .column-item:active{cursor:grabbing}.column-order-panel .panel-content .column-section .column-item:hover{border-color:#002e8c;background:#f0f4ff;box-shadow:0 2px 8px #002e8c1f}.column-order-panel .panel-content .column-section .column-item:hover .drag-handle{color:#002e8c;transform:scale(1.1)}.column-order-panel .panel-content .column-section .column-item.dragging{opacity:.35;transform:scale(.95);border-style:dashed;border-color:#999;background:#f5f5f5}.column-order-panel .panel-content .column-section .column-item.drag-over{border-color:#a6ce39;border-width:2px;background:#e8f5e9;transform:scale(1.02);box-shadow:0 4px 16px #a6ce3959}.column-order-panel .panel-content .column-section .column-item.drag-over:before{content:"";position:absolute;top:-8px;left:8px;right:8px;height:4px;background:#a6ce39;border-radius:4px;animation:pulse-indicator .6s ease infinite alternate}.column-order-panel .panel-content .column-section .column-item.drag-over:after{content:"วางที่นี่";position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:.7rem;color:#678120;font-weight:600;background:#ffffffe6;padding:2px 8px;border-radius:4px}.column-order-panel .panel-content .column-section .column-item .drag-handle{display:flex;align-items:center;justify-content:center;color:#bbb;flex-shrink:0;padding:6px;margin:-6px;border-radius:6px;transition:all .15s ease}.column-order-panel .panel-content .column-section .column-item .drag-handle:hover{background:#002e8c14;color:#002e8c}.column-order-panel .panel-content .column-section .column-item .column-name{font-size:.85rem;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse-indicator{0%{opacity:.5;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1)}}.column-order-panel .panel-content .panel-hint{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e3f2fd;border-radius:8px;color:#1565c0;font-size:.8rem}.column-order-panel .panel-content .panel-hint svg{flex-shrink:0}.column-order-panel.collapsed .panel-content{display:none}.column-order-panel.collapsed .panel-header{border-radius:16px 0 0 16px;padding:16px 14px;min-height:auto}.column-order-panel.collapsed .panel-header .panel-title svg{display:none}.column-order-panel.collapsed .panel-header .panel-toggle{width:24px;height:24px}@media print{.page-layout .app-header,.pool-search-content .toolbar,.column-order-panel{display:none!important}.page-layout{background:#fff}.page-layout .page-content{padding:0}.pool-search-content .table-container{box-shadow:none;border-radius:0}.pool-search-content .pool-table{font-size:10pt}.pool-search-content .pool-table th{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(max-width:1024px){.pool-search-content .toolbar{flex-direction:column;align-items:stretch}.pool-search-content .toolbar .toolbar-left,.pool-search-content .toolbar .toolbar-right{width:100%;justify-content:flex-start}.pool-search-content .search-box{min-width:100%}}@media(max-width:768px){.pool-search-content .toolbar{padding:12px;gap:12px}.pool-search-content .toolbar .toolbar-left,.pool-search-content .toolbar .toolbar-right{gap:8px}.pool-search-content .filter-group,.pool-search-content .action-group{flex-wrap:wrap}.pool-search-content .toggle-group{width:100%}.pool-search-content .pool-table{font-size:.8rem}.pool-search-content .pool-table th,.pool-search-content .pool-table td{padding:8px 6px}.column-order-panel{inset:auto 0 0;border-radius:12px 12px 0 0;max-height:50vh}.column-order-panel.expanded,.column-order-panel.collapsed{width:100%}.column-order-panel.collapsed .panel-header{border-radius:12px 12px 0 0}.column-order-panel.collapsed .panel-title span{display:inline}.column-order-panel .panel-header{border-radius:12px 12px 0 0}.column-order-panel .panel-content .column-section .column-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.column-order-panel .panel-content .column-section .column-list .column-item.profile-item{grid-column:span 2}}.user-form-modal-backdrop{position:fixed;inset:0;background:#0000006b;display:flex;align-items:center;justify-content:center;z-index:1000}.user-form-modal{background:#fff;width:440px;max-width:calc(100vw - 32px);border-radius:10px;box-shadow:0 10px 40px #0000002e;padding:20px 24px}.user-form-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user-form-modal header h3{margin:0;font-size:1.1rem}.user-form-modal header .close{background:transparent;border:0;font-size:24px;cursor:pointer;color:#888;line-height:1}.user-form-modal form{display:flex;flex-direction:column;gap:12px}.user-form-modal form .field{display:flex;flex-direction:column;gap:4px}.user-form-modal form .field label{font-size:.85rem;color:#444}.user-form-modal form .field input,.user-form-modal form .field select{padding:8px 10px;border:1px solid #d6d6d6;border-radius:6px;font-size:.95rem}.user-form-modal form .field input:disabled,.user-form-modal form .field select:disabled{background:#f5f5f5;color:#999}.user-form-modal form .field.field-checkbox label{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#222}.user-form-modal form .error{color:#c0392b;font-size:.85rem;background:#fbeae5;padding:6px 10px;border-radius:4px}.user-form-modal form .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.user-form-modal form .actions button{padding:8px 16px;border-radius:6px;border:0;cursor:pointer;font-size:.9rem}.user-form-modal form .actions .btn-cancel{background:#eee;color:#444}.user-form-modal form .actions .btn-save{background:#0091e2;color:#fff;font-weight:600}.user-form-modal form .actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.bulk-import-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bulk-import-modal{background:#fff;border-radius:12px;width:min(880px,95vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000004d}.bulk-import-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.bulk-import-modal .modal-header h3{margin:0;color:#002e8c;font-size:1.1rem}.bulk-import-modal .modal-header .btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#666}.bulk-import-modal .modal-header .btn-close:hover{color:#c00}.bulk-import-modal .modal-body{padding:16px 20px;overflow-y:auto;flex:1}.bulk-import-modal .modal-body .help-text{color:#666;margin:0 0 12px;font-size:.9rem}.bulk-import-modal .modal-body .upload-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bulk-import-modal .modal-body .upload-row input[type=file]{padding:6px;border:1px solid #ccc;border-radius:6px}.bulk-import-modal .modal-body .upload-row .file-info{color:#666;font-size:.85rem}.bulk-import-modal .modal-body .actions{display:flex;gap:8px;margin-top:16px}.bulk-import-modal .modal-body .actions .btn-primary,.bulk-import-modal .modal-body .actions .btn-secondary{padding:8px 18px;border-radius:8px;font-size:.9rem;cursor:pointer;border:1px solid transparent}.bulk-import-modal .modal-body .actions .btn-primary:disabled,.bulk-import-modal .modal-body .actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.bulk-import-modal .modal-body .actions .btn-primary{background:#002e8c;color:#fff}.bulk-import-modal .modal-body .actions .btn-secondary{background:transparent;border-color:#ccc;color:#333}.bulk-import-modal .modal-body .alert.error{background:#fee;border:1px solid #fcc;color:#c00;padding:8px 12px;border-radius:6px;margin-bottom:12px}.bulk-import-modal .modal-body .summary{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.bulk-import-modal .modal-body .summary .badge{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.bulk-import-modal .modal-body .summary .badge.total{background:#e3f2fd;color:#0d47a1}.bulk-import-modal .modal-body .summary .badge.valid{background:#e8f5e9;color:#1b5e20}.bulk-import-modal .modal-body .summary .badge.invalid{background:#ffebee;color:#b71c1c}.bulk-import-modal .modal-body .summary .badge.created{background:#f3e5f5;color:#4a148c}.bulk-import-modal .modal-body .preview-table-wrap{max-height:360px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px}.bulk-import-modal .modal-body .preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.bulk-import-modal .modal-body .preview-table thead{position:sticky;top:0;background:#f8f9fa;z-index:1}.bulk-import-modal .modal-body .preview-table th,.bulk-import-modal .modal-body .preview-table td{padding:6px 10px;border-bottom:1px solid #eee;text-align:left}.bulk-import-modal .modal-body .preview-table .row-valid td{background:#2e7d320d}.bulk-import-modal .modal-body .preview-table .row-invalid td{background:#c628280d;color:#b71c1c}.admin-content{max-width:1200px;margin:0 auto}.system-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.system-status-strip .status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:#ffffffa6;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 10px #0000000d;font-size:.82rem;color:#333}.system-status-strip .status-pill .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.system-status-strip .status-pill .label{font-weight:600;color:#002e8c}.system-status-strip .status-pill .value{color:#666}.system-status-strip .status-pill.green .dot{background:#2e7d32;box-shadow:0 0 0 2px #2e7d3233}.system-status-strip .status-pill.yellow .dot{background:#f9a825;box-shadow:0 0 0 2px #f9a82533}.system-status-strip .status-pill.red .dot{background:#c62828;box-shadow:0 0 0 2px #c6282833}.tabs{display:flex;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;padding:6px;margin-bottom:24px;gap:4px}.tabs .tab{padding:12px 24px;border:none;background:transparent;font-size:.95rem;color:#666;cursor:pointer;border-radius:12px;transition:all .2s}.tabs .tab:hover{background:#002e8c1a;color:#002e8c}.tabs .tab.active{background:#002e8ce6;color:#fff;font-weight:600;box-shadow:0 4px 12px #002e8c4d}.tabs .tab.tab-external{display:flex;align-items:center;gap:4px;margin-left:auto}.tabs .tab.tab-external .external-icon{font-size:.8rem}.tabs .tab.tab-external:hover{background:#28a7451a;color:#28a745}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;padding:16px 20px}.toolbar .search-group{display:flex;gap:10px}.toolbar .search-group input{padding:10px 15px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:10px;font-size:.95rem;width:200px;color:#333}.toolbar .search-group input:focus{outline:none;border-color:#002e8c80;background:#fffc}.toolbar .search-group input::placeholder{color:#999}.toolbar .search-group button{padding:10px 20px;background:#002e8ce6;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar .search-group button:hover{background:#002e8cf2;transform:translateY(-2px);box-shadow:0 4px 12px #002e8c4d}.toolbar .action-group .btn-export{padding:10px 20px;background:#28a745e6;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar .action-group .btn-export:hover{background:#28a745f2;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.loading{display:flex;justify-content:center;padding:40px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px}.loading .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#002e8c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;overflow:hidden}.table-container table{width:100%;border-collapse:collapse;font-size:.9rem}.table-container table th{background:#002e8cf2;color:#fff;padding:14px 12px;text-align:left;font-weight:600;white-space:nowrap}.table-container table td{padding:12px;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff4d}.table-container table td.id{font-family:SF Mono,Consolas,monospace;color:#002e8c;font-weight:500}.table-container table td.cmd{font-family:SF Mono,Consolas,monospace;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container table td.cron{font-family:SF Mono,Consolas,monospace;font-size:.85rem}.table-container table td.no-data{text-align:center;color:#666;padding:40px;background:#ffffff80}.table-container table tbody tr{transition:all .2s}.table-container table tbody tr:nth-child(2n) td{background:#f8f9fa80}.table-container table tbody tr:hover td{background:#c8dcff80}.status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status.active{background:#d4eddacc;color:#155724}.status.inactive{background:#f8d7dacc;color:#721c24}.status.success{background:#d4eddacc;color:#155724}.status.failed{background:#f8d7dacc;color:#721c24}.status.running{background:#fff3cdcc;color:#856404;animation:pulse-status 2s ease-in-out infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.7}}.result{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result.success{background:#d4eddacc;color:#155724}.result.failed{background:#f8d7dacc;color:#721c24}.btn-edit{padding:6px 14px;background:#ffc107e6;color:#333;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-edit:hover{background:#ffc107;transform:translateY(-1px);box-shadow:0 2px 8px #ffc10766}.btn-sync{padding:6px 14px;background:#17a2b8e6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-sync:hover:not(:disabled){background:#17a2b8;transform:translateY(-1px);box-shadow:0 2px 8px #17a2b866}.btn-sync:disabled{background:#6c757d99;cursor:not-allowed}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.roles-grid .role-card{padding:20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px;transition:all .2s}.roles-grid .role-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.roles-grid .role-card h3{font-size:1.1rem;color:#002e8c;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.roles-grid .role-card ul{margin:0;padding-left:20px}.roles-grid .role-card ul li{padding:4px 0;font-size:.9rem;color:#666}.system-content h3,.data-content h3,.logs-content h3,.users-content h3{font-size:1.1rem;color:#002e8c;margin:0 0 16px;padding:12px 16px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px;display:inline-block}.no-data{text-align:center;color:#666;padding:40px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px}.coming-soon{text-align:center;padding:60px;color:#666;font-size:1.1rem;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;border-radius:16px}.error-message{padding:20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;background:#ffc8c8b3;border:1px solid rgba(255,150,150,.4);border-radius:16px;color:#d63031;text-align:center;font-size:.95rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:12px}.pagination .pagination-info{font-size:.9rem;color:#666}.pagination .pagination-controls{display:flex;align-items:center;gap:12px}.pagination .pagination-controls .page-size-select{padding:8px 12px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:8px;font-size:.85rem;cursor:pointer;color:#333}.pagination .pagination-controls .page-size-select:focus{outline:none;border-color:#002e8c80}.pagination .pagination-controls .page-buttons{display:flex;align-items:center;gap:4px}.pagination .pagination-controls .page-buttons .page-btn{min-width:36px;height:36px;padding:0 10px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;color:#333}.pagination .pagination-controls .page-buttons .page-btn:hover:not(:disabled){background:#002e8c26;border-color:#002e8c4d;transform:translateY(-1px)}.pagination .pagination-controls .page-buttons .page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination .pagination-controls .page-buttons .page-btn.active{background:#002e8ce6;color:#fff;border-color:transparent;box-shadow:0 2px 8px #002e8c4d}.pagination .pagination-controls .page-buttons .page-ellipsis{padding:0 8px;color:#666}@media(max-width:768px){.tabs{flex-wrap:wrap;border-radius:12px}.tabs .tab{padding:10px 16px;font-size:.85rem}.tabs .tab.tab-external{margin-left:0;flex:1 1 100%;justify-content:center;margin-top:4px}.toolbar{flex-direction:column;gap:12px;padding:14px}.toolbar .search-group{width:100%}.toolbar .search-group input{flex:1;width:auto}.toolbar .action-group,.toolbar .action-group .btn-export{width:100%}.pagination{flex-direction:column;gap:12px}.pagination .pagination-controls{width:100%;justify-content:space-between}}@media print{.admin-content .tabs,.admin-content .toolbar,.admin-content .pagination{display:none!important}.admin-content .table-container{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid #ddd}.admin-content .table-container table th{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.admin-content .table-container table td{background:#fff}}.data-management{max-width:1400px;margin:0 auto;padding:8px 16px 32px}.data-management__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.data-management__search{flex:0 1 420px;display:flex;flex-direction:column;gap:8px}.data-management__search .search-label{font-size:.95rem;color:#001f5c;display:flex;align-items:center;gap:6px}.data-management__search .search-label .info-icon{font-size:.85rem;color:#0091e2;cursor:help}.data-management__search .search-row{display:flex;gap:8px}.data-management__search .search-row .search-input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;background:#fff}.data-management__search .search-row .search-input:focus{outline:none;border-color:#0091e2;box-shadow:0 0 0 3px #0091e226}.data-management__search .search-row .btn-search{padding:10px 20px;background:#0091e2;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.data-management__search .search-row .btn-search:hover{background:#007dc3}.data-management__actions{display:flex;gap:10px}.data-management__actions .btn{padding:10px 20px;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}.data-management__actions .btn:disabled{opacity:.5;cursor:not-allowed}.data-management__actions .btn-primary{background:#0091e2;color:#fff;border:none}.data-management__actions .btn-primary:hover:not(:disabled){background:#007dc3}.data-management__actions .btn-secondary{background:#fff;color:#001f5c;border:1px solid #e5e7eb}.data-management__actions .btn-secondary:hover{background:#f8fafc;border-color:#0091e2;color:#0091e2}.data-management__error{padding:12px 16px;margin-bottom:16px;border-radius:10px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.data-management__table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.data-management__table{width:100%;border-collapse:collapse;font-size:.95rem}.data-management__table thead{background:#f8fafc}.data-management__table thead th{padding:14px 16px;text-align:left;font-weight:600;color:#001f5c;border-bottom:1px solid #e5e7eb}.data-management__table thead th.col-num{width:60px;text-align:center}.data-management__table thead th.col-action{width:140px;text-align:center}.data-management__table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .1s}.data-management__table tbody tr:hover{background:#002e8c14}.data-management__table tbody tr:last-child{border-bottom:none}.data-management__table tbody tr.row-legacy td:not(.col-action){color:#6b7280;font-style:italic}.data-management__table tbody td{padding:14px 16px;color:#374151}.data-management__table tbody td.col-num{text-align:center;color:#6b7280;font-weight:500}.data-management__table tbody td.col-command{font-family:Consolas,Menlo,monospace;font-size:.88rem;color:#001f5c}.data-management__table tbody td.col-action{text-align:center}.data-management__table tbody td .data-name-primary{font-weight:500}.data-management__table tbody td .data-name-secondary{font-size:.78rem;color:#6b7280;margin-top:2px;font-family:Consolas,Menlo,monospace}.data-management__table tbody td.empty-row{text-align:center;color:#6b7280;padding:40px;font-style:italic}.data-management .status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:500}.data-management .status-badge.status-completed{background:#dcfce7;color:#166534}.data-management .status-badge.status-running{background:#dbeafe;color:#1e40af;animation:pulse 1.5s infinite}.data-management .status-badge.status-failed{background:#fee2e2;color:#991b1b}.data-management .status-badge.status-pending{background:#fef3c7;color:#92400e}.data-management .status-badge.status-unknown{background:#f3f4f6;color:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.data-management .btn-update{padding:7px 14px;background:#fff;color:#0091e2;border:1px solid #0091e2;border-radius:8px;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.data-management .btn-update:hover:not(:disabled){background:#0091e2;color:#fff}.data-management .btn-update:disabled{opacity:.5;cursor:not-allowed}.data-management__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 4px}.data-management__pagination .page-size{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#6b7280}.data-management__pagination .page-size select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer}.data-management__pagination .page-controls{display:flex;gap:6px;align-items:center}.data-management__pagination .page-controls .page-btn{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#001f5c}.data-management__pagination .page-controls .page-btn:hover:not(:disabled){background:#002e8c14;border-color:#0091e2}.data-management__pagination .page-controls .page-btn:disabled{opacity:.4;cursor:not-allowed}.data-management__pagination .page-controls .page-indicator{min-width:32px;height:32px;background:#0091e2;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600}.access-denied-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.access-denied-wrapper .content{text-align:center;color:#fff}.access-denied-wrapper .content .icon{margin-bottom:24px;color:#ef4444}.access-denied-wrapper .content h1{font-size:2rem;margin:0 0 12px}.access-denied-wrapper .content p{font-size:1rem;color:#ffffffb3;margin:0 0 32px}.access-denied-wrapper .content .btn-home{padding:14px 32px;background:linear-gradient(135deg,#1e5799,#2989d8);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.access-denied-wrapper .content .btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2989d866}.accessibility-toolbar{position:fixed;bottom:24px;right:24px;z-index:9999}.accessibility-fab{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#16213ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 4px 20px #0000004d}.accessibility-fab:hover,.accessibility-fab.active{background:#2989d859;border-color:#2989d880;color:#fff;transform:scale(1.05)}.accessibility-panel{position:absolute;bottom:60px;right:0;width:260px;background:#16213eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:16px;box-shadow:0 8px 32px #0006;animation:panelSlideUp .2s ease}.accessibility-panel .panel-header{font-size:.85rem;font-weight:600;color:#ffffffe6;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.accessibility-panel .panel-section{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.accessibility-panel .panel-section .section-label{font-size:.8rem;color:#ffffffb3}.accessibility-panel .font-controls{display:flex;align-items:center;gap:4px}.accessibility-panel .font-controls button{width:32px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#ffffffd9;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.accessibility-panel .font-controls button:hover{background:#2989d840;border-color:#2989d866}.accessibility-panel .font-controls .font-reset{width:36px;font-size:.7rem;font-weight:500;color:#fff9}.accessibility-panel .toggle-btn{padding:4px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0f;color:#fff9;font-size:.75rem;cursor:pointer;transition:all .2s ease}.accessibility-panel .toggle-btn:hover{background:#ffffff1a}.accessibility-panel .toggle-btn.on{background:#2989d84d;border-color:#2989d880;color:#fff}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.accessibility-toolbar{bottom:16px;right:16px}.accessibility-fab{width:42px;height:42px}.accessibility-panel{width:240px;bottom:52px}}.accessibility-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}.a11y-ruler{position:fixed;left:0;width:100vw;height:2px;background:#2989d8b3;box-shadow:0 0 6px #2989d880;pointer-events:none;z-index:9998}.a11y-focus-top,.a11y-focus-bottom{position:fixed;left:0;width:100vw;background:#0000008c;pointer-events:none;z-index:9998;transition:height .05s linear,top .05s linear}.a11y-focus-top{top:0}.a11y-focus-bottom{bottom:0}.a11y-highlight{position:fixed;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,220,60,.8);background:radial-gradient(circle,rgba(255,220,60,.3) 0%,rgba(255,220,60,.08) 50%,transparent 70%);box-shadow:0 0 18px #ffdc3c80,0 0 40px #ffdc3c33,inset 0 0 12px #ffdc3c26;transform:translate(-50%,-50%);pointer-events:none;z-index:9998}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(1rem + var(--accessibility-font-offset, 0px))}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;background:#1a1a2e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background:#2989d84d}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}table{border-spacing:0}