:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0;min-width:320px;min-height:100vh;justify-content:center;align-items:center}body.dashboard-body{display:block;place-items:initial;justify-content:initial;align-items:initial;padding-bottom:0}body[dir=rtl]{direction:rtl;text-align:right}body[dir=rtl] .app,body[dir=rtl] .welcome-page,body[dir=rtl] .main-menu-header,body[dir=rtl] .domain-grid{direction:rtl}.app{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column}.main-menu-header{background:transparent;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}body[dir=rtl] .header-content{flex-direction:row-reverse}.header-left{display:flex;align-items:center}.header-title{font-size:1.8rem;color:#d4af37;font-weight:700;letter-spacing:-1px}.header-right{display:flex;align-items:center;gap:1.5rem}body[dir=rtl] .header-right{flex-direction:row-reverse}.notification-button{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.notification-button:hover{background-color:#f8f9fa}.notification-icon{font-size:1.3rem;color:#666}.notification-badge{position:absolute;top:-2px;right:-2px;background:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid white}body[dir=rtl] .notification-badge{right:auto;left:-2px}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:350px;max-width:400px;z-index:1001;margin-top:.5rem;overflow:hidden}body[dir=rtl] .notification-dropdown{right:auto;left:0}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.notification-header h3{font-size:1.1rem;color:#333;font-weight:600}.notification-close{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:.2rem;border-radius:4px;transition:color .2s ease}.notification-close:hover{color:#333}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.notification-content h4{font-size:.95rem;color:#333;margin-bottom:.3rem;font-weight:600}.notification-content p{font-size:.85rem;color:#666;margin-bottom:.5rem;line-height:1.4}.notification-time{font-size:.75rem;color:#999}.notification-info{border-left:3px solid #3498db}.notification-warning{border-left:3px solid #f39c12}.notification-success{border-left:3px solid #27ae60}.notification-error{border-left:3px solid #e74c3c}body[dir=rtl] .notification-info,body[dir=rtl] .notification-warning,body[dir=rtl] .notification-success,body[dir=rtl] .notification-error{border-left:none;border-right:3px solid}body[dir=rtl] .notification-info{border-right-color:#3498db}body[dir=rtl] .notification-warning{border-right-color:#f39c12}body[dir=rtl] .notification-success{border-right-color:#27ae60}body[dir=rtl] .notification-error{border-right-color:#e74c3c}.notification-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;background:#f8f9fa}.view-all-notifications{width:100%;background:#d4af37;color:#fff;border:none;padding:.75rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.view-all-notifications:hover{background:#b8860b}.user-avatar-button{background:none;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease}body[dir=rtl] .user-avatar-button{flex-direction:row-reverse}.user-avatar-button:hover{background-color:#f8f9fa}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4af37,gold);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:0 2px 8px #d4af374d}.user-info{display:flex;flex-direction:column;align-items:flex-start}body[dir=rtl] .user-info{align-items:flex-end}.user-name{font-size:.9rem;font-weight:600;color:#333}.user-role{font-size:.75rem;color:#666}.dropdown-arrow{font-size:.8rem;color:#666;transition:transform .2s ease}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:280px;z-index:1001;margin-top:.5rem;overflow:hidden}body[dir=rtl] .user-dropdown{right:auto;left:0}.user-dropdown-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa;display:flex;align-items:center;gap:1rem}body[dir=rtl] .user-dropdown-header{flex-direction:row-reverse}.user-dropdown-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#d4af37,gold);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 2px 8px #d4af374d}.user-dropdown-info h4{font-size:1rem;color:#333;margin-bottom:.2rem;font-weight:600}.user-dropdown-info p{font-size:.85rem;color:#666}.user-dropdown-menu{padding:.5rem}.dropdown-item{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;border-radius:6px;transition:background-color .2s ease;font-size:.9rem;color:#333}body[dir=rtl] .dropdown-item{text-align:right;flex-direction:row-reverse}.dropdown-icon{font-size:1.1rem;min-width:20px}.dropdown-divider{height:1px;background:#e0e0e0;margin:.5rem 0}.dropdown-item-danger{color:#e74c3c}.dropdown-item-danger:hover{background-color:#fdf2f2}.welcome-page{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:1rem}.welcome-container{display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:500px;width:440px;padding:2rem}.welcome-header{text-align:center}.welcome-title{font-size:3rem;color:#d4af37;margin-bottom:.5rem;font-weight:700;letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.welcome-subtitle{font-size:1.1rem;color:#7f8c8d;font-weight:400}.login-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:1.8rem;color:#2c3e50;margin-bottom:.5rem;font-weight:600}.login-header p{color:#7f8c8d;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#2c3e50}.form-group input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.login-button{background:linear-gradient(135deg,#d4af37,gold);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.login-footer{text-align:center;margin-top:1.5rem}.forgot-password{color:#d4af37;text-decoration:none;font-size:.9rem;transition:color .3s ease}.forgot-password:hover{color:#b8860b;text-decoration:underline}.domain-grid{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;width:100vw;min-height:calc(100vh - 80px);position:relative}.domain-grid__header{text-align:center;margin-bottom:3rem;padding:2rem 0;width:100%;max-width:1200px}.domain-grid__title{font-size:3.5rem;color:#d4af37;margin-bottom:.5rem;font-weight:700;letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.domain-grid__subtitle{font-size:1.3rem;color:#7f8c8d;font-weight:400}.domain-grid__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:1200px;justify-items:center;align-items:stretch;margin:0 auto}.domain-card{background:#fff;border-radius:16px;padding-top:1.5rem;padding-bottom:1.5rem;box-shadow:0 8px 32px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.9);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;height:100;width:100%;max-width:260px}.domain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4af37,gold);opacity:0;transition:opacity .3s ease}.domain-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026;border-color:#d4af374d}.domain-card:hover:before{opacity:1}.domain-card__icon-wrapper{width:50px;height:50px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a;flex-shrink:0}.domain-card:hover .domain-card__icon-wrapper{transform:scale(1.1);box-shadow:0 12px 32px #0003}.domain-card__icon{font-size:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.domain-card__content{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:0}.domain-card__title{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;line-height:1.3}.domain-card__description{color:#7f8c8d;font-size:.9rem;line-height:1.4;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.dashboard-layout__main{display:flex;flex:1}.dashboard-layout__content{flex:1;padding:2rem;background-color:#f8f9fa;transition:margin-left .3s ease}.dashboard-layout__content--expanded{margin-left:0}.top-bar{background:#fff;border-bottom:1px solid #e0e0e0;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.top-bar__left{display:flex;align-items:center;gap:1rem}.top-bar__sidebar-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.top-bar__sidebar-toggle:hover{background-color:#f0f0f0}.top-bar__search{position:relative;display:flex;align-items:center}.top-bar__search-input{padding:.5rem 1rem .5rem 2.5rem;border:1px solid #ddd;border-radius:20px;width:300px;font-size:.9rem}.top-bar__search-icon{position:absolute;left:.75rem;color:#999}.top-bar__right{display:flex;align-items:center;gap:1rem}.top-bar__item{position:relative}.top-bar__button{background:none;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease;position:relative}.top-bar__button:hover{background-color:#f0f0f0}.top-bar__button-icon{font-size:1.1rem}.top-bar__button-label{font-size:.9rem;color:#333}.top-bar__notification-badge{position:absolute;top:-2px;right:-2px;background:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid white}.top-bar__dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:.5rem}.top-bar__dropdown-item{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.top-bar__dropdown-item:hover{background-color:#f8f9fa}.top-bar__dropdown-icon{font-size:1rem}.top-bar__dropdown-label{font-size:.9rem;color:#333}.top-bar__user{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.top-bar__user:hover{background-color:#f0f0f0}.top-bar__user-info{display:flex;flex-direction:column;align-items:flex-end}.top-bar__user-name{font-size:.9rem;font-weight:500;color:#333}.top-bar__user-role{font-size:.8rem;color:#666}.top-bar__user-avatar{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:1rem}.sidebar{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .3s ease}.sidebar--collapsed{width:64px}.sidebar__header{padding:1rem;border-bottom:1px solid #e0e0e0}.sidebar__back-button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 0;transition:color .2s ease}.sidebar__back-button:hover{color:#333}.sidebar__title{margin-top:.5rem;font-size:1.1rem;color:#333;font-weight:600}.sidebar__nav{flex:1;padding:1rem 0}.sidebar__nav-item{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease;color:#666}.sidebar__nav-item:hover{background-color:#f8f9fa;color:#333}.sidebar__nav-icon{font-size:1.1rem;min-width:20px}.sidebar__nav-label{font-size:.9rem}.sidebar__footer{padding:1rem;border-top:1px solid #e0e0e0}.sidebar__footer-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#666;font-size:.9rem;cursor:pointer;transition:color .2s ease}.sidebar__footer-item:hover{color:#333}.sidebar__footer-icon{font-size:1rem;min-width:20px}.sidebar__footer-label{font-size:.9rem}.dashboard-content{height:100%}.dashboard-content__header{margin-bottom:2rem}.dashboard-content__header h1{font-size:2rem;color:#333;margin-bottom:.5rem}.dashboard-content__header p{color:#666;font-size:1rem}.dashboard-content__body{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.dashboard-content__placeholder{text-align:center}.placeholder-card{max-width:500px;margin:0 auto;padding:2rem;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.placeholder-card h3{color:#333;margin-bottom:1rem}.placeholder-card p{color:#666;line-height:1.6;margin-bottom:.5rem}.dashboard-screen{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow-x:hidden}.dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}@media (max-width: 768px){.dashboard-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.dashboard-content{padding:1rem 1rem 2rem}.employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){body{overflow-x:hidden;position:relative}.dashboard-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.dashboard-screen{padding-bottom:80px}.dashboard-content{padding-bottom:4rem}.employee-table-container{margin-bottom:60px;padding-bottom:60px}}@media (max-width: 768px){:root{--vh: 1vh}.dashboard-screen{min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);overflow-y:auto;padding-bottom:80px}.dashboard-content{padding:1rem 1rem 4rem;min-height:calc(calc(var(--vh, 1vh) * 100) - 250px)}.employee-table-container{margin-bottom:60px;padding-bottom:60px}}.dashboard-placeholder{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 2px 8px #0000001a;width:100%;box-sizing:border-box}.dashboard-placeholder h2{color:#333;margin-bottom:1rem}.dashboard-placeholder p{color:#666}.dashboard-topbar{background:#fff;border-bottom:1px solid #e8eaed;box-shadow:0 1px 2px #0000001a;position:sticky;top:0;z-index:1000;width:100vw;max-width:100vw;box-sizing:border-box;height:64px}.topbar-container{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;width:100%;margin:0;box-sizing:border-box;background:#fff}.topbar-left{display:flex;align-items:center}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#5f6368;font-size:14px;font-weight:500}.back-button:hover{background-color:#f1f3f4}.back-icon{font-size:18px;color:#5f6368}.logo{display:flex;align-items:center;gap:12px}.logo-icon{position:relative}.logo-shape{position:absolute;width:20px;height:20px;border-radius:2px}.logo-shape-1{background:#4285f4;top:0;left:0;opacity:.9}.logo-shape-2{background:#ea4335;bottom:0;right:0;opacity:.9}.logo-text{font-size:18px;font-weight:500;color:#202124}.current-domain-display{display:flex;align-items:center;gap:12px;margin-left:16px}.domain-separator{color:#dadce0;font-size:16px;font-weight:300}.domain-name{font-size:16px;font-weight:500;color:#1a73e8;background:#e8f0fe;padding:4px 12px;border-radius:4px}.topbar-navigation{display:flex;align-items:center;gap:8px}.nav-section{position:relative}.nav-section-button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#5f6368;font-size:14px;font-weight:500}.nav-section-button:hover{background-color:#f1f3f4}.nav-section-button.active{background-color:#e8f0fe;color:#1a73e8}.nav-section-arrow{font-size:12px;transition:transform .2s ease;color:#5f6368}.nav-section-button.active .nav-section-arrow{transform:rotate(180deg);color:#1a73e8}.nav-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #00000026;min-width:200px;z-index:1001;margin-top:4px;overflow:hidden}.nav-dropdown-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;font-size:14px;color:#202124}.nav-dropdown-item:hover{background-color:#f8f9fa}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-icon-button{position:relative;background:none;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#5f6368}.topbar-icon-button:hover{background-color:#f1f3f4}.topbar-icon-button .icon{font-size:14px;color:#5f6368}.topbar-icon-button .notification-badge{position:absolute;top:4px;right:4px;background:#34a853;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:500;border:2px solid white}body[dir=rtl] .topbar-container,body[dir=rtl] .topbar-left,body[dir=rtl] .topbar-right,body[dir=rtl] .back-button,body[dir=rtl] .logo,body[dir=rtl] .nav-section-button{flex-direction:row-reverse}body[dir=rtl] .nav-dropdown{left:auto;right:0}body[dir=rtl] .nav-dropdown-item{text-align:right;flex-direction:row-reverse}body[dir=rtl] .topbar-icon-button .notification-badge{right:auto;left:-2px}.notification-container{position:relative}.notification-button{background:none;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;position:relative;font-size:14px;font-weight:500;color:#5f6368}.notification-button:hover{background-color:#f1f3f4}.notification-icon{font-size:14px;color:#5f6368}.notification-badge{position:absolute;top:4px;right:4px;background:#ea4335;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:500;border:2px solid white}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #00000026;min-width:320px;z-index:1001;margin-top:4px;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e8eaed}.notification-header h3{font-size:16px;font-weight:500;color:#202124;margin:0}.notification-close{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#5f6368;font-size:16px}.notification-close:hover{background-color:#f1f3f4}.notification-list{max-height:300px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-content h4{font-size:14px;font-weight:500;color:#202124;margin:0 0 4px}.notification-content p{font-size:13px;color:#5f6368;margin:0 0 4px}.notification-time{font-size:12px;color:#9aa0a6}.notification-footer{padding:12px 16px;border-top:1px solid #e8eaed}.view-all-notifications{background:none;border:none;color:#1a73e8;font-size:14px;font-weight:500;cursor:pointer;padding:0}.view-all-notifications:hover{text-decoration:underline}.user-container{position:relative}.user-avatar-button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.user-avatar-button:hover{background-color:#f1f3f4}.user-avatar{width:32px;height:32px;border-radius:50%;background:#fbbc04;display:flex;align-items:center;justify-content:center;font-size:16px;color:#202124;font-weight:500}.dropdown-arrow{font-size:12px;color:#5f6368;transition:transform .2s ease}.user-avatar-button:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #00000026;min-width:280px;z-index:1001;margin-top:4px;overflow:hidden}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e8eaed}.user-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:#fbbc04;display:flex;align-items:center;justify-content:center;font-size:18px;color:#202124;font-weight:500}.user-dropdown-info h4{font-size:16px;font-weight:500;color:#202124;margin:0 0 2px}.user-dropdown-info p{font-size:13px;color:#5f6368;margin:0}.user-dropdown-menu{padding:8px 0}.dropdown-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;font-size:14px;color:#202124}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-divider{height:1px;background:#e8eaed;margin:8px 0}.dropdown-item-danger{color:#d93025}.dropdown-item-danger:hover{background-color:#fce8e6}@media (min-width: 1400px){.welcome-container{max-width:600px;width:500px}.login-card{max-width:450px}.domain-grid__container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1400px}.domain-card{max-width:280px}}@media (max-width: 1200px){.welcome-container{max-width:450px;width:400px}.domain-grid__container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px}.domain-card{max-width:240px}.domain-grid__title{font-size:3rem}}@media (max-width: 768px){.welcome-page{padding:.5rem}.welcome-container{max-width:400px;width:100%;padding:1rem;gap:2rem}.welcome-title{font-size:2.5rem}.login-card{padding:2rem;max-width:100%}.login-header h2{font-size:1.6rem}.domain-grid{padding:1rem}.domain-grid__container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:800px}.domain-card{height:160px;padding:1rem;max-width:220px}.domain-card__icon-wrapper{width:60px;height:60px}.domain-card__icon{font-size:2rem}.domain-grid__title{font-size:2.5rem}.domain-grid__subtitle{font-size:1.1rem}.top-bar__search-input{width:200px}.sidebar{position:fixed;left:0;top:64px;height:calc(100vh - 64px);z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar--collapsed{transform:translate(0)}.dashboard-layout__content{padding:1rem}.header-content{padding:.75rem 1rem}.header-title{font-size:1.5rem}.header-right{gap:1rem}.user-avatar-button{padding:.4rem .6rem}.user-info{display:none}.notification-dropdown{min-width:300px;right:-50px}.user-dropdown{min-width:250px;right:-50px}}@media (max-width: 600px){.welcome-container{max-width:350px;width:100%;padding:.5rem;gap:1.5rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.login-card{padding:1.5rem}.login-header h2{font-size:1.4rem}.form-group input{padding:.6rem .8rem;font-size:.9rem}.login-button{padding:.6rem 1rem;font-size:.9rem}.domain-grid__container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.domain-card{height:140px;padding:.8rem;max-width:200px}.domain-card__icon-wrapper{width:50px;height:50px;margin-bottom:.8rem}.domain-card__icon{font-size:1.8rem}.domain-card__title{font-size:1rem}.domain-card__description{font-size:.8rem}.domain-grid__title{font-size:2rem}.domain-grid__subtitle{font-size:1rem}.header-content{padding:.5rem .75rem}.header-title{font-size:1.3rem}.header-right{gap:.75rem}.notification-dropdown{min-width:280px;right:-100px}.user-dropdown{min-width:240px;right:-100px}}@media (max-width: 480px){.welcome-container{max-width:300px;width:100%;padding:.5rem;gap:1rem}.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:.9rem}.login-card{padding:1.2rem}.login-header h2{font-size:1.3rem}.login-form{gap:1rem}.form-group{gap:.3rem}.form-group label{font-size:.8rem}.form-group input{padding:.5rem .7rem;font-size:.85rem}.login-button{padding:.5rem .8rem;font-size:.85rem;margin-top:.5rem}.login-footer{margin-top:1rem}.forgot-password{font-size:.8rem}.domain-grid{padding:.5rem}.domain-grid__header{margin-bottom:2rem;padding:1rem 0}.domain-grid__container{grid-template-columns:1fr;gap:.8rem}.domain-card{height:120px;padding:.8rem;max-width:100%}.domain-card__icon-wrapper{width:45px;height:45px;margin-bottom:.6rem}.domain-card__icon{font-size:1.5rem}.domain-card__title{font-size:.9rem;margin-bottom:.3rem}.domain-card__description{font-size:.75rem}.domain-grid__title{font-size:1.8rem}.domain-grid__subtitle{font-size:.9rem}.top-bar{padding:0 1rem;height:56px}.top-bar__search-input{width:150px;font-size:.8rem}.top-bar__button{padding:.4rem .8rem}.top-bar__button-label{font-size:.8rem}.header-content{padding:.5rem}.header-title{font-size:1.1rem}.header-right{gap:.5rem}.notification-dropdown{min-width:260px;right:-120px}.user-dropdown{min-width:220px;right:-120px}.user-avatar{width:35px;height:35px;font-size:1rem}.notification-icon{font-size:1.1rem}}@media (max-width: 360px){.welcome-container{max-width:280px;width:100%;padding:.3rem;gap:.8rem}.welcome-title{font-size:1.6rem}.welcome-subtitle{font-size:.8rem}.login-card{padding:1rem}.login-header h2{font-size:1.2rem}.form-group input{padding:.4rem .6rem;font-size:.8rem}.login-button{padding:.4rem .7rem;font-size:.8rem}.domain-grid__container{grid-template-columns:1fr;gap:.6rem}.domain-card{height:110px;padding:.6rem}.domain-card__icon-wrapper{width:40px;height:40px;margin-bottom:.5rem}.domain-card__icon{font-size:1.3rem}.domain-card__title{font-size:.8rem}.domain-card__description{font-size:.7rem}.domain-grid__title{font-size:1.6rem}.domain-grid__subtitle{font-size:.8rem}.header-content{padding:.3rem}.header-title{font-size:1rem}.notification-dropdown{min-width:240px;right:-140px}.user-dropdown{min-width:200px;right:-140px}.user-avatar{width:30px;height:30px;font-size:.9rem}.notification-icon{font-size:1rem}}@media (max-width: 1200px){.topbar-container{padding:0 1.5rem}.nav-section-label{display:none}.nav-section-button{padding:.5rem}}@media (max-width: 768px){.topbar-container{padding:0 1rem;height:56px}.back-text,.logo-text{display:none}.topbar-navigation{gap:.5rem}.nav-section-button{padding:.4rem}.nav-section-icon{font-size:.9rem}.topbar-right{gap:.5rem}.topbar-icon-button{padding:.4rem}.topbar-icon-button .icon{font-size:1rem}}@media (max-width: 480px){.topbar-container{padding:0 .5rem}.topbar-left{gap:1rem}.topbar-navigation{gap:.3rem}.nav-section-button{padding:.3rem}.nav-section-icon{font-size:.8rem}.topbar-right{gap:.3rem}.topbar-icon-button{padding:.3rem}.topbar-icon-button .icon{font-size:.9rem}}.search-bar-container{position:relative;width:100%;max-width:100vw}.search-bar{display:flex;align-items:center;background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;padding:4px 12px;transition:all .2s ease;width:100%}.search-bar:focus-within{background:#fff;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.search-input-section{display:flex;align-items:center;flex:1;position:relative}.search-input{flex:1;border:none;background:transparent;padding:8px 12px;font-size:14px;color:#202124;outline:none;min-width:0}.search-input::placeholder{color:#5f6368}.search-icon{display:flex;align-items:center;justify-content:center;padding:4px;color:#5f6368;font-size:16px}.search-separator{width:1px;height:24px;background:#dadce0;margin:0 8px}.filter-button,.filter-manage-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#5f6368;font-size:16px}.filter-button:hover,.filter-manage-button:hover{background-color:#f1f3f4}.filter-icon,.filter-manage-icon{font-size:16px}.filter-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);width:700px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #00000026;margin-top:0;z-index:1000;overflow:hidden;animation:expandSettings .3s ease-out}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e8eaed}.filter-panel-header h3{font-size:16px;font-weight:500;color:#202124;margin:0}.filter-close-button{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#5f6368;font-size:16px}.filter-close-button:hover{background-color:#f1f3f4}.filter-panel-content{padding:16px;max-height:300px;overflow-y:auto}.filter-panel-content p{color:#5f6368;font-size:14px;margin:0}.filter-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e8eaed;gap:12px}.apply-filters-button{background:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.apply-filters-button:hover{background:#1557b0}.clear-filters-button{background:none;border:1px solid #dadce0;color:#5f6368;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover{background-color:#f8f9fa;border-color:#c1c1c1}body[dir=rtl] .search-bar,body[dir=rtl] .search-input-section{flex-direction:row-reverse}body[dir=rtl] .search-input{text-align:right}body[dir=rtl] .filter-panel-footer{flex-direction:row-reverse}@media (max-width: 768px){.search-bar-container{max-width:100%}.search-bar{padding:6px 8px}.search-input{padding:6px 8px;font-size:13px}.filter-button,.filter-manage-button{padding:6px}.filter-icon,.filter-manage-icon{font-size:14px}}@media (max-width: 480px){.search-bar{padding:4px 6px}.search-input{padding:4px 6px;font-size:12px}.filter-button,.filter-manage-button{padding:4px}.filter-icon,.filter-manage-icon{font-size:12px}.search-separator{margin:0 4px}}.topbar-center{display:flex;align-items:center;justify-content:center;flex:1;margin:0 24px}.search-bar-container{position:relative;width:100%;background:#fff;border-bottom:1px solid #e8eaed;box-shadow:0 1px 2px #0000000a;padding:12px 0;display:flex;justify-content:center;align-items:center;z-index:999}.search-bar{width:100%;max-width:700px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 1px 4px #3c404314}.dashboard-screen .search-bar-container{margin-bottom:0}.search-options-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);width:700px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #00000026;margin-top:0;z-index:1000;overflow:hidden;min-width:0}.search-option-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease;font-size:14px;color:#202124}.search-option-item:hover{background-color:#f8f9fa}.search-option-field{font-weight:500;color:#1a73e8}.search-option-query{font-weight:500;color:#5f6368}.settings-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#5f6368}.settings-button:hover{background-color:#f1f3f4;color:#1a73e8}.settings-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);width:700px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 6px #00000026;margin-top:0;z-index:1000;overflow:hidden;animation:expandSettings .3s ease-out}@keyframes expandSettings{0%{opacity:0;transform:translate(-50%) scaleY(0);transform-origin:top}to{opacity:1;transform:translate(-50%) scaleY(1)}}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e8eaed;background:#f8f9fa}.settings-panel-header h3{margin:0;font-size:16px;font-weight:500;color:#202124}.settings-close-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#5f6368}.settings-close-button:hover{background-color:#f1f3f4;color:#1a73e8}.settings-panel-content{padding:24px 20px}.settings-message{display:flex;align-items:center;gap:12px;color:#5f6368}.settings-message svg{color:#1a73e8;flex-shrink:0}.settings-message p{margin:0;font-size:14px;line-height:1.5}.text-input-container{width:100%;max-width:300px;margin-bottom:16px}.text-input-wrapper{position:relative;width:100%}.text-input{width:100%;padding:16px 12px 8px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fafafa;transition:all .2s ease;outline:none;color:#333;box-sizing:border-box}.text-input:focus{border-color:#1a73e8;background:#fff;box-shadow:0 0 0 3px #1a73e81a}.text-input-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#666;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px;white-space:nowrap}.text-input-label.floating{top:0;transform:translateY(-50%);font-size:12px;color:#1a73e8;background:#fff;font-weight:500}.text-input:focus+.text-input-label{color:#1a73e8}.required-asterisk{color:#e53e3e;margin-left:2px}@media (max-width: 768px){.text-input{font-size:16px}}.select-container{width:100%;max-width:320px;margin-bottom:12px}.select-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start}.select-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease;outline:none;color:#374151;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;box-shadow:0 1px 2px #0000000d;text-align:left;display:flex;align-items:center;justify-content:flex-start}.select-input:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.select-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.select-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.select-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#6b7280;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px;white-space:nowrap}.select-label.floating{top:0;transform:translateY(-50%);font-size:12px;color:#3b82f6;background:#fff;font-weight:500}.select-input:focus+.select-label{color:#3b82f6}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;transition:color .2s ease;font-size:12px}.select-input:hover~.select-arrow{color:#374151}.select-input:focus~.select-arrow{color:#3b82f6}.select-input:disabled~.select-arrow{color:#9ca3af}@media (max-width: 768px){.select-input{font-size:16px}}.radio-container{width:100%;max-width:300px;margin-bottom:16px}.radio-label-wrapper{margin-bottom:8px}.radio-group-label{font-size:14px;font-weight:500;color:#333;display:block}.radio-options{display:flex;flex-wrap:wrap;gap:16px}.radio-option{display:flex;align-items:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.radio-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-custom{height:18px;width:18px;background-color:#fff;border:2px solid #e0e0e0;border-radius:50%;display:inline-block;position:relative;margin-right:8px;transition:all .2s ease}.radio-option:hover .radio-custom{border-color:#1a73e8}.radio-input:checked~.radio-custom{background-color:#1a73e8;border-color:#1a73e8}.radio-input:checked~.radio-custom:after{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.radio-input:disabled~.radio-custom{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.radio-input:disabled~.radio-label{color:#999;cursor:not-allowed}.radio-label{font-size:14px;color:#333;cursor:pointer}.radio-input:disabled~.radio-label{cursor:not-allowed}@media (max-width: 768px){.radio-options{gap:12px}.radio-custom{height:16px;width:16px}.radio-input:checked~.radio-custom:after{width:5px;height:5px}}.switch-container{width:100%;max-width:300px;margin-bottom:16px}.switch-label-wrapper{margin-bottom:8px;text-align:left;width:100%}.switch-group-label{font-size:14px;font-weight:500;color:#333;display:block;text-align:left;margin:0;padding:0}.switch-control{display:flex;align-items:center;justify-content:flex-start;width:100%}.switch-wrapper{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.switch-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.switch-slider{position:relative;width:50px;height:24px;background-color:#ccc;border-radius:24px;transition:all .3s ease;display:inline-block}.switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-slider{background-color:#1a73e8}.switch-input:checked+.switch-slider:before{transform:translate(26px)}.switch-input:disabled+.switch-slider{background-color:#f5f5f5;cursor:not-allowed}.switch-input:disabled+.switch-slider:before{background-color:#ddd}.switch-labels{display:flex;gap:8px;font-size:14px;font-weight:500}.switch-label{color:#666;transition:color .3s ease}.switch-label.active{color:#1a73e8;font-weight:600}.switch-input:disabled~.switch-labels .switch-label{color:#999;cursor:not-allowed}@media (max-width: 768px){.switch-slider{width:44px;height:22px}.switch-slider:before{height:16px;width:16px}.switch-input:checked+.switch-slider:before{transform:translate(22px)}}.file-picker-container{width:100%;max-width:300px;margin-bottom:16px}.file-picker-wrapper{position:relative;width:100%}.file-picker-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.file-picker-dropzone{width:100%;border:2px dashed #e0e0e0;border-radius:8px;background:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.file-picker-dropzone:hover{border-color:#1a73e8;background:#f8f9ff}.file-picker-dropzone.drag-over{border-color:#1a73e8;background:#e8f0fe;transform:scale(1.02)}.file-picker-dropzone.has-files{border-color:#1a73e8;background:#fff;min-height:50px}.file-picker-content{display:flex;flex-direction:row;align-items:center;gap:12px;text-align:center;width:100%;justify-content:center}.file-picker-icon{font-size:20px;color:#666}.file-picker-text{font-size:14px;color:#666}.file-picker-placeholder{font-weight:500}.file-picker-files-count{font-weight:600;color:#1a73e8}.file-picker-button{background:#1a73e8;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;transition:background .2s ease}.file-picker-dropzone:hover .file-picker-button{background:#1765c1}.file-picker-label{position:absolute;left:12px;top:8px;font-size:12px;color:#1a73e8;background:#fff;padding:0 4px;font-weight:500;pointer-events:none;transition:all .2s ease}.file-picker-files{margin-top:8px;display:flex;flex-direction:column;gap:6px}.file-picker-file{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9ff;border:1px solid #e0e0e0;border-radius:4px;transition:all .2s ease}.file-picker-file:hover{background:#f0f4ff;border-color:#1a73e8}.file-picker-file-icon{font-size:16px;flex-shrink:0}.file-picker-file-info{flex:1;display:flex;flex-direction:column;gap:2px}.file-picker-file-name{font-size:12px;font-weight:500;color:#333;word-break:break-all}.file-picker-file-size{font-size:10px;color:#666}.file-picker-remove{background:none;border:none;color:#999;font-size:18px;font-weight:700;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.file-picker-remove:hover{color:#e53e3e;background:#fef2f2}.file-picker-remove:disabled{color:#ccc;cursor:not-allowed}@media (max-width: 768px){.file-picker-dropzone{min-height:50px}.file-picker-dropzone.has-files{min-height:40px}.file-picker-icon{font-size:18px}.file-picker-file{padding:6px}}.autocomplete-container{position:relative;width:100%;max-width:300px}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-input{width:100%;padding:16px 40px 8px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fafafa;color:#333;transition:all .2s ease;outline:none;box-sizing:border-box}.autocomplete-input:focus{border-color:#1a73e8;background:#fff;box-shadow:0 0 0 3px #1a73e81a;color:#333}.autocomplete-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.autocomplete-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#666;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px;white-space:nowrap}.autocomplete-label.floating{top:0;transform:translateY(-50%);font-size:12px;color:#1a73e8;background:#fff;font-weight:500}.autocomplete-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none;transition:transform .2s ease}.autocomplete-container:focus-within .autocomplete-arrow{transform:translateY(-50%) rotate(180deg)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:9999;max-height:200px;overflow-y:auto;text-align:left;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.autocomplete-option{padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f0f0f0;text-align:left}.autocomplete-option:hover,.autocomplete-option.highlighted{background:#f8f9ff}.autocomplete-option-title{font-weight:500;color:#333;display:block}.autocomplete-option-content{display:flex;align-items:center;gap:12px;text-align:left}.autocomplete-option-text{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.autocomplete-option-description{font-size:.875rem;color:#666;line-height:1.4}.autocomplete-option-image{flex-shrink:0;width:40px;height:40px;border-radius:6px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.form-fields-row .autocomplete-container{flex:1;min-width:0}.form-field{flex:1;min-width:200px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px;text-align:justify}.form-label .required{color:#dc3545;margin-left:4px}@media (max-width: 768px){.autocomplete-dropdown{max-height:150px}.autocomplete-option{padding:10px 16px}}.create-employee-bar{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #0000001a;width:100%;box-sizing:border-box;margin:0 auto 32px;display:flex;flex-direction:column;align-items:center;position:relative}.create-bar-toggle{background:#e8f0fe;color:#1a73e8;border:none;border-radius:6px;padding:7px 18px;font-size:14px;font-weight:500;margin:0;cursor:pointer;transition:background .2s,color .2s;align-self:flex-start;box-shadow:none}.create-bar-toggle:hover{background:#d2e3fc;color:#1765c1}.create-employee-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;animation:fadeIn .3s;padding:0}.form-fields-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;margin-bottom:16px}.form-fields-row .text-input-container,.form-fields-row .select-container,.form-fields-row .radio-container,.form-fields-row .switch-container,.form-fields-row .file-picker-container,.form-fields-row .autocomplete-container,.form-fields-row .datepicker-container{width:100%;min-width:320px;max-width:320px;margin-bottom:0}.datepicker-container{width:100%;margin-bottom:16px}.datepicker-wrapper{position:relative;width:100%;max-width:fit-content}.datepicker-input{padding:16px 12px 8px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fafafa;transition:all .2s ease;outline:none;color:#333;box-sizing:border-box}.datepicker-input:focus{border-color:#1a73e8;background:#fff;box-shadow:0 0 0 3px #1a73e81a}.datepicker-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.datepicker-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#666;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px;white-space:nowrap}.datepicker-label.floating{top:0;transform:translateY(-50%);font-size:12px;color:#1a73e8;background:#fff;font-weight:500}.datepicker-input:focus+.datepicker-label{color:#1a73e8}.datepicker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;cursor:pointer;transition:color .2s ease;padding:4px;border-radius:4px}.datepicker-icon:hover{color:#1a73e8;background:#1a73e81a}.datepicker-input:focus~.datepicker-icon{color:#1a73e8}.datepicker-input:disabled~.datepicker-icon{color:#999}.datepicker-input::-webkit-datetime-edit-fields-wrapper{padding:0}.datepicker-input::-webkit-datetime-edit{padding:0}.datepicker-input::-webkit-datetime-edit-text{padding:0}.datepicker-input::-webkit-datetime-edit-month-field,.datepicker-input::-webkit-datetime-edit-day-field,.datepicker-input::-webkit-datetime-edit-year-field{padding:0}.datepicker-container:not(:focus-within) .datepicker-input::-webkit-datetime-edit{color:transparent!important}.datepicker-container:focus-within .datepicker-input::-webkit-datetime-edit,.datepicker-input[value]:not([value=""])::-webkit-datetime-edit{color:#333!important}.form-fields-row .datepicker-container{flex:1;min-width:0;margin-bottom:0}@media (max-width: 768px){.datepicker-input{font-size:16px}}.select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:1px}.select-option{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151;text-align:left;display:flex;align-items:center;justify-content:flex-start}.select-option:last-child{border-bottom:none}.select-option:hover{background-color:#f9fafb;color:#111827}.select-option.selected{background-color:#eff6ff;color:#3b82f6;font-weight:500}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 4px 12px #00000026}.autocomplete-option{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;text-align:left}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover,.autocomplete-option.selected{background-color:#f8f9fa}.autocomplete-option-title{font-weight:500;color:#333;margin-bottom:4px}.autocomplete-option-content{display:flex;align-items:center;gap:12px}.autocomplete-option-text{flex:1;min-width:0}.autocomplete-option-description{font-size:12px;color:#666;margin-top:2px}.autocomplete-option-image{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0}.autocomplete-option-image img{width:100%;height:100%;object-fit:cover}.autocomplete-no-results{padding:12px 16px;color:#666;font-style:italic;text-align:center}.form-fields-row .autocomplete-container{flex:1;min-width:0;margin-bottom:0}.form-row{display:flex;gap:16px;width:100%}.form-row .form-group{flex:1;margin-bottom:0}.form-row .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}@media (max-width: 768px){.form-row{flex-direction:column;gap:12px}}@media (max-width: 768px){.autocomplete-dropdown{max-height:150px}.autocomplete-option{padding:10px 12px}}.form-actions{display:flex;justify-content:flex-end;margin-top:8px;width:100%}.submit-btn{background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#1765c1}.reset-btn{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:12px}.reset-btn:hover{background:#e9ecef;color:#495057;border-color:#adb5bd}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-bar-actions{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;width:100%;margin-bottom:10px}.create-bar-toggle.small,.search-bar-toggle.small{background:#e8f0fe;color:#1a73e8;border:none;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;box-shadow:none;min-width:64px}.create-bar-toggle.small:hover,.search-bar-toggle.small:hover{background:#d2e3fc;color:#1765c1}.search-bar-toggle.small[disabled]{opacity:.6;cursor:not-allowed}.submit-btn.small{background:#e8f0fe;color:#1a73e8;border:none;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;box-shadow:none;min-width:64px}.submit-btn.small:hover{background:#d2e3fc;color:#1765c1}.path-breadcrumbs{display:flex;align-items:center;gap:10px;padding:18px 0;font-size:15px;font-weight:500;color:#444;background:none;margin:0 0 8px;width:100%;max-width:700px;justify-content:flex-start}.breadcrumb-btn{background:#e8f0fe;color:#1a73e8;border:none;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;box-shadow:none;min-width:64px;text-decoration:none}.breadcrumb-btn.active,.breadcrumb-btn:hover{background:#d2e3fc;color:#1765c1}.breadcrumb-link{color:#1a73e8;text-decoration:underline;cursor:pointer;transition:color .2s}.breadcrumb-link.current{color:#444;text-decoration:none;cursor:default}.breadcrumb-link:hover{color:#1765c1}.breadcrumb-separator{color:#bbb;margin:0 4px;font-weight:400}.employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed}.employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}.input-component,.text-input-container,.select-container,.file-picker-container,.autocomplete-container,.switch-container,.datepicker-container,.textarea-container{width:320px;margin-bottom:12px;display:flex;flex-direction:column;flex-shrink:0}.input-component input,.input-component select,.input-component textarea,.text-input,.select-input,.file-picker-dropzone,.autocomplete-input,.datepicker-input{width:320px;height:40px;padding:8px 12px;border-radius:6px;font-size:14px;background-color:#fff;box-sizing:border-box;flex-shrink:0}.input-component label,.text-input-label,.select-label,.file-picker-label,.autocomplete-label,.datepicker-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px;display:block}.form-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;width:100%;margin:0 auto;padding:20px;justify-content:flex-start}.form-fields-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;width:100%;margin-bottom:16px;justify-content:flex-start}@media (max-width: 768px){.form-container{grid-template-columns:1fr;gap:12px;padding:16px}.input-component,.text-input-container,.select-container,.file-picker-container,.autocomplete-container,.switch-container,.datepicker-container,.textarea-container,.input-component input,.input-component select,.input-component textarea,.text-input,.select-input,.file-picker-dropzone,.autocomplete-input,.datepicker-input{width:100%;max-width:320px}}.order-details-container{padding:2rem;max-width:1400px;margin:0 auto}.order-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1e5e9}.order-details-header h2{font-size:1.8rem;color:#333;font-weight:600;margin:0}.order-details-header .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.order-details-header .btn-secondary{background-color:#6c757d;color:#fff}.order-details-header .btn-secondary:hover{background-color:#5a6268}.order-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.order-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .2s ease}.order-card:hover{box-shadow:0 4px 8px #00000026}.order-card h3{font-size:1.2rem;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e1e5e9;font-weight:600}.card-content{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f8f9fa}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:500;color:#666;font-size:.9rem}.info-row .value{font-weight:600;color:#333;font-size:.9rem}.order-details-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-top:2rem}.order-details-table-container h3{font-size:1.2rem;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e1e5e9;font-weight:600}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem}.error-container h2{color:#dc3545;margin-bottom:1rem}.error-container p{color:#666;margin-bottom:1.5rem}.error-container .btn{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:500;transition:background-color .2s ease}.error-container .btn:hover{background-color:#0056b3}@media (max-width: 768px){.order-details-container{padding:1rem}.order-details-header{flex-direction:column;gap:1rem;align-items:flex-start}.order-cards-container{grid-template-columns:1fr;gap:1rem}.order-card{padding:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.info-row .label{font-size:.8rem}.info-row .value{font-size:.9rem}}.not-implemented-page{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.not-implemented-content{flex:1;margin:0 auto;width:100%}.search-bar-section{margin-bottom:32px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.content-area{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 200px);padding:50px}.not-implemented-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:48px;max-width:600px;width:100%;text-align:center;border:1px solid #e1e5e9}.card-header{margin-bottom:32px}.card-icon{margin-bottom:24px;display:flex;justify-content:center}.card-icon svg{color:#6c757d;stroke:currentColor}.card-title{font-size:28px;font-weight:600;color:#212529;margin-bottom:12px;line-height:1.2}.card-description{font-size:16px;color:#6c757d;line-height:1.5;margin-bottom:0}.card-content{text-align:left}.implementation-status{background:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:32px;border:1px solid #e9ecef}.status-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.status-dot{width:12px;height:12px;background:#ffc107;border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}.status-text{font-weight:500;color:#856404;font-size:14px}.progress-section{text-align:center}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:#6c757d;font-weight:500}.features-preview{margin-bottom:32px}.features-preview h3{font-size:18px;font-weight:600;color:#212529;margin-bottom:16px}.features-list{list-style:none;padding:0;margin:0}.features-list li{color:#495057;position:relative;padding:8px 0 8px 24px}.features-list li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700;font-size:14px}.contact-section{text-align:center;padding-top:24px;border-top:1px solid #e9ecef}.contact-section p{color:#6c757d;margin-bottom:16px}.contact-button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.contact-button:hover{background:#0056b3}.contact-button:active{transform:translateY(1px)}@media (max-width: 768px){.not-implemented-content{padding:16px}.not-implemented-card{padding:32px 24px;margin:0 16px}.card-title{font-size:24px}.card-description{font-size:14px}.implementation-status{padding:16px}}@media (max-width: 480px){.not-implemented-card{padding:24px 16px}.card-title{font-size:20px}.features-preview h3{font-size:16px}}.shipping-operator-autocomplete,.autocomplete-container{position:relative;width:100%}.autocomplete-input{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.autocomplete-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.autocomplete-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.autocomplete-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background-color .2s ease}.autocomplete-item-name{font-weight:500;color:#333;margin-bottom:4px}.autocomplete-item-details{display:flex;gap:12px;font-size:12px;color:#6c757d}.autocomplete-item-code{font-weight:500}.autocomplete-item-rep{font-style:italic}.autocomplete-empty{padding:12px 16px;color:#6c757d;font-style:italic;text-align:center}@media (max-width: 768px){.autocomplete-input{padding:10px 12px;font-size:14px}.autocomplete-item{padding:10px 12px}.autocomplete-item-details{flex-direction:column;gap:4px}.autocomplete-item-code,.autocomplete-item-rep{font-size:11px}}.data-table-container{background:#fff;border-radius:0;box-shadow:none;margin:0;border:none;overflow-x:auto;overflow-y:visible;position:relative;width:100%;max-width:100%}.employee-table-container,.branches-table-container,.accounting-table-container{overflow-x:auto;width:100%;max-width:100%}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0}.kpis-container{display:flex;align-items:center;gap:16px;flex:0 0 auto}.kpi-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333}.kpi-indicator{width:12px;height:12px;border-radius:2px;flex-shrink:0}.kpi-text{font-weight:400}.toolbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.toolbar-btn{background:none;border:none;cursor:pointer;color:#666;padding:6px 8px;border-radius:4px;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;position:relative}.toolbar-btn:hover{background-color:#0000001a;color:#333}.toolbar-btn:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.toolbar-btn:active{background-color:#0003;color:#000}.toolbar-btn.active{background-color:#06c;color:#fff}.toolbar-btn.active:hover{background-color:#0052a3;color:#fff}.toolbar-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.data-table{width:100%;min-width:600px;border-collapse:collapse;font-size:14px;color:#333;table-layout:auto}.data-table th,.data-table td{min-width:fit-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;padding:8px 4px!important}.data-table thead{background:#f5f5f5;color:#000;border-bottom:1px solid #e0e0e0}.table-header{background:#f5f5f5;color:#333;font-weight:700;padding:8px 4px!important;text-align:left;border-bottom:1px solid #e0e0e0;border-right:2px solid transparent;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-header:last-child{border-right:none}.table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header.sortable:hover{background:#0000000d;color:#333}.table-sort-indicator{color:#666;margin-left:4px}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.data-table tbody tr:nth-child(2n){background-color:#fafafa}.data-table tbody tr:nth-child(odd){background-color:#fff}.data-table tbody tr:hover{background-color:#f0f8ff}.data-table tbody tr.selected{background-color:#e6f3ff;border-left:3px solid #0066cc}.data-table tbody tr.expanded{background-color:#f5f5f5}.table-cell{position:relative;padding:8px 4px!important;border-bottom:1px solid #f0f0f0;font-size:12px;line-height:1.4;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.table-cell-text{color:#000;font-weight:400}.table-cell-link{color:#06c;text-decoration:underline;font-weight:400}.table-cell-boolean.active{background-color:#e8f5e8;color:#2e7d32;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:60px}.table-cell-boolean.inactive{background-color:#ffebee;color:#c62828;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:60px}.table-cell-date{color:#666}.table-cell-file{color:#1976d2}.table-cell-select{color:#000;font-weight:400}.table-cell[data-type=boolean]{text-align:center;vertical-align:middle}.table-header-actions{position:sticky;left:0;z-index:10;background:#f5f5f5;border-right:1px solid #e0e0e0;width:50px;min-width:50px;max-width:50px;box-shadow:2px 0 4px #0000001a}.actions-header{display:flex;align-items:center;justify-content:center;color:#06c;padding:4px}.settings-button{background:none;border:none;cursor:pointer;color:#06c;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-button:hover{background-color:#0066cc1a;color:#0052a3}.settings-button:focus{outline:2px solid rgba(0,102,204,.2);outline-offset:2px}.settings-button:active{background-color:#06c3;color:#004080}.table-cell-actions{position:sticky;left:0;z-index:5;background:inherit;border-right:1px solid #e0e0e0;width:50px;min-width:50px;max-width:50px;text-align:center;box-shadow:2px 0 4px #0000001a}.data-table tbody tr:nth-child(2n) .table-cell-actions{background-color:#fafafa}.data-table tbody tr:nth-child(odd) .table-cell-actions{background-color:#fff}.data-table tbody tr:hover .table-cell-actions{background-color:#f0f8ff}.data-table tbody tr.selected .table-cell-actions{background-color:#e6f3ff}.expand-button{background:none;border:none;cursor:pointer;color:#666;font-size:12px;padding:4px;border-radius:4px;transition:color .2s ease}.expand-button:hover{color:#333}.table-row-expanded{background-color:#fafafa}.table-expanded-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #e0e0e0}.table-expanded-content pre{margin:0;white-space:pre-wrap;font-family:monospace;font-size:12px;color:#666}.table-pagination{padding:20px 24px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:0}.pagination-info{color:#666;font-size:14px;font-weight:500}.pagination-btn{background:#fff;border:1px solid #e0e0e0;color:#333;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#333}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8f9fa;color:#999}.pagination-btn.active{background:#06c;border-color:#06c;color:#fff;font-weight:500}.pagination-page{color:#666;font-size:14px;font-weight:400;padding:0 8px}.page-size-select{background:#fff;border:1px solid #e0e0e0;color:#333;padding:6px 28px 6px 10px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:400;min-width:90px;height:28px;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:14px}.page-size-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.page-size-select:hover{border-color:#ccc;background-color:#fafafa}.page-size-select option{padding:8px 12px;font-size:14px;font-weight:400;color:#333;background:#fff;border:none;margin:0;cursor:pointer}.page-size-select option:hover{background-color:#f5f5f5;color:#333}.page-size-select option:checked{background-color:#06c;color:#fff;font-weight:500}.page-size-select option:focus{background-color:#f0f8ff;color:#06c}.page-size-select::-ms-expand{display:none}.page-size-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #333}.page-size-select::-webkit-select-placeholder{color:#999}.page-size-select:focus option:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px}.page-size-select:focus option:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.table-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:#666;background:#f8f9fa;border-radius:4px;margin:16px}.table-header-selectable,.table-cell-selectable{width:30px!important;min-width:30px!important;max-width:30px!important;padding:8px 2px!important;text-align:center}.data-table th.table-header-selectable,.data-table td.table-cell-selectable,.data-table thead tr th.table-header-selectable,.data-table tbody tr td.table-cell-selectable{width:30px!important;min-width:30px!important;max-width:30px!important;padding:8px 2px!important;text-align:center!important}.data-table .table-header-selectable,.data-table .table-cell-selectable{width:30px!important;min-width:30px!important;max-width:30px!important;padding:8px 2px!important;text-align:center!important;flex:0 0 30px!important;flex-basis:30px!important}.data-table th.table-header-selectable,.data-table td.table-cell-selectable{min-width:30px!important}.data-table input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border:2px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}.data-table input[type=checkbox]:checked{background-color:#06c;border-color:#06c}.data-table input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.data-table input[type=checkbox]:hover{border-color:#06c;background-color:#f0f8ff}.data-table input[type=checkbox]:checked:hover{background-color:#0052a3;border-color:#0052a3}.data-table input[type=checkbox]:focus{outline:2px solid rgba(0,102,204,.2);outline-offset:2px}.data-table:focus-within{outline:2px solid #0066cc}@media (max-width: 768px){.data-table{font-size:12px;min-width:500px}.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-header,.table-cell{padding:6px 2px!important;white-space:nowrap!important}.table-pagination{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-btn{min-width:28px;height:28px;font-size:12px}}@keyframes selectRow{0%{background-color:#e6f3ff}to{background-color:#e6f3ff}}.data-table tbody tr.selected{animation:selectRow .3s ease}.data-table-container::-webkit-scrollbar{height:8px}.data-table-container::-webkit-scrollbar-track{background:#f1f1f1}.data-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.data-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-header-action-buttons{position:sticky;left:0;z-index:10;background:#f5f5f5;border-right:1px solid #e0e0e0;width:fit-content!important;min-width:60px!important;max-width:60px!important;box-shadow:2px 0 4px #0000001a;white-space:nowrap!important;padding:4px 0!important}.action-buttons-header{display:flex;align-items:center;justify-content:center;color:#333;padding:4px;font-weight:700}.table-cell-action-buttons{position:sticky;left:0;z-index:5;background:inherit;border-right:1px solid #e0e0e0;width:fit-content!important;min-width:60px!important;max-width:60px!important;text-align:center;box-shadow:2px 0 4px #0000001a;padding:2px 0!important;white-space:nowrap!important}.data-table tbody tr:nth-child(2n) .table-cell-action-buttons{background-color:#fafafa}.data-table tbody tr:nth-child(odd) .table-cell-action-buttons{background-color:#fff}.data-table tbody tr:hover .table-cell-action-buttons{background-color:#f0f8ff}.data-table tbody tr.selected .table-cell-action-buttons{background-color:#e6f3ff}.table-cell-action-buttons button{background:none!important;border:none!important;cursor:pointer;color:#333;padding:4px 6px!important;margin:0 3px!important;border-radius:4px;font-size:12px;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;min-width:20px!important;height:20px!important;flex-shrink:0!important}.data-table .table-cell-action-buttons{width:140px!important;min-width:140px!important;max-width:140px!important;padding:6px 8px!important}.data-table .table-header-action-buttons{width:140px!important;min-width:140px!important;max-width:140px!important;padding:8px!important}.data-table .table-cell-action-buttons button{padding:4px 6px!important;margin:0 3px!important;min-width:20px!important;height:20px!important}.data-table tbody tr td.table-cell-action-buttons{width:140px!important;min-width:140px!important;max-width:140px!important;padding:6px 8px!important}.data-table thead tr th.table-header-action-buttons{width:140px!important;min-width:140px!important;max-width:140px!important;padding:8px!important}.data-table tbody tr td.table-cell-action-buttons button{padding:4px 6px!important;margin:0 3px!important;min-width:20px!important;height:20px!important;width:auto!important}.table-cell-action-buttons button:hover{background-color:#0000001a;color:#000}.table-cell-action-buttons button:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.table-cell-action-buttons button:active{background-color:#0003;color:#000}.table-cell-action-buttons button svg{width:14px;height:14px}.custom-tooltip{position:fixed;background:#000;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:400;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 4px 8px #0000004d;max-width:300px;overflow:hidden;text-overflow:ellipsis}.context-menu{position:fixed;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:10000;min-width:120px;padding:4px 0}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{padding:8px 16px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.context-menu li:hover{background-color:#f5f5f5;color:#000}.context-menu li:active{background-color:#e0e0e0;color:#000}.table-cell-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;min-width:80px;white-space:nowrap}.table-cell-status.undefined{background-color:#6c757d20;color:#6c757d}.table-cell-status.waiting-to-be-shipped{background-color:#ffa50020;color:orange}.table-cell-status.shipping{background-color:#007bff20;color:#007bff}.table-cell-status.in-local-country-port{background-color:#17a2b820;color:#17a2b8}.table-cell-status.in-local-transit{background-color:#6f42c120;color:#6f42c1}.table-cell-status.in-local-warehouse{background-color:#fd7e1420;color:#fd7e14}.table-cell-status.ready-for-pickup{background-color:#28a74520;color:#28a745}.countries-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.countries-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.countries-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed}.countries-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.countries-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.countries-screen .dashboard-content{padding:1rem 1rem 2rem}.countries-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.countries-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.countries-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.countries-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.countries-screen{padding-bottom:80px}.countries-screen .dashboard-content{padding-bottom:4rem}.countries-screen .employee-table-container{margin-bottom:60px;padding-bottom:60px}}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite}.table-cell-actions button.disabled,.table-cell-action-buttons button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.table-cell-actions button.disabled:hover,.table-cell-action-buttons button.disabled:hover{background-color:transparent;color:inherit}.table-error{display:flex;align-items:center;justify-content:center;padding:40px;color:#d32f2f;background:#ffebee;border-radius:4px;margin:16px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.loading-overlay div:last-child{font-size:16px;font-weight:500}.bulk-selection-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-close:hover{background:#e9ecef}.modal-body{padding:24px;flex:1;overflow-y:auto}.package-info{background:#e3f2fd;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #2196f3}.package-info p{margin:0;color:#1976d2;font-weight:500}.search-container{margin-bottom:20px}.search-container label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.search-input-container{position:relative}.search-input{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background-color:#fff;color:#000;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.loading-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spinner{width:16px;height:16px;border:2px solid #e3e6ea;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.bulks-list{max-height:300px;overflow-y:auto}.bulks-container h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057}.bulk-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e1e5e9;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background:#fff}.bulk-item:hover{border-color:#007bff;background:#f8f9fa}.bulk-item.selected{border-color:#007bff;background:#e3f2fd;box-shadow:0 0 0 2px #007bff1a}.bulk-info{flex:1}.bulk-codes{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}.bulk-internal-code{font-weight:600;color:#2c3e50;background:#e9ecef;padding:4px 8px;border-radius:4px;font-size:12px}.bulk-operator-code,.bulk-original-code{color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:12px}.bulk-details{display:flex;gap:16px;font-size:12px;color:#6c757d}.bulk-state{font-weight:500}.selected-indicator{color:#28a745;font-weight:700;font-size:16px}.no-results{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.btn-cancel:hover{background:#f8f9fa;border-color:#adb5bd}.btn-confirm{padding:10px 20px;border:none;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-confirm:hover:not(:disabled){background:#0056b3}.btn-confirm:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.bulk-selection-modal{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:16px}.bulk-codes{flex-direction:column;gap:6px}.bulk-details{flex-direction:column;gap:4px}.modal-footer{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.remove-from-bulk-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover:not(:disabled){background:#e9ecef}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;text-align:center}.warning-icon{display:flex;justify-content:center;margin-bottom:20px;color:#f39c12}.confirmation-content h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#2c3e50}.package-details{background:#f8f9fa;border-radius:6px;padding:16px;margin-bottom:20px;text-align:left}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-item .label{font-weight:500;color:#6c757d}.detail-item .value{font-weight:600;color:#2c3e50}.warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px 16px;text-align:left}.warning-message p{margin:0;font-size:14px;color:#856404;line-height:1.4}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa}.btn-cancel{padding:10px 20px;border:1px solid #ced4da;background:#fff;color:#6c757d;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.btn-remove{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:#dc3545;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-remove:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-remove:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}@media (max-width: 768px){.remove-from-bulk-modal{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column}.btn-cancel,.btn-remove{width:100%;justify-content:center}}.packages-table-container{margin-top:24px;border:1px solid #e1e5e9;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a}.packages-table-header{padding:16px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:8px 8px 0 0}.packages-table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.packages-table-title h3{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.accordion-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.accordion-toggle:hover{background:#e9ecef}.accordion-toggle:focus{outline:2px solid #007bff;outline-offset:2px}.chevron{transition:transform .2s ease;color:#000;stroke:#000}.chevron.rotated{transform:rotate(180deg)}.packages-table-controls{display:flex;align-items:center;gap:12px}.search-container{position:relative;flex:1;max-width:300px}.packages-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background-color:#fff;color:#000;transition:border-color .2s ease,box-shadow .2s ease}.packages-search-input::placeholder{color:#6c757d}.packages-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;background-color:#fff;color:#000}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.packages-table-content{padding:0;border-radius:0 0 8px 8px;overflow:hidden}.packages-table-content .data-table{border:none;box-shadow:none;margin:0}.packages-table-content .data-table-header{border-top:none;background:#f8f9fa}.packages-table-content .data-table-body{max-height:400px;overflow-y:auto}@media (max-width: 768px){.packages-table-header{padding:12px 16px}.packages-table-title h3{font-size:14px}.search-container{max-width:100%}.packages-search-input{font-size:13px;padding:6px 10px 6px 32px}.search-icon{left:10px;width:14px;height:14px}}.packages-table-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.packages-table-container.loading .packages-table-content{opacity:.6;pointer-events:none}.packages-table-content .empty-state{padding:40px 20px;text-align:center;color:#6c757d}.packages-table-content .empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.data-table .table-cell-action-buttons .add-to-bulk-btn,.packages-table-content .data-table .table-cell-action-buttons .add-to-bulk-btn,.data-table tbody tr td.table-cell-action-buttons .add-to-bulk-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:#007bff!important;color:#fff!important;border:none!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;margin:0 3px!important;min-width:auto!important;height:auto!important;width:auto!important}.data-table .table-cell-action-buttons .add-to-bulk-btn:hover:not(:disabled),.packages-table-content .data-table .table-cell-action-buttons .add-to-bulk-btn:hover:not(:disabled),.data-table tbody tr td.table-cell-action-buttons .add-to-bulk-btn:hover:not(:disabled){background:#0056b3!important;transform:translateY(-1px)!important;color:#fff!important}.data-table .table-cell-action-buttons .add-to-bulk-btn:disabled,.packages-table-content .data-table .table-cell-action-buttons .add-to-bulk-btn:disabled,.data-table tbody tr td.table-cell-action-buttons .add-to-bulk-btn:disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.6!important;color:#fff!important}.data-table .table-cell-action-buttons .add-to-bulk-btn:active,.packages-table-content .data-table .table-cell-action-buttons .add-to-bulk-btn:active,.data-table tbody tr td.table-cell-action-buttons .add-to-bulk-btn:active{background:#007bff!important;color:#fff!important}.packages-table-content .data-table .table-header-action-buttons,.packages-table-content .data-table .table-cell-action-buttons{width:200px!important;min-width:200px!important;max-width:200px!important}.data-table .table-cell-action-buttons .remove-from-bulk-btn,.packages-table-content .data-table .table-cell-action-buttons .remove-from-bulk-btn,.data-table tbody tr td.table-cell-action-buttons .remove-from-bulk-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:#dc3545!important;color:#fff!important;border:none!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;box-shadow:0 2px 4px #dc35454d!important;margin:0 3px!important;min-width:auto!important;height:auto!important;width:auto!important}.data-table .table-cell-action-buttons .remove-from-bulk-btn:hover:not(:disabled),.packages-table-content .data-table .table-cell-action-buttons .remove-from-bulk-btn:hover:not(:disabled),.data-table tbody tr td.table-cell-action-buttons .remove-from-bulk-btn:hover:not(:disabled){background:#dc3545!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #dc354566!important;color:#fff!important}.data-table .table-cell-action-buttons .remove-from-bulk-btn:disabled,.packages-table-content .data-table .table-cell-action-buttons .remove-from-bulk-btn:disabled,.data-table tbody tr td.table-cell-action-buttons .remove-from-bulk-btn:disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.6!important;box-shadow:none!important;color:#fff!important}.data-table .table-cell-action-buttons .remove-from-bulk-btn:focus,.packages-table-content .data-table .table-cell-action-buttons .remove-from-bulk-btn:focus,.data-table tbody tr td.table-cell-action-buttons .remove-from-bulk-btn:focus{outline:2px solid #dc3545!important;outline-offset:2px!important}.data-table .table-cell-action-buttons .remove-from-bulk-btn:active,.packages-table-content .data-table .table-cell-action-buttons .remove-from-bulk-btn:active,.data-table tbody tr td.table-cell-action-buttons .remove-from-bulk-btn:active{background:#dc3545!important;color:#fff!important}.loading-spinner-small{display:flex;align-items:center;justify-content:center}.loading-spinner-small .spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.state-change-container{width:100%}.state-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:12px;color:#c33;font-size:14px}.error-icon{font-size:16px}.error-message{flex:1}.state-workflow{display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:8px 0;gap:8px}.state-workflow.loading{pointer-events:none}.loading-spinner{display:inline-block;width:20px;height:20px;position:relative;margin-right:1px;flex-shrink:0}.loading-spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.2);border-radius:50%}.loading-spinner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-top:1px solid #ffffff;border-right:1px solid rgba(255,255,255,.5);border-radius:50%;animation:stateSpin .8s linear infinite}@keyframes stateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.state-step{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;transition:all .3s ease;min-width:100px;text-align:center;flex-shrink:0;box-shadow:0 1px 3px #0000001a;border:1px solid transparent;-webkit-user-select:none;user-select:none;height:36px}.state-step:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.state-step:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.state-step.active{border-top-right-radius:20px;border-bottom-right-radius:20px;position:relative;z-index:2}.state-step.active:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent;z-index:1;display:none}.state-step:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.state-step.disabled{opacity:.6;cursor:not-allowed}.state-label{display:block;font-weight:600;line-height:1.2}.state-duration{display:block;font-size:11px;font-weight:400;opacity:.8;margin-top:2px}.state-arrow{width:16px;height:2px;background-color:#e5e7eb;position:relative;flex-shrink:0;z-index:1;display:none}.state-arrow:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid #E5E7EB;border-top:5px solid transparent;border-bottom:5px solid transparent}@media (max-width: 768px){.state-workflow{padding:6px 0;gap:6px}.state-step{padding:6px 12px;font-size:12px;min-width:80px;height:32px}.state-duration{font-size:9px}}@media (max-width: 480px){.state-workflow{gap:4px}.state-step{padding:6px 10px;font-size:11px;min-width:70px;height:30px}.state-duration{font-size:8px}}body[dir=rtl] .state-workflow{flex-direction:row-reverse}body[dir=rtl] .state-step.active:after{right:auto;left:-8px;border-left:none;border-right:8px solid currentColor}body[dir=rtl] .state-arrow:after{right:auto;left:-5px;border-left:none;border-right:5px solid #E5E7EB}@keyframes stateTransition{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.state-step.active{animation:stateTransition .3s ease-out}.state-step:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}@media (prefers-contrast: high){.state-step{border:2px solid currentColor}.state-step.active{border-color:#000}}@media (prefers-reduced-motion: reduce){.state-step{transition:none}.state-step:hover:not(.disabled){transform:none}.state-step.active{animation:none}}.model-details-screen{min-height:100vh;background-color:#f8f9fa;padding:0}� �/�*� �T�a�b�l�e� �A�c�t�i�o�n� �B�u�t�t�o�n�s� �*�/� �.�t�a�b�l�e�-�a�c�t�i�o�n�-�b�t�n� �{� � � �d�i�s�p�l�a�y�:� �i�n�l�i�n�e�-�f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �g�a�p�:� �4�p�x�;� � � �p�a�d�d�i�n�g�:� �6�p�x� �1�2�p�x�;� � � �b�o�r�d�e�r�:� �n�o�n�e�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �4�p�x�;� � � �f�o�n�t�-�s�i�z�e�:� �1�2�p�x�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�2�s� �e�a�s�e�;� � � �t�e�x�t�-�d�e�c�o�r�a�t�i�o�n�:� �n�o�n�e�;� �}� � �.�a�d�d�-�b�u�l�k�-�b�t�n� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�2�8�a�7�4�5�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � �.�a�d�d�-�b�u�l�k�-�b�t�n�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�2�1�8�8�3�8�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � �.�r�e�m�o�v�e�-�b�u�l�k�-�b�t�n� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�d�c�3�5�4�5�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � �.�r�e�m�o�v�e�-�b�u�l�k�-�b�t�n�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�c�8�2�3�3�3�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � �.�t�a�b�l�e�-�a�c�t�i�o�n�-�b�t�n� �s�v�g� �{� � � �f�l�e�x�-�s�h�r�i�n�k�:� �0�;� �}� � � �.�t�a�b�l�e�-�a�c�t�i�o�n�s�-�c�e�l�l� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �p�a�d�d�i�n�g�:� �8�p�x�;� �}� � �/�*� �C�o�n�f�i�r�m�a�t�i�o�n� �M�o�d�a�l� �S�t�y�l�e�s� �*�/� �.�m�o�d�a�l�-�o�v�e�r�l�a�y� �{� � � �p�o�s�i�t�i�o�n�:� �f�i�x�e�d�;� � � �t�o�p�:� �0�;� � � �l�e�f�t�:� �0�;� � � �r�i�g�h�t�:� �0�;� � � �b�o�t�t�o�m�:� �0�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�5�)�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �z�-�i�n�d�e�x�:� �1�0�0�0�;� �}� � �.�m�o�d�a�l� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �w�h�i�t�e�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �8�p�x�;� � � �b�o�x�-�s�h�a�d�o�w�:� �0� �4�p�x� �2�0�p�x� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�1�5�)�;� � � �m�a�x�-�w�i�d�t�h�:� �5�0�0�p�x�;� � � �w�i�d�t�h�:� �9�0�%�;� � � �m�a�x�-�h�e�i�g�h�t�:� �9�0�v�h�;� � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� �}� � �.�m�o�d�a�l�-�h�e�a�d�e�r� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �s�p�a�c�e�-�b�e�t�w�e�e�n�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �p�a�d�d�i�n�g�:� �1�6�p�x� �2�0�p�x�;� � � �b�o�r�d�e�r�-�b�o�t�t�o�m�:� �1�p�x� �s�o�l�i�d� �#�d�e�e�2�e�6�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�f�8�f�9�f�a�;� �}� � �.�m�o�d�a�l�-�h�e�a�d�e�r� �h�3� �{� � � �m�a�r�g�i�n�:� �0�;� � � �f�o�n�t�-�s�i�z�e�:� �1�8�p�x�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � �c�o�l�o�r�:� �#�4�9�5�0�5�7�;� �}� � �.�m�o�d�a�l�-�c�l�o�s�e�-�b�t�n� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �n�o�n�e�;� � � �b�o�r�d�e�r�:� �n�o�n�e�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �p�a�d�d�i�n�g�:� �4�p�x�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �4�p�x�;� � � �c�o�l�o�r�:� �#�6�c�7�5�7�d�;� � � �t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�2�s� �e�a�s�e�;� �}� � �.�m�o�d�a�l�-�c�l�o�s�e�-�b�t�n�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�e�9�e�c�e�f�;� � � �c�o�l�o�r�:� �#�4�9�5�0�5�7�;� �}� � �.�m�o�d�a�l�-�b�o�d�y� �{� � � �p�a�d�d�i�n�g�:� �2�0�p�x�;� �}� � �.�m�o�d�a�l�-�b�o�d�y� �p� �{� � � �m�a�r�g�i�n�:� �0�;� � � �f�o�n�t�-�s�i�z�e�:� �1�4�p�x�;� � � �c�o�l�o�r�:� �#�4�9�5�0�5�7�;� � � �l�i�n�e�-�h�e�i�g�h�t�:� �1�.�5�;� �}� � �.�m�o�d�a�l�-�f�o�o�t�e�r� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �f�l�e�x�-�e�n�d�;� � � �g�a�p�:� �1�2�p�x�;� � � �p�a�d�d�i�n�g�:� �1�6�p�x� �2�0�p�x�;� � � �b�o�r�d�e�r�-�t�o�p�:� �1�p�x� �s�o�l�i�d� �#�d�e�e�2�e�6�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�f�8�f�9�f�a�;� �}� � �.�b�t�n� �{� � � �p�a�d�d�i�n�g�:� �8�p�x� �1�6�p�x�;� � � �b�o�r�d�e�r�:� �n�o�n�e�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �4�p�x�;� � � �f�o�n�t�-�s�i�z�e�:� �1�4�p�x�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�2�s� �e�a�s�e�;� �}� � �.�b�t�n�-�s�e�c�o�n�d�a�r�y� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�6�c�7�5�7�d�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � �.�b�t�n�-�s�e�c�o�n�d�a�r�y�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�5�a�6�2�6�8�;� �}� � �.�b�t�n�-�d�a�n�g�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�d�c�3�5�4�5�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � �.�b�t�n�-�d�a�n�g�e�r�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�c�8�2�3�3�3�;� �}� � � .shipping-operator-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.shipping-operator-dashboard-content{flex:1;display:flex;flex-direction:column;margin:0 auto;width:100%;padding:0 20px}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:24px;border:1px solid #e9ecef;width:100%}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.form-header h2{margin:0;color:#333;font-size:24px;font-weight:600}.shipping-operator-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-label{font-weight:500;color:#333;font-size:14px;margin-bottom:4px}.required{color:#dc3545;margin-left:2px}.form-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.shipping-operator-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:24px;border:1px solid #e9ecef;width:100%}.shipping-operator-table-container h2{margin:0 0 20px;color:#333;font-size:20px;font-weight:600}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.table-error{display:flex;align-items:center;justify-content:center;padding:40px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.loading-overlay .loading-spinner{margin-bottom:16px}.disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.form-row{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}@media (max-width: 768px){.dashboard-content{padding:0 10px}.form-container,.employee-table-container{margin:10px 0;padding:16px}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.form-header h2{font-size:20px}}.create-order-page{padding:20px;max-width:1400px;margin:0 auto}.create-order-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.create-order-page .page-header h1{margin:0;color:#333;font-size:28px;font-weight:600}.create-order-page .header-actions{display:flex;gap:12px}.create-order-page .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.create-order-page .btn:disabled{opacity:.6;cursor:not-allowed}.create-order-page .btn-primary{background-color:#007bff;color:#fff}.create-order-page .btn-primary:hover:not(:disabled){background-color:#0056b3}.create-order-page .btn-secondary{background-color:#6c757d;color:#fff}.create-order-page .btn-secondary:hover:not(:disabled){background-color:#545b62}.create-order-page .btn-danger{background-color:#dc3545;color:#fff}.create-order-page .btn-danger:hover:not(:disabled){background-color:#c82333}.create-order-page .btn-sm{padding:6px 12px;font-size:12px}.create-order-page .form-container{display:flex;flex-direction:column;gap:30px}.create-order-page .form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.create-order-page .form-section h2{margin:0 0 20px;color:#333;font-size:20px;font-weight:600;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.create-order-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-order-page .section-header h2{margin:0;border:none;padding:0}.create-order-page .form-fields-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.create-order-page .form-field{display:flex;flex-direction:column}.create-order-page .form-label{font-weight:500;margin-bottom:6px;color:#333;font-size:14px}.create-order-page .switch-field{display:flex;align-items:center;gap:12px;margin-top:20px}.create-order-page .switch-field label{margin:0;font-weight:500;color:#333}.create-order-page .table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.create-order-page .order-details-table{width:100%;border-collapse:collapse;min-width:1200px}.create-order-page .order-details-table th{background-color:#f8f9fa;padding:8px 4px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;font-size:11px}.create-order-page .order-details-table td{padding:4px;border-bottom:1px solid #e0e0e0;vertical-align:top;color:#333}.create-order-page .order-details-table tr:hover{background-color:#f8f9fa}.create-order-page .order-details-table input,.create-order-page .order-details-table select{width:100%;padding:4px 6px;border:1px solid #ddd;border-radius:3px;font-size:11px}.create-order-page .order-details-table input:focus,.create-order-page .order-details-table select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.create-order-page .empty-state{text-align:center;padding:40px 20px;color:#666;background-color:#f8f9fa;border-radius:6px;border:2px dashed #ddd}.create-order-page .empty-state p{margin:0;font-size:16px}.create-order-page .action-buttons{display:flex;gap:8px;justify-content:center}.create-order-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-order-page .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.create-order-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.create-order-page .modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.create-order-page .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.create-order-page .modal-close:hover{background-color:#f5f5f5;color:#333}.create-order-page .modal-body{padding:24px}.create-order-page .modal-form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.create-order-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.create-order-page .error-modal{max-width:500px}.create-order-page .error-header{background-color:#dc3545;color:#fff}.create-order-page .error-header h3,.create-order-page .error-header .modal-close{color:#fff}.create-order-page .error-header .modal-close:hover{background-color:#fff3;color:#fff}.create-order-page .error-content{text-align:center;padding:20px 0}.create-order-page .error-icon{font-size:48px;margin-bottom:16px}.create-order-page .error-message{font-size:16px;color:#333;margin:0;line-height:1.5}@media (max-width: 1200px){.create-order-page .form-fields-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.create-order-page{padding:15px}.create-order-page .page-header{flex-direction:column;gap:15px;align-items:stretch}.create-order-page .header-actions{justify-content:center}.create-order-page .form-fields-row{grid-template-columns:1fr;gap:15px}.create-order-page .section-header{flex-direction:column;gap:15px;align-items:stretch}.create-order-page .order-details-table{font-size:10px}.create-order-page .order-details-table th,.create-order-page .order-details-table td{padding:3px 2px}.create-order-page .order-details-table input,.create-order-page .order-details-table select{padding:2px 4px;font-size:10px}.create-order-page .modal-form-fields{grid-template-columns:1fr;gap:15px}.create-order-page .modal-content{margin:10px;max-height:95vh}.create-order-page .action-buttons{flex-direction:column;gap:4px}}@media (max-width: 480px){.create-order-page .page-header h1{font-size:24px}.create-order-page .form-section{padding:16px}.create-order-page .btn{padding:8px 16px;font-size:13px}}.order-details-screen{min-height:100vh;background-color:#f8f9fa;padding:0}.loading-spinner-mini{width:20px;height:20px;border:4px solid #e3e6ea;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px;margin-left:6px}.packages-table-cards-container{margin-top:24px}.packages-table-card{margin-bottom:0}.packages-table-card .packages-table-container{margin-top:0;border:none;box-shadow:none;background:transparent}.edit-form{max-width:100%}.edit-group{margin-bottom:32px}.edit-group:last-child{margin-bottom:0}.group-title{font-size:18px;font-weight:600;color:#212529;margin:0 0 20px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;font-weight:500;color:#495057;margin-bottom:4px}.field-value{font-size:14px;color:#212529;padding:8px 0}.cards-container{display:flex;flex-direction:column;gap:18px;overflow:visible}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.table-cards-container{width:100%;margin-top:24px}.table-card{width:100%;overflow:visible}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef;overflow:visible}.info-item span{font-size:14px;color:#212529;font-weight:500;word-break:break-word}.table-container{overflow-x:auto}.info-table{width:100%;border-collapse:collapse;margin-top:16px}.info-table th{background-color:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6}.info-table td{padding:12px 16px;border-bottom:1px solid #f8f9fa;font-size:14px;color:#212529}.info-table tr:hover{background-color:#f8f9fa}.details-table-container{overflow-x:auto;overflow-y:visible;margin-top:16px}.details-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.details-table-header h3{margin:0;font-size:18px;font-weight:600;color:#212529}.details-table-add-btn{background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.details-table-add-btn:hover{background-color:#0056b3}.details-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.details-table th{background-color:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6}.details-table td{padding:12px 16px;border-bottom:1px solid #f8f9fa;font-size:14px;color:#212529;vertical-align:middle;position:relative}.details-table tr{position:relative}.details-table tr:hover{background-color:#f8f9fa}.details-table tr:last-child td{border-bottom:none}.details-table tr.editing-row{background-color:#fff3cd!important;border-left:4px solid #ffc107}.details-table-actions-column{width:140px;text-align:center;background:#f8f9fa}.details-table-actions-cell{text-align:center;white-space:nowrap;background:#f8f9fa;min-width:120px}.details-table-row-actions,.details-table-edit-actions{display:flex;gap:8px;justify-content:center}.details-table-btn-edit,.details-table-btn-delete,.details-table-btn-save,.details-table-btn-cancel{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent;color:#6c757d;opacity:1;visibility:visible;position:relative}.details-table-btn-edit:not(:hover),.details-table-btn-delete:not(:hover),.details-table-btn-save:not(:hover),.details-table-btn-cancel:not(:hover){background-color:#f8f9fa80;border:1px solid #e9ecef}.details-table-btn-edit:hover{background-color:#f8f9fa;color:#495057}.details-table-btn-delete:hover{background-color:#f8f9fa;color:#dc3545}.details-table-btn-save:hover{background-color:#f8f9fa;color:#28a745}.details-table-btn-cancel:hover{background-color:#f8f9fa;color:#6c757d}.details-table-btn-edit svg,.details-table-btn-delete svg,.details-table-btn-save svg,.details-table-btn-cancel svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;display:inline-block;vertical-align:middle}.details-table-actions-cell button{background:none!important;border:none!important;cursor:pointer!important;color:#6c757d!important;padding:4px 8px!important;margin:0 2px!important;border-radius:4px!important;transition:all .2s ease!important}.details-table-actions-cell button:hover{background-color:#f8f9fa!important;color:#495057!important}.details-table-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.details-table-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.details-table-input:hover{border-color:#adb5bd}.details-table-image{border-radius:6px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a}.details-table-image-input{display:flex;flex-direction:column;gap:8px}.details-table-image-preview{width:48px;height:48px;object-fit:contain;border-radius:6px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a}.table-select-container{position:relative;width:100%;z-index:1000}.table-select-wrapper{position:relative;width:100%;z-index:1001}.table-select-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.table-select-input:hover{border-color:#adb5bd}.table-select-input.focused{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.table-select-value{flex:1;text-align:left;color:#212529}.table-select-arrow{color:#6c757d;font-size:12px;transition:transform .2s ease}.table-select-label{position:absolute;top:-8px;left:8px;background:#fff;padding:0 4px;font-size:12px;color:#6c757d;transition:all .2s ease;pointer-events:none}.table-select-label.floating{color:#007bff;font-size:11px}.table-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #007bff;border-radius:6px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:1px;min-height:50px}.table-select-option{padding:8px 12px;cursor:pointer;transition:background-color .2s ease;color:#212529;font-size:14px}.table-select-option:hover{background-color:#f8f9fa}.table-select-option.selected{background-color:#e3f2fd;color:#1976d2}.attachments-card{width:100%}.attachments-container{margin-top:16px}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-item{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.attachment-item:hover{background:#e9ecef;border-color:#dee2e6}.attachment-icon{font-size:24px;margin-right:16px;flex-shrink:0}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:14px;font-weight:500;color:#212529;margin-bottom:4px;word-break:break-word}.attachment-meta{display:flex;gap:16px;font-size:12px;color:#6c757d;flex-wrap:wrap}.attachment-type,.attachment-file-type,.attachment-author{background-color:#f8f9fa;padding:2px 6px;border-radius:3px;font-size:11px}.attachment-file-type{background-color:#e1f5fe;color:#0277bd;border:1px solid #b3e5fc}.attachment-type[data-type=Order]{background-color:#e3f2fd;color:#1976d2}.attachment-type[data-type="Financial Order"]{background-color:#e8f5e8;color:#388e3c}.attachment-type[data-type=Comment]{background-color:#fff3e0;color:#f57c00}.attachment-type[data-type=Undefined]{background-color:#fafafa;color:#757575}.attachment-size,.attachment-date{font-weight:500}.attachment-actions{display:flex;gap:8px;flex-shrink:0}.btn-download,.btn-view{width:32px;height:32px;border:none;border-radius:6px;background:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-download:hover{background:#0056b3}.btn-view{background:#6c757d}.btn-view:hover{background:#545b62}.no-attachments{text-align:center;padding:40px 20px;color:#6c757d}.no-attachments p{margin:0;font-size:14px}.attachment-cards-container{width:100%;margin-top:24px}@media (max-width: 768px){.details-header{flex-direction:column;gap:16px;align-items:flex-start;padding:20px 24px}.header-left{flex-direction:column;gap:12px;align-items:flex-start}.header-right{width:100%;justify-content:flex-end}.model-title h1{font-size:24px}.details-tabs{overflow-x:auto;white-space:nowrap}.tab-button{padding:12px 16px;font-size:13px}.details-content{padding:20px}.cards-grid{grid-template-columns:1fr;gap:16px}.info-card{padding:20px}.info-item{padding:8px 0}.info-item label{font-size:11px}.info-item span{font-size:13px}.timeline-item{padding:16px 0 16px 32px;margin-left:16px}.timeline-item:before{left:-6px;top:20px;width:12px;height:12px}.form-grid{grid-template-columns:1fr;gap:16px}.edit-form{padding:0}}.action-button{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;background:#f8f9fa;border:1px solid #e9ecef;transition:all .2s ease;min-width:140px;flex-shrink:0}.action-buttons-row:after{content:"";flex-shrink:0;width:16px}@media (max-width: 768px){.action-buttons-row{padding:12px 16px;gap:16px}.action-button{min-width:120px;padding:10px 12px;gap:8px}.action-button-icon{font-size:18px;width:20px;height:20px}.action-button-title{font-size:13px}.action-button-count{font-size:11px}}@media (max-width: 480px){.action-buttons-row{padding:8px 12px;gap:12px}.action-button{min-width:100px;padding:8px 10px;gap:6px}.action-button-icon{font-size:16px;width:18px;height:18px}.action-button-title{font-size:12px}.action-button-count{font-size:10px}}@media (max-width: 480px){.details-header{padding:16px 20px}.details-content,.info-card{padding:16px}.header-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center}}.state-change-cards-container{margin-bottom:16px;width:100%}.state-change-card{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 1px 4px #00000014;border:1px solid #e8eaed;margin-bottom:12px;width:100%}.state-change-card h3{margin:0 0 12px;color:#333;font-size:16px;font-weight:600;letter-spacing:0}.state-change-container{width:100%;overflow-x:auto;padding:8px 0}@media (max-width: 768px){.state-change-card{padding:10px 12px}.state-change-card h3{font-size:14px;margin-bottom:10px}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:900px;width:100%;max-height:100vh;overflow-y:auto}.edit-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#000;background-color:#fff;transition:border-color .2s ease}input[type=text],input[type=number],input[type=email],input[type=password],textarea{color:#000!important}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{color:#000!important}.switch-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:#333;font-size:14px}.switch-input{display:none}.switch-slider{position:relative;width:44px;height:24px;background-color:#d1d5db;border-radius:12px;transition:background-color .2s ease}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.switch-input:checked+.switch-slider{background-color:#007bff}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.btn-cancel:hover{background-color:#f8f9fa;border-color:#9ca3af}@media (max-width: 768px){.modal-content{margin:10px;max-height:90vh;max-width:95vw}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column}.btn-cancel,.btn-save{width:100%}.edit-form{grid-template-columns:1fr;gap:16px}}.table-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.add-bulk-btn{background-color:#28a745;color:#fff}.add-bulk-btn:hover{background-color:#218838;color:#fff}.remove-bulk-btn{background-color:#dc3545;color:#fff}.remove-bulk-btn:hover{background-color:#c82333;color:#fff}.table-action-btn svg{flex-shrink:0}.table-actions-cell{display:flex;align-items:center;justify-content:center;padding:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dee2e6;background-color:#f8f9fa}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#495057}.modal-close-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6c757d;transition:all .2s ease}.modal-close-btn:hover{background-color:#e9ecef;color:#495057}.modal-body{padding:20px}.modal-body p{margin:0;font-size:14px;color:#495057;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #dee2e6;background-color:#f8f9fa}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#5a6268}.table-cell{padding:12px 16px;vertical-align:middle;border-bottom:1px solid #e9ecef;position:relative;white-space:nowrap;overflow:visible}.table-cell.image{width:80px;min-width:80px;text-align:center;padding:8px;white-space:normal}.table-cell.status,.table-cell.date{width:120px;min-width:120px;text-align:center}.table-cell.currency{width:100px;min-width:100px;text-align:right}.table-cell.boolean{width:80px;min-width:80px;text-align:center}.table-cell.link{width:150px;min-width:150px;text-align:center}.table-cell.text{min-width:200px;max-width:none}.image-cell{display:flex;align-items:center;justify-content:center;position:relative;min-height:60px}.table-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.table-image:hover{transform:scale(1.05);border-color:#007bff;cursor:pointer;box-shadow:0 4px 8px #007bff33}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-size:10px;gap:2px;transition:all .2s ease}.image-placeholder.hidden{display:none}.image-placeholder:hover{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.image-placeholder svg{width:20px;height:20px;opacity:.6}.image-edit-cell{display:flex;flex-direction:column;gap:8px;min-width:200px}.image-preview{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef;align-self:center}.status-cell{display:flex;align-items:center;justify-content:center}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center}.status-badge.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.status-processing{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge.status-shipped{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-delivered{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge.status-cancelled,.status-badge.status-returned{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.status-unknown{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.date-cell{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;color:#495057;background-color:#f8f9fa;padding:6px 10px;border-radius:4px;border:1px solid #e9ecef}.currency-cell{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600;color:#28a745;font-size:14px;background-color:#f8f9fa;padding:6px 10px;border-radius:4px;border:1px solid #e9ecef}.boolean-cell{display:flex;align-items:center;justify-content:center}.boolean-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:50px;text-align:center}.boolean-badge.true{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.boolean-badge.false{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.link-cell{display:flex;align-items:center;justify-content:center}.table-link{display:inline-flex;align-items:center;gap:4px;color:#007bff;text-decoration:none;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:1px solid transparent}.table-link:hover{background-color:#e3f2fd;color:#0056b3;text-decoration:none;border-color:#bbdefb}.table-link svg{width:14px;height:14px}.text-cell{font-size:14px;color:#212529;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.text-cell:hover{overflow:visible;white-space:normal;word-break:break-word;position:relative;z-index:10;background:#fff;box-shadow:0 2px 8px #00000026;border-radius:4px;padding:8px;margin:-8px}.details-table-container{overflow-x:auto;overflow-y:visible;border-radius:8px;box-shadow:0 2px 8px #0000001a;background:#fff;margin:16px 0;position:relative;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.details-table-container::-webkit-scrollbar{height:8px}.details-table-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.details-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.details-table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.details-table{border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;background:#fff;width:100%;min-width:1000px;table-layout:auto}.details-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.details-table th{padding:16px 12px;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.details-table th:first-child{border-top-left-radius:8px}.details-table th:last-child{border-top-right-radius:8px}.details-table tbody tr{transition:background-color .2s ease}.details-table tbody tr:hover{background-color:#f8f9fa}.details-table tbody tr.editing-row{background-color:#e3f2fd;border:2px solid #2196f3}.details-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.details-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.ebay-invoice-table{margin-top:20px;background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef}.invoice-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.invoice-table-header h4{margin:0;color:#495057;font-size:16px;font-weight:600}.invoice-total{font-size:14px;font-weight:600;color:#495057}.total-amount{color:#28a745;font-size:16px;font-weight:700}.invoice-table-container{max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:6px;background:#fff}.invoice-table{width:100%;border-collapse:collapse;margin:0}.invoice-table thead{background:#f8f9fa;position:sticky;top:0;z-index:1}.invoice-table th{padding:12px 16px;text-align:left;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.invoice-table td{padding:10px 16px;border-bottom:1px solid #f1f3f4;vertical-align:top}.invoice-table tbody tr:hover{background-color:#f8f9fa}.invoice-table tbody tr.zero-price{background-color:#dc35451a}.invoice-table tbody tr.zero-price:hover{background-color:#dc354526}.item-name{font-size:13px;color:#212529;line-height:1.4;max-width:300px;word-wrap:break-word}.item-price{font-size:14px;color:#28a745;font-weight:600;text-align:right;white-space:nowrap}.invoice-url-link{color:#007bff;text-decoration:none;font-size:13px;word-break:break-all;display:inline-block;max-width:100%;line-height:1.4;transition:color .2s ease}.invoice-url-link:hover{color:#0056b3;text-decoration:underline}.invoice-url-link:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:2px}@media (max-width: 768px){.details-table-container{margin:8px 0;border-radius:4px}.details-table{min-width:800px;font-size:12px}.details-table th,.details-table td{padding:8px 6px}.table-cell.image{width:60px;padding:4px}.table-image{width:40px;height:40px}.image-placeholder{width:40px;height:40px;font-size:8px}.image-placeholder svg{width:16px;height:16px}.status-badge{padding:4px 8px;font-size:10px;min-width:60px}.table-link{font-size:10px;padding:2px 4px}.table-link svg{width:12px;height:12px}.date-cell,.currency-cell{font-size:11px;padding:4px 6px}.boolean-badge{padding:2px 6px;font-size:10px;min-width:40px}.text-cell{font-size:12px;max-width:150px}.table-cell.link{width:120px;min-width:120px}.table-cell.text{min-width:150px}.ebay-invoice-table{margin-top:12px}.invoice-table-header h4{font-size:14px}.invoice-table-container{max-height:200px}.invoice-table th,.invoice-table td{padding:6px 4px;font-size:11px}.item-name{max-width:120px;font-size:10px}.invoice-table tbody tr.zero-price{background-color:#dc354514}.invoice-url-link{font-size:12px;word-break:break-all}}.shipment-details-screen{min-height:100vh;background-color:#f8f9fa}.shipment-details-screen .loading-container,.shipment-details-screen .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.shipment-details-screen .loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:shipment-spin 1s linear infinite;margin-bottom:1rem}@keyframes shipment-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shipment-details-screen .error-container h2{color:#dc3545;margin-bottom:1rem}.shipment-details-screen .error-container p{color:#6c757d;font-size:1.1rem}.shipment-details-screen .dashboard-content{padding:1.5rem;margin:0 auto}.shipment-details-screen .details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.shipment-details-screen .header-left{display:flex;align-items:center;gap:1rem}.shipment-details-screen .btn-back{display:flex;align-items:center;gap:8px;background:none;border:1px solid #dee2e6;border-radius:6px;padding:8px 16px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .2s ease}.shipment-details-screen .btn-back:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.shipment-details-screen .model-title h1{margin:0;font-size:1.8rem;color:#333;font-weight:600}.shipment-details-screen .model-subtitle{margin:.25rem 0 0;color:#6c757d;font-size:.9rem}.shipment-details-screen .header-right{display:flex;align-items:center}.shipment-details-screen .header-actions{display:flex;gap:.75rem}.shipment-details-screen .btn-primary,.shipment-details-screen .btn-secondary,.shipment-details-screen .btn-danger{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.shipment-details-screen .btn-primary{background:#007bff;color:#fff}.shipment-details-screen .btn-primary:hover:not(:disabled){background:#0056b3}.shipment-details-screen .btn-primary:disabled{background:#6c757d;cursor:not-allowed}.shipment-details-screen .btn-secondary{background:#6c757d;color:#fff}.shipment-details-screen .btn-secondary:hover{background:#5a6268}.shipment-details-screen .btn-danger{background:#dc3545;color:#fff}.shipment-details-screen .btn-danger:hover{background:#c82333}.shipment-details-screen .details-tabs{display:flex;background:#fff;border-radius:8px 8px 0 0;border-bottom:1px solid #dee2e6;margin-bottom:0;overflow-x:auto}.shipment-details-screen .tab-button{padding:16px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-radius:0}.shipment-details-screen .tab-button:hover{color:#495057;background-color:#f8f9fa}.shipment-details-screen .tab-button.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa;border-radius:0}.shipment-details-screen .details-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.shipment-details-screen .shipment-details-content{padding:1.5rem}.shipment-details-screen .info-card{margin-bottom:2rem;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.shipment-details-screen .info-card:last-child{margin-bottom:0}.shipment-details-screen .info-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.shipment-details-screen .info-card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.shipment-details-screen .edit-card-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.shipment-details-screen .edit-card-btn:hover{background-color:#f8f9fa;color:#007bff}.shipment-details-screen .edit-card-btn svg{width:16px;height:16px}.shipment-details-screen .add-image-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.shipment-details-screen .add-image-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.shipment-details-screen .add-image-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.shipment-details-screen .add-image-btn svg{width:16px;height:16px}.shipment-details-screen .add-image-btn .spinner{animation:shipment-spin 1s linear infinite}.shipment-details-screen .no-images-placeholder{text-align:center;padding:2rem;color:#6c757d;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.shipment-details-screen .no-images-placeholder p{margin:0;font-size:.9rem;font-style:italic}.shipment-details-screen .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem}.shipment-details-screen .info-item{display:flex;flex-direction:column;gap:.5rem}.shipment-details-screen .info-item label{font-weight:500;color:#495057;font-size:.9rem}.shipment-details-screen .field-value{color:#333;font-size:.9rem;padding:.5rem 0}.shipment-details-screen .activity-log h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:#333}.shipment-details-screen .timeline-item:before{content:"";position:absolute;left:-1.5rem;top:.5rem;width:12px;height:12px;background:#007bff;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #e9ecef}.shipment-details-screen .timeline-date{font-size:.8rem;color:#6c757d;margin-bottom:.5rem}.shipment-details-screen .timeline-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#333}.shipment-details-screen .timeline-content p{margin:0 0 .5rem;color:#6c757d;font-size:.9rem}.shipment-details-screen .notes-section{padding:1.5rem}.shipment-details-screen .notes-section h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:#333}.shipment-details-screen .notes-list{display:flex;flex-direction:column;gap:1rem}.shipment-details-screen .note-item{padding:1rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.shipment-details-screen .note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shipment-details-screen .note-author{font-weight:500;color:#333;font-size:.9rem}.shipment-details-screen .note-date{font-size:.8rem;color:#6c757d}.shipment-details-screen .note-content{color:#495057;font-size:.9rem;line-height:1.4}.shipment-details-screen .activity-log{padding:1.5rem}.shipment-details-screen .activity-log h3{margin:0 0 1.5rem;color:#333;font-size:1.2rem;font-weight:600}.shipment-details-screen .timeline{position:relative;padding-left:2rem}.shipment-details-screen .timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:#e9ecef}.shipment-details-screen .timeline-item{position:relative;margin-bottom:2rem;padding-left:2rem}.shipment-details-screen .timeline-item:before{content:"";position:absolute;left:-1.5rem;top:.5rem;width:12px;height:12px;border-radius:50%;background:#007bff;border:3px solid white;box-shadow:0 0 0 2px #e9ecef}.shipment-details-screen .timeline-item:last-child:before{background:#28a745}.shipment-details-screen .timeline-date{font-size:.85rem;color:#6c757d;margin-bottom:.5rem;font-weight:500}.shipment-details-screen .timeline-content{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:3px solid #007bff}.shipment-details-screen .timeline-content h4{margin:0 0 .5rem;color:#333;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.shipment-details-screen .timeline-content p{margin:0 0 .5rem;color:#666;font-size:.9rem;line-height:1.4}.shipment-details-screen .activity-user{font-size:.8rem;color:#6c757d;font-style:italic}.shipment-details-screen .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.shipment-details-screen .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.shipment-details-screen .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.shipment-details-screen .modal-header h2{margin:0;color:#333;font-size:1.25rem;font-weight:600}.shipment-details-screen .modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;color:#6c757d;transition:all .2s ease}.shipment-details-screen .modal-close:hover{background:#f8f9fa;color:#495057}.shipment-details-screen .modal-body{padding:1.5rem}.shipment-details-screen .edit-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shipment-details-screen .form-group{display:flex;flex-direction:column;gap:.5rem}.shipment-details-screen .form-group label{font-weight:500;color:#333;font-size:.9rem}.shipment-details-screen .form-group .required{color:#dc3545;margin-left:.25rem}.shipment-details-screen .form-input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;transition:border-color .2s ease}.shipment-details-screen .form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.shipment-details-screen .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 8px 8px}@media (max-width: 768px){.shipment-details-screen .dashboard-content{padding:1rem}.shipment-details-screen .edit-form{grid-template-columns:1fr}.shipment-details-screen .modal-content{width:95%;margin:1rem}.shipment-details-screen .details-header{flex-direction:column;gap:1rem;align-items:stretch}.shipment-details-screen .header-left{flex-direction:column;align-items:stretch;gap:.5rem}.shipment-details-screen .header-right,.shipment-details-screen .header-actions{justify-content:center}.shipment-details-screen .info-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.shipment-details-screen .details-tabs{flex-direction:column}.shipment-details-screen .tab-button{border-bottom:1px solid #e9ecef;border-right:none}.shipment-details-screen .tab-button.active{border-bottom-color:#e9ecef;border-left:3px solid #007bff}}.bulk-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.bulk-dashboard-content{flex:1;display:flex;flex-direction:column;margin:0 auto;width:100%;padding:0 20px}.bulk-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:24px;border:1px solid #e9ecef;width:100%}.bulk-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.bulk-form-header h2{margin:0;color:#333;font-size:1.5rem;font-weight:600}.bulk-form{display:flex;flex-direction:column;gap:24px}.bulk-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.bulk-form-field{display:flex;flex-direction:column;gap:8px}.bulk-form-label{font-weight:500;color:#333;font-size:.9rem;margin-bottom:4px}.bulk-form-label .required{color:#dc3545;margin-left:4px}.bulk-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef;align-items:center}.bulk-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.bulk-btn-primary{background-color:#007bff;color:#fff}.bulk-btn-primary:hover:not(:disabled){background-color:#0056b3}.bulk-btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.bulk-btn-secondary{background-color:#6c757d;color:#fff}.bulk-btn-secondary:hover{background-color:#545b62}.bulk-form-header .bulk-btn{margin-left:auto}.bulk-form-field{position:relative;min-height:80px}.bulk-form-field .bulk-form-label{display:block;margin-bottom:6px;font-weight:500;color:#495057}.bulk-form-field input:focus,.bulk-form-field select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}@media (max-width: 1024px){.bulk-form-row{grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 768px){.bulk-dashboard-content{padding:0 10px}.bulk-form-container{margin:10px 0;padding:16px}.bulk-form-row{grid-template-columns:1fr;gap:16px}.bulk-form-actions{flex-direction:column}.bulk-btn{width:100%}.bulk-form-header{flex-direction:column;align-items:flex-start;gap:12px}.bulk-form-header .bulk-btn{margin-left:0;align-self:flex-end}}.bulk-form-loading{opacity:.6;pointer-events:none}.bulk-form-error{color:#dc3545;font-size:.8rem;margin-top:4px}.bulk-form-success{color:#28a745;font-size:.8rem;margin-top:4px}.bulk-form-field .text-input-container,.bulk-form-field .select-container,.bulk-form-field .datepicker-container,.bulk-form-field .autocomplete-container{width:100%}.bulk-form-field .text-input,.bulk-form-field .select-input,.bulk-form-field .datepicker-input{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.bulk-form-field .text-input:focus,.bulk-form-field .select-input:focus,.bulk-form-field .datepicker-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.bulk-form-field .select-dropdown{z-index:1000}.bulk-form .bulk-form-row:last-child{margin-bottom:0}.bulk-btn{min-width:100px;height:40px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#004085}.btn-secondary{background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.btn-outline{background-color:transparent;color:#007bff;border:1px solid #007bff}.btn-outline:hover{background-color:#007bff;color:#fff}.bulk-details-screen{min-height:100vh;background-color:#f8f9fa;padding:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e3e6ea;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container h2{color:#dc3545;margin-bottom:8px}.error-container p{color:#6c757d;margin-bottom:24px}.details-header{background:#fff;border-radius:8px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:24px}.btn-back{display:flex;align-items:center;gap:8px;background:none;border:1px solid #dee2e6;border-radius:6px;padding:8px 16px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-back:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.model-title h1{margin:0;font-size:28px;font-weight:600;color:#212529;line-height:1.2}.model-subtitle{margin:4px 0 0;color:#6c757d;font-size:16px}.header-right{display:flex;align-items:center;gap:16px}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.action-buttons-row{background:#fff;border-radius:8px;padding:16px 32px;margin-bottom:24px;display:flex;gap:24px;align-items:center;border:1px solid #e9ecef;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#dee2e6 transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.action-buttons-row::-webkit-scrollbar{height:6px}.action-buttons-row::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.action-buttons-row::-webkit-scrollbar-thumb{background-color:#ced4da;border-radius:3px;transition:background-color .2s ease}.action-buttons-row::-webkit-scrollbar-thumb:hover{background-color:#adb5bd}.action-button{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;background:#f8f9fa;border:1px solid #e9ecef;transition:all .2s ease;min-width:140px;flex-shrink:0;cursor:pointer}.action-button:hover:not(.disabled){background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-button.disabled{background:#f8f9fa;border-color:#e9ecef;cursor:not-allowed}.action-button-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.action-button-content{display:flex;flex-direction:column;gap:2px;min-width:0}.action-button-title{font-size:14px;font-weight:500;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-button-count{font-size:12px;color:#6c757d;font-weight:400}.details-tabs{display:flex;background:#fff;border-radius:8px 8px 0 0;border-bottom:1px solid #dee2e6;margin-bottom:0;overflow-x:auto}.tab-button{padding:16px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-radius:0}.tab-button:hover{color:#495057;background-color:#f8f9fa}.tab-button.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa;border-radius:0}.details-content{background:#fff;border-radius:0 0 8px 8px;padding:32px;min-height:400px;box-shadow:0 2px 4px #0000000d}.bulk-details-content{display:flex;flex-direction:column;gap:24px}.info-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.info-card h3{font-size:18px;font-weight:600;color:#212529;margin:0 0 20px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.info-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.edit-card-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-card-btn:hover{background-color:#f8f9fa;color:#007bff}.edit-card-btn svg{width:16px;height:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #f8f9fa}.info-item:last-child{border-bottom:none}.info-item label{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:14px;color:#212529;font-weight:500;word-break:break-word}.history-table-container{overflow-x:auto;margin-top:16px}.history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.history-table th{background-color:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6}.history-table td{padding:12px 16px;border-bottom:1px solid #f8f9fa;font-size:14px;color:#212529;vertical-align:middle}.history-table tr:hover{background-color:#f8f9fa}.history-table tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:20px}.activity-log h3{font-size:18px;font-weight:600;color:#212529;margin:0 0 24px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.timeline{position:relative}.timeline-item{position:relative;padding:20px 0 20px 40px;border-left:2px solid #e9ecef;margin-left:20px}.timeline-item:last-child{border-left:none}.timeline-item:before{content:"";position:absolute;left:-8px;top:24px;width:14px;height:14px;border-radius:50%;background-color:#007bff;border:3px solid white;box-shadow:0 0 0 2px #e9ecef}.timeline-item:after{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background-color:#e9ecef}.timeline-date{font-size:12px;color:#6c757d;margin-bottom:8px;font-weight:500}.timeline-content h4{font-size:14px;font-weight:600;color:#212529;margin:0 0 4px}.timeline-content p{font-size:14px;color:#6c757d;margin:0 0 8px;line-height:1.4}.activity-user{font-size:12px;color:#007bff;font-weight:500}.notes-section h3{font-size:18px;font-weight:600;color:#212529;margin:0 0 24px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.notes-list{display:flex;flex-direction:column;gap:16px}.note-item{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #007bff}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-author{font-size:14px;font-weight:600;color:#212529}.note-date{font-size:12px;color:#6c757d}.note-content{font-size:14px;color:#495057;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:900px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e8eaed}.modal-header h2{margin:0;color:#333;font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f8f9fa;color:#dc3545}.modal-body{padding:24px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-weight:500;color:#333;font-size:14px}.required{color:#dc3545;margin-left:4px}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#000;background-color:#fff;transition:border-color .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;color:#000}.form-input::placeholder{color:#6c757d}textarea.form-input{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e8eaed}.btn-cancel{padding:10px 20px;border:1px solid #d1d5db;background-color:#fff;color:#6c757d;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background-color:#f8f9fa;border-color:#9ca3af}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-save{padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background-color:#0056b3}.btn-save:disabled{background-color:#6c757d;cursor:not-allowed}.info-card-header .btn-primary{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500}.info-card-header .btn-primary svg{width:16px;height:16px}.modal-body .datepicker-container{width:100%}.modal-body .datepicker-wrapper{position:relative;width:300px}.modal-body .datepicker-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#000;background-color:#fff;transition:border-color .2s ease;font-family:inherit}.modal-body .datepicker-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;color:#000}.modal-body .datepicker-label{position:absolute;left:16px;top:12px;color:#6c757d;font-size:14px;font-weight:500;pointer-events:none;transition:all .2s ease;background:#fff;padding:0 4px}.modal-body .datepicker-label.floating{top:-8px;left:12px;font-size:12px;color:#007bff;background:#fff}.modal-body .datepicker-label .required-asterisk{color:#dc3545;margin-left:4px}.modal-body .datepicker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;color:#6c757d;pointer-events:none}@media (max-width: 768px){.modal-content{margin:10px;max-height:90vh;max-width:95vw}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column}.btn-cancel,.btn-save{width:100%}.history-item{margin-bottom:16px}.history-timeline-marker{margin-right:12px}.timeline-dot{width:10px;height:10px}.history-content{padding:12px}.history-header{flex-direction:column;align-items:flex-start;gap:8px}.history-meta{gap:12px}.btn-delete-history{padding:4px}.btn-delete-history svg{width:12px;height:12px}.accordion-header{padding:12px 16px}.card-actions{gap:8px}.accordion-toggle{width:28px;height:28px}}@media (max-width: 480px){.modal-content{margin:5px;max-width:98vw}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}}.delete-modal{max-width:480px}.delete-modal .modal-header{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 16px;border-bottom:1px solid #e9ecef}.modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.modal-icon.danger{background-color:#f8d7da;color:#721c24}.modal-title-section{flex:1}.modal-title-section h2{margin:0 0 8px;color:#333;font-size:20px;font-weight:600}.modal-title-section p{margin:0;color:#6c757d;font-size:14px;line-height:1.5}.delete-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:16px 0}.warning-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#fff3cd;color:#856404;flex-shrink:0}.warning-content h4{margin:0 0 4px;color:#856404;font-size:14px;font-weight:600}.warning-content p{margin:0;color:#856404;font-size:13px;line-height:1.4}.btn-danger{background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;padding:10px 20px}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-danger:disabled{background-color:#6c757d;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.delete-modal{margin:10px;max-width:calc(100vw - 20px)}.delete-modal .modal-header{padding:20px 20px 12px;gap:12px}.modal-icon{width:40px;height:40px}.modal-title-section h2{font-size:18px}.delete-warning{padding:12px;margin:12px 0}.warning-icon{width:28px;height:28px}}@media (max-width: 480px){.delete-modal{margin:5px;max-width:calc(100vw - 10px)}.delete-modal .modal-header{padding:16px 16px 8px}.modal-icon{width:36px;height:36px}.modal-title-section h2{font-size:16px}}.packages-count{color:#6c757d;font-size:12px;font-weight:500}.packages-search-container{padding:16px 20px 0;border-bottom:1px solid #e9ecef;margin-bottom:16px}.search-field{position:relative;display:flex;align-items:center;max-width:400px}.search-icon{position:absolute;left:12px;color:#6c757d;z-index:1}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#000;background-color:#fff;transition:border-color .2s ease;font-family:inherit}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;color:#000}.search-input::placeholder{color:#6c757d}.clear-search{position:absolute;right:8px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search:hover{background-color:#f8f9fa;color:#495057}.btn-remove-package{background:none;border:none;color:#dc3545;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-package:hover{background-color:#f8d7da;color:#721c24}.btn-remove-package:active{background-color:#f5c6cb}.add-packages-modal{max-width:1000px;width:95vw;max-height:95vh;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;padding:24px}.search-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;align-items:end}.search-fields .btn-primary{min-width:120px;height:40px;padding:8px 16px;white-space:nowrap}.search-fields .btn-primary:disabled{opacity:.6;cursor:not-allowed;background-color:#6c757d}.search-fields .btn-primary:disabled:hover{background-color:#6c757d;transform:none}.search-fields .form-group{margin-bottom:0}.search-fields .form-group label{font-size:12px;font-weight:600;color:#495057;margin-bottom:4px;display:block}.search-fields .form-input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .2s ease}.search-fields .form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.autocomplete-container{position:relative;width:100%;display:block}.autocomplete-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c757d}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;width:100%;min-width:200px}.autocomplete-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f8f9fa}.autocomplete-item-name{font-weight:600;color:#212529;font-size:14px;margin-bottom:2px}.autocomplete-item-code{font-size:12px;color:#6c757d}.tree-view-container{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.tree-view-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.tree-view-header h4{margin:0;font-size:16px;font-weight:600;color:#212529}.selection-info{font-size:14px;color:#6c757d;font-weight:500}.tree-view{flex:1;overflow-y:auto;padding:8px 0;min-height:200px;max-height:500px}.tree-item{border-bottom:1px solid #f1f3f4}.tree-item:last-child{border-bottom:none}.tree-item-header{display:flex;align-items:center;padding:4px;cursor:pointer;transition:background-color .2s ease}.tree-item-header:hover{background-color:#f8f9fa}.expand-button{background:none;border:none;padding:4px;margin-right:8px;cursor:pointer;color:#6c757d;transition:color .2s ease}.expand-button:hover{color:#495057}.chevron{transition:transform .2s ease}.chevron.expanded{transform:rotate(90deg)}.tree-item-checkbox{display:flex;align-items:center;margin-right:12px;cursor:pointer;position:relative}.tree-item-checkbox input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;opacity:0;position:absolute}.checkmark{width:16px;height:16px;border:2px solid #ced4da;border-radius:3px;background-color:#fff;position:relative;transition:all .2s ease}.tree-item-checkbox input[type=checkbox]:checked+.checkmark{background-color:#007bff;border-color:#007bff}.tree-item-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tree-item-checkbox input[type=checkbox]:indeterminate+.checkmark{background-color:#007bff;border-color:#007bff}.tree-item-checkbox input[type=checkbox]:indeterminate+.checkmark:after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background-color:#fff}.tree-item-content{flex:1;min-width:0}.tree-item-title{display:flex;flex-direction:column;text-align:left}.tree-item-title strong{font-size:14px;font-weight:600;color:#212529}.tree-item-subtitle{font-size:12px;color:#6c757d}.tree-item-meta{font-size:12px;color:#6c757d;margin-top:4px;text-align:left}.tree-item-children{background-color:#f8f9fa;border-top:1px solid #e9ecef}.tree-child-item{display:flex;align-items:center;padding:8px 20px 8px 52px;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.tree-child-item:hover{background-color:#f1f3f4}.tree-child-item:last-child{border-bottom:none}.tree-empty{text-align:center;padding:48px 20px;color:#6c757d}.tree-empty .empty-icon{margin-bottom:16px;opacity:.5}.tree-empty h4{margin:0 0 8px;font-size:16px;font-weight:600}.tree-empty p{margin:0;font-size:14px}.tree-loading{text-align:center;padding:40px 20px;color:#6c757d}.tree-loading .spinner{margin-bottom:16px;color:#007bff}.tree-loading p{margin:0;font-size:14px;font-weight:500}.tree-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 8px 8px}.tree-pagination-info{font-size:12px;color:#6c757d;font-weight:500}.tree-pagination-controls{display:flex;align-items:center;gap:6px}.tree-pagination-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ced4da;background-color:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .2s ease}.tree-pagination-btn svg{color:#495057;stroke:currentColor}.tree-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.tree-pagination-btn:hover:not(:disabled) svg{color:#212529}.tree-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tree-pagination-btn:disabled svg{color:#6c757d}.tree-pagination-pages{display:flex;align-items:center;gap:3px}.tree-pagination-page{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid #ced4da;background-color:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500}.tree-pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.tree-pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.tree-pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}.modal-footer{flex-shrink:0;border-top:1px solid #e9ecef;padding:16px 24px;background-color:#f8f9fa;display:flex;justify-content:flex-end;gap:12px}.packages-table-container{overflow-x:auto;margin-top:16px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:16px;box-shadow:0 2px 4px #0000001a}.pagination-info{font-size:14px;color:#6c757d;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ced4da;background-color:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination-btn svg{color:#495057;stroke:currentColor}.pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.pagination-btn:hover:not(:disabled) svg{color:#212529}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:disabled svg{color:#6c757d}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #ced4da;background-color:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd}.pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3}.packages-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.packages-table th{background-color:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6;white-space:nowrap}.packages-table td{padding:12px 16px;border-bottom:1px solid #f8f9fa;font-size:14px;color:#212529;vertical-align:middle;white-space:nowrap}.packages-table tr:hover{background-color:#f8f9fa}.packages-table tr:last-child td{border-bottom:none}.package-id{font-family:monospace;font-weight:500;color:#007bff}.state-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.state-0{background-color:#e9ecef;color:#495057}.state-1{background-color:#fff3cd;color:#856404}.state-2{background-color:#d1ecf1;color:#0c5460}.state-3{background-color:#d4edda;color:#155724}.state-4{background-color:#cce5ff;color:#004085}.state-5{background-color:#d1ecf1;color:#0c5460}.state-6{background-color:#e2e3e5;color:#383d41}.state-7{background-color:#f8d7da;color:#721c24}.state-8{background-color:#d4edda;color:#155724}.state-9{background-color:#fff3cd;color:#856404}.state-10{background-color:#d1ecf1;color:#0c5460}.state-11{background-color:#d4edda;color:#155724}.state-12{background-color:#f8d7da;color:#721c24}.state-13{background-color:#f5c6cb;color:#721c24}.state-14{background-color:#e2e3e5;color:#383d41}.state-15{background-color:#f8d7da;color:#721c24}.packages-empty{text-align:center;padding:48px 24px;color:#6c757d}.packages-empty .empty-icon{margin-bottom:16px;color:#dee2e6}.packages-empty h4{margin:0 0 8px;color:#495057;font-size:18px;font-weight:600}.packages-empty p{margin:0;font-size:14px;line-height:1.5}@media (max-width: 768px){.packages-search-container{padding:12px 16px 0}.search-field{max-width:100%}.packages-table-container{margin:0 -16px;padding:0 16px}.packages-table{font-size:12px}.packages-table th,.packages-table td{padding:8px 12px}.packages-table th{font-size:10px}.state-badge{font-size:10px;padding:2px 6px}.btn-remove-package{padding:4px}.btn-remove-package svg{width:12px;height:12px}.pagination-container{flex-direction:column;gap:12px;padding:12px 16px}.pagination-controls{justify-content:center}.search-fields{grid-template-columns:1fr 1fr;gap:12px}.search-fields .form-group:last-of-type{grid-column:1 / -1}.autocomplete-dropdown{max-height:150px}.autocomplete-item{padding:10px 14px}.autocomplete-item-name{font-size:13px}.autocomplete-item-code{font-size:11px}}@media (max-width: 480px){.packages-search-container{padding:8px 12px 0}.search-input{padding:8px 10px 8px 36px;font-size:13px}.search-icon{left:10px;width:14px;height:14px}.packages-table-container{margin:0 -12px;padding:0 12px}.packages-table th,.packages-table td{padding:6px 8px}.packages-empty{padding:32px 16px}.btn-remove-package{padding:3px}.btn-remove-package svg{width:10px;height:10px}.pagination-container{padding:12px;gap:8px}.pagination-info{font-size:12px;text-align:center}.pagination-btn{width:28px;height:28px}.pagination-page{min-width:28px;height:28px;font-size:12px}.add-packages-modal{width:98vw;max-height:98vh}.search-fields{grid-template-columns:1fr;gap:12px}.tree-view-header{padding:12px 16px}.tree-item-header{padding:8px 16px}.tree-child-item{padding:6px 16px 6px 44px}.tree-view{max-height:300px}.modal-body{padding:16px}.tree-pagination-container{flex-direction:column;gap:8px;padding:8px 12px}.tree-pagination-info{font-size:11px;text-align:center}.tree-pagination-btn{width:24px;height:24px}.tree-pagination-page{min-width:24px;height:24px;font-size:11px}}.history-timeline{margin-top:16px;position:relative;overflow:hidden;transition:all .3s ease}.history-timeline.expanded{max-height:2000px;opacity:1}.history-timeline.collapsed{max-height:0;opacity:0;margin:0;padding:0}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.accordion-header:hover{background-color:#f8f9fa}.card-title-section{display:flex;flex-direction:column;gap:4px}.card-title-section h3{margin:0;color:#333;font-size:18px;font-weight:600}.history-count{color:#6c757d;font-size:12px;font-weight:500}.card-actions{display:flex;align-items:center;gap:12px}.accordion-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#f8f9fa;transition:all .2s ease}.accordion-toggle:hover{background-color:#e9ecef}.accordion-toggle .chevron{transition:transform .2s ease;color:#6c757d}.accordion-toggle .chevron.expanded{transform:rotate(180deg)}.history-item{display:flex;margin-bottom:24px;position:relative}.history-item:last-child{margin-bottom:0}.history-timeline-marker{position:relative;margin-right:16px;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:12px;height:12px;background:#007bff;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #007bff;z-index:2;position:relative}.timeline-line{width:2px;background:#e9ecef;height:calc(100% + 24px);position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:1}.history-content{flex:1;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.history-content:hover{box-shadow:0 4px 8px #0000001a;border-color:#007bff}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-header-left{display:flex;flex-direction:column;gap:4px;flex:1}.history-actions{display:flex;align-items:center;gap:8px}.btn-delete-history{background:none;border:none;color:#dc3545;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete-history:hover{background-color:#f8d7da;color:#721c24}.btn-delete-history:active{background-color:#f5c6cb}.history-details{margin-top:12px}.history-date{font-weight:600;color:#495057;font-size:14px}.history-id{background:#f8f9fa;color:#6c757d;padding:4px 8px;border-radius:4px;font-size:12px;font-family:monospace;font-weight:500}.history-description{color:#495057;font-size:14px;line-height:1.5;margin-bottom:12px;word-wrap:break-word}.history-meta{display:flex;gap:16px;flex-wrap:wrap}.history-action,.history-user{display:flex;align-items:center;gap:6px;color:#6c757d;font-size:12px;font-weight:500}.history-action svg,.history-user svg{color:#28a745}.history-user svg{color:#007bff}.history-empty{text-align:center;padding:48px 24px;color:#6c757d}.empty-icon{margin-bottom:16px;color:#dee2e6}.history-empty h4{margin:0 0 8px;color:#495057;font-size:18px;font-weight:600}.history-empty p{margin:0 0 24px;font-size:14px;line-height:1.5}.history-empty .btn-primary{padding:12px 24px;font-size:14px;font-weight:500}.current-status{display:flex;align-items:center;gap:8px}.status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workflow-container{margin-top:20px}.workflow-steps{display:flex;flex-direction:column;gap:16px;position:relative}.workflow-step{display:flex;align-items:center;gap:16px;position:relative}.step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;min-width:24px}.step-circle{width:24px;height:24px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}.step-connector{position:absolute;top:24px;left:50%;transform:translate(-50%);width:2px;height:40px;background-color:#dee2e6;transition:all .3s ease}.step-connector.active{background-color:#007bff}.step-content{flex:1;padding:4px 0}.step-title{font-weight:500;color:#333;margin-bottom:2px;transition:all .3s ease}.step-status{font-size:12px;color:#007bff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workflow-step.active .step-title{color:#007bff}.workflow-step.current .step-title{color:#007bff;font-weight:600}.workflow-step:not(.active) .step-title{color:#6c757d}.workflow-step.clickable{transition:all .2s ease}.workflow-step.clickable:hover{background-color:#f8f9fa;border-radius:8px;padding:8px;margin:-8px}.workflow-step.clickable:hover .step-title{color:#007bff}.step-action{font-size:11px;color:#6c757d;font-style:italic;margin-top:2px}.state-change-info{display:flex;flex-direction:column;gap:16px;padding:16px 0}.current-state,.new-state{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f8f9fa;border-radius:8px}.current-state label,.new-state label{font-weight:500;color:#495057;min-width:100px}.modal-icon{width:48px;height:48px;border-radius:50%;background-color:#e3f2fd;display:flex;align-items:center;justify-content:center;color:#1976d2;margin-right:16px}.state-change-notes{margin-top:16px}.state-change-notes label{display:block;font-weight:500;color:#495057;margin-bottom:8px}.form-textarea{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease;background-color:#fff}.form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-textarea::placeholder{color:#6c757d}@media (max-width: 768px){.details-header{flex-direction:column;gap:16px;align-items:flex-start;padding:20px 24px}.header-left{flex-direction:column;gap:12px;align-items:flex-start}.header-right{width:100%;justify-content:flex-end}.model-title h1{font-size:24px}.details-tabs{overflow-x:auto;white-space:nowrap}.tab-button{padding:12px 16px;font-size:13px}.details-content,.info-card{padding:20px}.info-item{padding:8px 0}.info-item label{font-size:11px}.field-value{font-size:13px}.timeline-item{padding:16px 0 16px 32px;margin-left:16px}.timeline-item:before{left:-6px;top:20px;width:12px;height:12px}.action-buttons-row{padding:12px 16px;gap:16px}.action-button{min-width:120px;padding:10px 12px;gap:8px}.action-button-icon{font-size:18px;width:20px;height:20px}.action-button-title{font-size:13px}.action-button-count{font-size:11px}}@media (max-width: 480px){.details-header{padding:16px 20px}.details-content,.info-card{padding:16px}.header-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center}.action-buttons-row{padding:8px 12px;gap:12px}.action-button{min-width:100px;padding:8px 10px;gap:6px}.action-button-icon{font-size:16px;width:18px;height:18px}.action-button-title{font-size:12px}.action-button-count{font-size:10px}.autocomplete-dropdown{max-height:120px}.autocomplete-item{padding:8px 12px}.autocomplete-item-name{font-size:12px}.autocomplete-item-code{font-size:10px}.workflow-steps,.workflow-step{gap:12px}.step-circle{width:20px;height:20px}.step-connector{height:32px}.step-title{font-size:14px}.status-badge{font-size:10px;padding:3px 8px}.state-change-info{gap:12px}.current-state,.new-state{flex-direction:column;align-items:flex-start;gap:8px;padding:8px}.current-state label,.new-state label{min-width:auto;font-size:12px}.modal-icon{width:40px;height:40px;margin-right:12px}.state-change-notes{margin-top:12px}.form-textarea{font-size:14px;padding:10px;min-height:70px}}.fiscal-year-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.fiscal-year-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.fiscal-year-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed;overflow-x:auto;width:100%;max-width:100%}.fiscal-year-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.fiscal-year-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.fiscal-year-screen .dashboard-content{padding:1rem 1rem 2rem}.fiscal-year-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.fiscal-year-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.fiscal-year-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.fiscal-year-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.fiscal-year-screen{padding-bottom:80px}}.branches-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.branches-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.branches-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed}.branches-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.branches-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.branches-screen .dashboard-content{padding:1rem 1rem 2rem}.branches-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.branches-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.branches-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.branches-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.branches-screen{padding-bottom:80px}}.banks-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.banks-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.banks-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed;overflow-x:auto;width:100%;max-width:100%}.banks-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.banks-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.banks-screen .dashboard-content{padding:1rem 1rem 2rem}.banks-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.banks-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.banks-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.banks-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.banks-screen{padding-bottom:80px}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.loading-overlay .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-overlay div:last-child{font-size:16px;font-weight:500;color:#1976d2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.accounting-levels-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.accounting-levels-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.accounting-levels-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed}.accounting-levels-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.accounting-levels-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.accounting-levels-screen .dashboard-content{padding:1rem 1rem 2rem}.accounting-levels-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.accounting-levels-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.accounting-levels-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.accounting-levels-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.accounting-levels-screen{padding-bottom:80px}}.accounting-tree-view{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fafafa;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;border:1px solid #e8e8e8}.accounting-tree-view.rtl{direction:rtl;text-align:right}.accounting-tree-view.ltr{direction:ltr;text-align:left}.tree-container{padding:20px;max-height:600px;overflow-y:auto;background:#fff}.tree-node{margin-bottom:2px;border-radius:6px;transition:all .2s ease}.tree-node:hover{background-color:#f0f8ff}.tree-node.selected{background-color:#e6f3ff;border:1px solid #4a90e2}.tree-node-content{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all .2s ease;min-height:48px}.tree-node-content:hover{background-color:#f8fcff}.tree-node.selected .tree-node-content{background-color:#e6f3ff}.tree-node-main{display:flex;align-items:center;width:100%;gap:12px}.tree-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;cursor:pointer;border-radius:8px;transition:all .2s ease;color:#6c757d;flex-shrink:0;border:1px solid #e9ecef;position:relative;overflow:hidden}.tree-toggle:hover{background-color:#e3f2fd;color:#1976d2;border-color:#bbdefb;transform:translateY(-1px);box-shadow:0 2px 8px #1976d226}.tree-toggle:active{transform:translateY(0);box-shadow:0 1px 4px #1976d233}.tree-toggle.expanded{transform:rotate(90deg);background-color:#e3f2fd;color:#1976d2;border-color:#bbdefb}.tree-toggle.collapsed{transform:rotate(0)}.tree-toggle svg{transition:transform .2s ease}.tree-toggle:focus{outline:2px solid #1976d2;outline-offset:2px}.tree-spacer{width:32px;height:32px;flex-shrink:0;border:1px solid transparent;background:#f8f9fa;border-radius:8px;opacity:.5}.tree-node-info{flex:1;min-width:0}.tree-node-header{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:nowrap}.tree-node-code{font-family:Courier New,monospace;font-weight:600;color:#4a90e2;background-color:#f0f8ff;padding:3px 10px;border-radius:6px;font-size:12px;min-width:40px;text-align:center;border:1px solid #d1e7ff}.tree-node-name{font-weight:500;color:#333;font-size:14px;flex:1;min-width:0;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-balance{font-weight:600;color:#2e7d32;font-size:13px;background-color:#f0f9f0;padding:3px 10px;border-radius:6px;white-space:nowrap;border:1px solid #d4edda;flex-shrink:0;min-width:80px;text-align:center}.tree-node-description{font-size:12px;color:#666;margin-top:2px;font-style:italic}.tree-node-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.tree-node-type{font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.tree-node-type.asset{background-color:#f0f9f0;color:#2e7d32;border:1px solid #d4edda}.tree-node-type.liability{background-color:#fff8f0;color:#f57c00;border:1px solid #ffe0b3}.tree-node-type.equity{background-color:#f0f8ff;color:#4a90e2;border:1px solid #d1e7ff}.tree-node-type.revenue{background-color:#f8f0ff;color:#8e24aa;border:1px solid #e1bee7}.tree-node-type.expense{background-color:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2}.tree-node-status{font-size:10px;font-weight:500;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.tree-node-status.active{background-color:#f0f9f0;color:#2e7d32;border:1px solid #d4edda}.tree-node-status.inactive{background-color:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2}.tree-children{border-left:2px solid #d1e7ff;margin-top:4px;background-color:#fafcff;border-radius:0 8px 8px 0;margin-left:12px}.rtl .tree-children{margin-left:0;border-right:2px solid #d1e7ff;border-left:none;border-radius:8px 0 0 8px;margin-right:12px}.tree-container::-webkit-scrollbar{width:6px}.tree-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.tree-container::-webkit-scrollbar-thumb{background:#d1e7ff;border-radius:3px}.tree-container::-webkit-scrollbar-thumb:hover{background:#4a90e2}@media (max-width: 768px){.tree-node-header{flex-wrap:wrap;gap:8px}.tree-node-name{white-space:normal;word-break:break-word}.tree-node-balance{font-size:12px;min-width:70px}.tree-node-actions{margin-left:0;margin-top:4px;width:100%;justify-content:flex-start}.tree-node-content{padding:6px 8px;min-height:40px}}.tree-children{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.tree-toggle:focus,.tree-node-content:focus{outline:2px solid #4a90e2;outline-offset:2px}.context-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:180px;max-width:200px;z-index:1000;overflow:hidden;position:fixed;pointer-events:auto}.context-menu-item{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:all .2s ease;color:#333;font-size:14px;font-weight:500}.context-menu-item:hover{background-color:#f5f5f5;color:#1976d2}.context-menu-item.danger{color:#d32f2f}.context-menu-item.danger:hover{background-color:#ffebee;color:#c62828}.context-menu-item svg{flex-shrink:0;stroke-width:2}.accounting-tree-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.accounting-tree-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.accounting-tree-screen .employee-table-container{background:#fafafa;border-radius:12px;padding:24px 0;box-shadow:0 2px 8px #0000000a;margin-top:16px;border:1px solid #e8e8e8;overflow:hidden}.tree-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px 16px;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tree-header h2{margin:0;color:#333;font-size:20px;font-weight:700;letter-spacing:0;direction:ltr;text-align:left}.tree-actions{display:flex;gap:8px;align-items:center}.btn-add-root{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #1976d2;background:#1976d2;color:#fff;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #1976d233}.btn-add-root:hover{background:#1565c0;border-color:#1565c0;transform:translateY(-1px);box-shadow:0 2px 4px #1976d24d}.btn-add-root:active{transform:translateY(0);box-shadow:0 1px 2px #1976d233}.btn-add-root svg{width:14px;height:14px;stroke-width:2}.btn-expand-all,.btn-collapse-all{padding:6px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-expand-all:hover,.btn-collapse-all:hover{background:#f5f5f5;border-color:#999}.accounting-tree-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.accounting-tree-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.accounting-tree-screen .dashboard-content{padding:1rem 1rem 2rem}.accounting-tree-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}.tree-header{flex-direction:column;align-items:flex-start;gap:12px}.tree-actions{width:100%;flex-wrap:wrap;gap:6px}.btn-add-root{font-size:11px;padding:5px 10px}.btn-add-root svg{width:12px;height:12px}}@media (max-width: 768px){.accounting-tree-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.accounting-tree-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.accounting-tree-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.accounting-tree-screen{padding-bottom:80px}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin:1rem 0;color:#c53030}.error-message .btn-retry{margin-top:1rem;padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.error-message .btn-retry:hover{background:#c53030}.account-classifications-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.account-classifications-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.account-classifications-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed}.account-classifications-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.account-classifications-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.account-classifications-screen .dashboard-content{padding:1rem 1rem 2rem}.account-classifications-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.account-classifications-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.account-classifications-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.account-classifications-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.account-classifications-screen{padding-bottom:80px}}.accounts-screen{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.accounts-screen .dashboard-content{flex:1;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}.accounts-screen .employee-table-container{background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 4px 20px #00000014;margin-top:16px;border:1px solid #e8eaed}.accounts-screen .employee-table-container h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;letter-spacing:0;padding:0 24px}@media (max-width: 768px){.accounts-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:20px}.accounts-screen .dashboard-content{padding:1rem 1rem 2rem}.accounts-screen .employee-table-container{margin-bottom:20px;padding-bottom:20px}}@media (max-width: 768px){.accounts-screen{min-height:100vh;height:100vh;overflow-y:auto;padding-bottom:60px;position:relative}.accounts-screen .dashboard-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 200px)}.accounts-screen .employee-table-container{margin-bottom:40px;padding-bottom:40px}}@media (max-width: 480px){.accounts-screen{padding-bottom:80px}}