@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}.app-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;z-index:10000}.app-modal-overlay--fullscreen{align-items:stretch;padding:0}.app-modal{width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 20px 50px #02061740;overflow:hidden}.app-modal--wide{width:min(1200px,100%)}.app-modal--fullscreen{width:100%;max-height:none;height:100%;border-radius:0}.app-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.app-modal-title{margin:0;font-size:22px;font-weight:600;color:#0f172a}.app-modal-close{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:26px;line-height:1;cursor:pointer}.app-modal-close:hover{color:#0f172a;background:#f1f5f9}.app-modal-body{flex:1;overflow:auto;padding:24px}.app-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.app-modal-secondary-btn,.app-modal-primary-btn{border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.app-modal-secondary-btn{border:1px solid #cbd5e1;background:#fff;color:#334155}.app-modal-primary-btn{border:none;background:#2563eb;color:#fff}.app-modal-secondary-btn:disabled,.app-modal-primary-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.app-modal-overlay{padding:12px}.app-modal-header{padding:16px 18px}.app-modal-title{font-size:18px}.app-modal-body{padding:18px}.app-modal-footer{padding:14px 18px 18px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:250px;height:100vh;background-color:#2c3e50;color:#fff;position:fixed;left:0;top:0;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000001a;transition:width .3s ease;z-index:1000;overflow:hidden}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;min-height:70px}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease;flex-shrink:0}.sidebar-toggle:hover{background-color:#ffffff1a}.sidebar-header h2{margin:0;font-size:24px;font-weight:600;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.collapsed .sidebar-header h2{opacity:0;width:0}.sidebar-nav{padding:20px 0;display:flex;flex-direction:column}.sidebar-link{padding:15px 20px;color:#ecf0f1;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;display:flex;align-items:center;gap:15px;white-space:nowrap}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-link span{transition:opacity .3s ease}.sidebar.collapsed .sidebar-link{justify-content:center;padding:15px}.sidebar.collapsed .sidebar-link span{opacity:0;width:0;overflow:hidden}.sidebar-link:hover{background-color:#ffffff1a;border-left-color:#3498db}.sidebar-link.active{background-color:#3498db33;border-left-color:#3498db;font-weight:600}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:15px}.user-info{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:opacity .3s ease}.sidebar.collapsed .user-info{opacity:0;height:0;padding:0;overflow:hidden}.user-name{margin:0 0 5px;font-weight:600;font-size:14px;color:#ecf0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{margin:0;font-size:12px;color:#bdc3c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{background:#e74c3c33;border:1px solid rgba(231,76,60,.3);color:#ecf0f1;padding:12px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .3s ease;width:100%;font-size:14px;font-weight:500}.sidebar-logout:hover{background:#e74c3c4d;border-color:#e74c3c80}.sidebar-logout svg{flex-shrink:0;width:20px;height:20px}.sidebar-logout span{transition:opacity .3s ease;white-space:nowrap}.sidebar.collapsed .sidebar-logout{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-logout span{opacity:0;width:0;overflow:hidden}.sidebar-menu{display:flex;flex-direction:column}.sidebar-menu-toggle{padding:15px 20px;color:#ecf0f1;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;display:flex;align-items:center;gap:15px;white-space:nowrap;background:none;border-right:none;border-top:none;border-bottom:none;cursor:pointer;width:100%;text-align:left;font-size:inherit;font-family:inherit}.sidebar-menu-toggle svg:first-child{flex-shrink:0;width:20px;height:20px}.sidebar-menu-toggle .menu-arrow{margin-left:auto;transition:transform .3s ease;flex-shrink:0}.sidebar-menu-toggle .menu-arrow.open{transform:rotate(180deg)}.sidebar-menu-toggle span{transition:opacity .3s ease}.sidebar.collapsed .sidebar-menu-toggle{justify-content:center;padding:15px}.sidebar.collapsed .sidebar-menu-toggle span,.sidebar.collapsed .sidebar-menu-toggle .menu-arrow{opacity:0;width:0;overflow:hidden}.sidebar-menu-toggle:hover{background-color:#ffffff1a;border-left-color:#3498db}.sidebar-menu-toggle.active{background-color:#3498db33;border-left-color:#3498db;font-weight:600}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#0000001a}.sidebar-submenu.open{max-height:200px}.sidebar-submenu-link{padding:12px 20px 12px 50px;color:#ecf0f1;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;border-left:3px solid transparent;font-size:14px}.sidebar-submenu-link:hover{background-color:#ffffff1a;border-left-color:#3498db}.sidebar-submenu-link.active{background-color:#3498db33;border-left-color:#3498db;font-weight:600}@media(max-width:768px){.sidebar{width:70px}.sidebar:not(.collapsed){width:250px}}.header{position:fixed;top:0;left:250px;right:0;height:70px;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;z-index:999;transition:left .3s ease}.header.sidebar-collapsed{left:70px}.header-content{display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:100%}.header-title{margin:0;font-size:24px;font-weight:600;color:#2c3e50}.header-user{position:relative;display:flex;align-items:center}.header-profile-button{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease}.header-profile-button:hover{background-color:#f5f7fa}.header-profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.header-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.header-user-name{font-size:14px;font-weight:600;color:#2c3e50;white-space:nowrap}.header-user-role{font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.header-dropdown-icon{color:#7f8c8d;transition:transform .2s ease;flex-shrink:0}.header-dropdown-icon.open{transform:rotate(180deg)}.header-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:250px;z-index:1000;animation:dropdownFadeIn .2s ease;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-header{padding:20px;display:flex;align-items:center;gap:15px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.header-dropdown-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.header-dropdown-user-info{flex:1;min-width:0}.header-dropdown-name{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-dropdown-email{font-size:13px;color:#7f8c8d;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-dropdown-role{font-size:12px;color:#95a5a6;text-transform:uppercase;letter-spacing:.5px}.header-dropdown-divider{height:1px;background-color:#e9ecef;margin:8px 0}.header-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;cursor:pointer;color:#e74c3c;font-size:14px;font-weight:500;transition:background-color .2s ease;text-align:left}.header-dropdown-item:hover{background-color:#fff5f5}.header-dropdown-item svg{flex-shrink:0}@media(max-width:768px){.header{left:70px}.header-content{padding:0 20px}.header-title{font-size:20px}.header-user-info{display:none}.header-profile-button{padding:8px}.header-dropdown{right:-10px;min-width:220px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{width:100%;max-width:450px;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{margin:0 0 10px;color:#2c3e50;font-size:32px;font-weight:600}.login-header p{margin:0;color:#7f8c8d;font-size:16px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e74c3c}.form-group input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#34495e}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.remember-me span{-webkit-user-select:none;user-select:none}.forgot-password{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#764ba2;text-decoration:underline}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-login:disabled:hover{transform:none;box-shadow:none}@media(max-width:480px){.login-container{padding:30px 20px}.login-header h1{font-size:28px}.form-options{flex-direction:column;align-items:flex-start;gap:10px}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-container{width:100%;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px}.signup-header{text-align:center;margin-bottom:30px}.signup-header h1{margin:0 0 10px;color:#2c3e50;font-size:32px;font-weight:600}.signup-header p{margin:0;color:#7f8c8d;font-size:16px}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{padding:14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=text].error,.form-group input[type=email].error,.form-group input[type=password].error{border-color:#e74c3c}.form-group input[type=text].error:focus,.form-group input[type=email].error:focus,.form-group input[type=password].error:focus{box-shadow:0 0 0 3px #e74c3c1a}.file-upload-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{display:flex;align-items:center;gap:12px;padding:14px;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa;color:#34495e;font-size:15px}.file-label:hover{border-color:#667eea;background-color:#f0f2ff}.file-label svg{flex-shrink:0;color:#667eea}.file-input.error+.file-label{border-color:#e74c3c;background-color:#fff5f5}.file-name-display{display:block;margin-top:8px;color:#27ae60;font-size:13px;font-weight:500}.btn-signup{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-signup:active{transform:translateY(0)}.btn-signup:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-signup:disabled:hover{transform:none;box-shadow:none}.submit-error{padding:12px;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;text-align:center}.form-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.form-footer p{margin:0;color:#7f8c8d;font-size:14px}.form-footer .link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.form-footer .link:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.signup-container{padding:30px 20px}.signup-header h1{font-size:28px}}.rate-calculator{width:100%;background-color:#f5f7fa}.calculator-container{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px}.calculator-container h1{margin:0 0 30px;color:#2c3e50;font-size:32px;font-weight:600}.calculator-form{display:flex;flex-direction:column;gap:30px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section h2{margin:0;color:#34495e;font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input::placeholder{color:#bdc3c7}.invoice-value-add-btn,.invoice-value-remove-btn{border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1d4ed8;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.searchable-dropdown input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.dropdown-search{padding:10px 12px;border:none;border-bottom:1px solid #ecf0f1;border-radius:4px 4px 0 0;font-size:14px;width:100%;box-sizing:border-box}.dropdown-search:focus{outline:none;border-bottom-color:#3498db}.dropdown-options{max-height:250px;overflow-y:auto;padding:4px 0}.dropdown-option{padding:10px 12px;cursor:pointer;font-size:14px;color:#34495e;transition:background-color .2s ease}.dropdown-option:hover{background-color:#f5f7fa}.dropdown-option.selected{background-color:#3498db;color:#fff}.dropdown-option.no-results{color:#95a5a6;cursor:default;font-style:italic}.dropdown-option.no-results:hover{background-color:transparent}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-options::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#555}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #ecf0f1}.btn{padding:12px 30px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-calculate{background-color:#3498db;color:#fff}.btn-calculate:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.btn-calculate:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.btn-reset{background-color:#95a5a6;color:#fff}.btn-reset:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #95a5a64d}.error-message{margin-top:30px;padding:15px 20px;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33}.error-message p{margin:0;font-size:14px}.results-section{margin-top:40px;padding-top:30px;border-top:2px solid #ecf0f1}.results-section h2{margin:0;color:#2c3e50;font-size:28px;font-weight:600}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.btn-view-details{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-details:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.results-container{display:flex;flex-direction:column;gap:30px;margin-top:20px}.offers-section h3{margin:0 0 20px;color:#34495e;font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.order-details h3{margin:0 0 20px;color:#34495e;font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.details-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px;display:flex;flex-direction:column;gap:18px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #e9ecef}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{font-weight:500;color:#6c757d;font-size:14px;flex:1}.detail-value{font-weight:600;color:#2c3e50;font-size:14px;text-align:right;flex:1}.services-table h3{margin:0 0 20px;color:#34495e;font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.table-container table{width:100%;border-collapse:collapse}.table-container thead{background-color:#f8f9fa}.table-container th{padding:15px 12px;text-align:left;font-weight:600;color:#34495e;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.table-container td{padding:15px 12px;border-bottom:1px solid #e9ecef;font-size:14px;color:#495057;vertical-align:middle}.table-container tbody tr:hover{background-color:#f8f9fa}.table-container tbody tr:last-child td{border-bottom:none}.carrier-name{font-weight:600;color:#2c3e50;font-size:15px}.cost{font-weight:600;color:#27ae60;font-size:15px}.delivery-date{color:#6c757d;font-size:13px}.btn-create-shipment{padding:8px 16px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-create-shipment:hover{background-color:#229954;transform:translateY(-1px);box-shadow:0 2px 6px #27ae604d}.btn-create-shipment:active{transform:translateY(0)}.quote-breakdown-row:hover{background-color:transparent}.additional-services-grid{display:flex;flex-direction:column;gap:12px}.compliance-option input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:#3355d4;cursor:pointer}.info-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border-left:3px solid #2563eb;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-size:13px}.info-icon{font-size:16px;font-weight:700}.no-quotes{text-align:center;padding:40px 20px;color:#95a5a6;font-style:italic}@media(max-width:768px){.calculator-container{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}.results-container{gap:20px}.invoice-value-row{grid-template-columns:1fr}.offer-card{padding:16px}.offer-card-header{flex-direction:column}.offer-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.results-header{flex-direction:column;align-items:flex-start}.btn-view-details{width:100%}.table-container table{min-width:700px}.btn-create-shipment{padding:6px 12px;font-size:12px}.quote-breakdown-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.quote-breakdown-grid .quote-breakdown-total{grid-column:span 2}.table-container{overflow-x:auto}.table-container table{min-width:600px}.detail-item{flex-direction:column;gap:5px}.detail-value{text-align:left}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{background:none;border:none;font-size:32px;color:#95a5a6;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.modal-body{padding:25px}@media(max-width:768px){.modal-content{max-width:95%;margin:10px}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}}.billing-page{padding:30px;width:100%}.billing-container{max-width:1200px;margin:0 auto}.billing-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.billing-header h1{margin:0 0 6px;color:#2c3e50;font-size:32px;font-weight:600}.billing-subtitle{margin:0;color:#7f8c8d;font-size:16px}.billing-add-button{padding:10px 18px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.billing-add-button:hover{background:#1d4ed8}.billing-tabs{display:flex;gap:12px;margin:20px 0 16px;flex-wrap:wrap}.billing-tab{padding:10px 18px;border-radius:999px;border:1px solid #dfe6e9;background:#fff;color:#2c3e50;font-weight:600;cursor:pointer;transition:all .2s ease}.billing-tab:hover{border-color:#2563eb;color:#2563eb}.billing-tab.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 10px #2563eb33}.billing-panel{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:40px;min-height:200px;display:flex;flex-direction:column;gap:16px}.billing-panel-header{width:100%;display:flex;align-items:center;justify-content:space-between}.billing-panel-header h2{margin:0;font-size:20px;color:#2c3e50}.billing-count{font-size:14px;color:#64748b}@media(max-width:768px){.billing-page{padding:20px}.billing-panel{padding:24px}.billing-header{flex-direction:column;align-items:flex-start}}.billing-table-container{width:100%;overflow-x:auto}.billing-table{width:100%;border-collapse:collapse}.billing-table thead{background:#f8f9fa}.billing-table th,.billing-table td{padding:14px 16px;border-bottom:1px solid #e0e0e0;text-align:left;font-size:14px;color:#2c3e50}.billing-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#475569}.billing-awb{font-weight:600;color:#2563eb}.billing-file-link{color:#2563eb;font-weight:600;text-decoration:none}.billing-file-link:hover{text-decoration:underline}.billing-empty{width:100%;padding:32px 12px;text-align:center;color:#7f8c8d;font-size:15px}.billing-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.billing-modal-content{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 40px #0003;overflow:hidden}.billing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #eef2f7}.billing-modal-header h2{margin:0;font-size:20px;color:#2c3e50}.billing-modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#64748b}.billing-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.billing-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#334155}.billing-field input[type=text],.billing-field input[type=file],.billing-field select{padding:10px 12px;border-radius:8px;border:1px solid #d9e2ec;font-size:14px}.billing-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.billing-cancel-button{padding:10px 16px;border-radius:8px;border:1px solid #d9e2ec;background:#fff;color:#475569;cursor:pointer}.billing-upload-button{padding:10px 16px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.billing-cancel-button:disabled,.billing-upload-button:disabled{opacity:.6;cursor:not-allowed}.pending-approvals{width:100%;padding-top:15px}.approvals-container{margin:0 auto}.approvals-header{margin-bottom:30px}.approvals-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.approvals-header h1{margin:0 0 8px;color:#2c3e50;font-size:32px;font-weight:600}.approvals-header .subtitle{margin:0;color:#7f8c8d;font-size:16px}.layout-toggle{display:flex;gap:8px;background-color:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.layout-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background-color:transparent;border:none;border-radius:6px;cursor:pointer;color:#7f8c8d;transition:all .3s ease}.layout-btn:hover{background-color:#f5f7fa;color:#2c3e50}.layout-btn.active{background-color:#667eea;color:#fff}.layout-btn.active:hover{background-color:#5568d3}.signups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.signups-list{display:flex;flex-direction:column;gap:20px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.count-badge{display:inline-block;padding:6px 12px;background-color:#fff3cd;color:#856404;border-radius:20px;font-size:14px;font-weight:600}.signup-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:box-shadow .3s ease}.signup-card:hover{box-shadow:0 4px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.user-info h3{margin:0 0 4px;color:#2c3e50;font-size:20px;font-weight:600}.user-info .email{margin:0;color:#7f8c8d;font-size:14px}.status-badge.pending{background-color:#fff3cd;color:#856404}.card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-row{display:flex;gap:12px}.info-row .label{font-weight:600;color:#34495e;min-width:120px;font-size:14px}.info-row .value{color:#2c3e50;font-size:14px}.file-section{display:flex;align-items:center;gap:12px;margin-top:8px}.file-link{display:flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.card-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-action{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-approve{background-color:#27ae60;color:#fff}.btn-approve:hover{background-color:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.btn-reject{background-color:#e74c3c;color:#fff}.btn-reject:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #e74c3c4d}.signups-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.signups-table{width:100%;border-collapse:collapse}.signups-table thead{background-color:#f8f9fa}.signups-table th{padding:16px;text-align:left;font-weight:600;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.signups-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#2c3e50;font-size:14px}.signups-table tbody tr{transition:background-color .2s ease}.signups-table tbody tr:hover{background-color:#f8f9fa}.signups-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:8px}.table-actions .btn-action{padding:6px 12px;font-size:12px;white-space:nowrap}@media(max-width:768px){.approvals-header .header-content{flex-direction:column;align-items:stretch}.layout-toggle{align-self:flex-end}.signups-grid{grid-template-columns:1fr}.signups-table-container{overflow-x:scroll}.signups-table{min-width:800px}.card-header{flex-direction:column;gap:12px}.info-row{flex-direction:column;gap:4px}.info-row .label{min-width:auto}.card-actions,.table-actions{flex-direction:column}}.app-data-table-shell{display:flex;flex-direction:column;gap:18px}.app-data-table-toolbar{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:12px;background:linear-gradient(180deg,#fbfcff,#f5f8ff);border:1px solid #dbe4f5}.app-data-table-toolbar-main{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,.8fr));gap:12px;flex:1}.app-data-table-field{display:flex;flex-direction:column;gap:6px}.app-data-table-field span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#52627d}.app-data-table-field input,.app-data-table-field select{min-height:42px;padding:10px 12px;border:1px solid #d6deee;border-radius:8px;background:#fff;font-size:14px;color:#2c3e50}.app-data-table-field input:focus,.app-data-table-field select:focus{outline:none;border-color:#4f63d8;box-shadow:0 0 0 3px #4f63d824}.app-data-table-toolbar-side{display:flex;align-items:end;gap:10px;flex-shrink:0}.app-data-table-count-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#e8eefc;color:#28437d;font-size:13px;font-weight:700}.app-data-table-clear-btn{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9d4eb;border-radius:8px;background:#fff;color:#35518f;font-weight:600;cursor:pointer}.app-data-table-clear-btn:disabled{opacity:.6;cursor:not-allowed}.app-data-table-state{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:36px 24px;text-align:center}.app-data-table-spinner{width:36px;height:36px;margin:0 auto 14px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:app-data-table-spin .8s linear infinite}.app-data-table-error{margin:0 0 14px;color:#b42318}.app-data-table-retry-btn{min-height:40px;padding:0 18px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.app-data-table-retry-btn:hover{background:#1d4ed8}.app-data-table-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-data-table-range-text{margin:0;color:#5b6474;font-size:14px}.app-data-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.app-data-table{width:100%;border-collapse:collapse}.app-data-table thead{background-color:#f8f9fa}.app-data-table th{padding:16px;text-align:left;font-weight:600;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.app-data-table-sort-btn{display:inline-flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.app-data-table-sort-btn:hover,.app-data-table-sort-btn.active{color:#1d4ed8}.app-data-table-sort-icons{display:inline-flex;flex-direction:column;align-items:center;line-height:.8;font-size:10px;color:#94a3b8}.app-data-table-sort-icons .active{color:#1d4ed8}.app-data-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#2c3e50;font-size:14px}.app-data-table tbody tr:hover{background-color:#f8f9fa}.app-data-table tbody tr:last-child td{border-bottom:none}.app-data-table-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px}.app-data-table-pagination-summary{margin:0;color:#5b6474;font-size:14px}.app-data-table-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-data-table-page-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid #d6deee;border-radius:8px;background:#fff;color:#2c3e50;font-weight:600;cursor:pointer}.app-data-table-page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.app-data-table-page-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes app-data-table-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.app-data-table-toolbar{flex-direction:column}.app-data-table-toolbar-main{grid-template-columns:1fr 1fr}.app-data-table-toolbar-side{justify-content:flex-start;align-items:center}.app-data-table-pagination{flex-direction:column;align-items:flex-start}.app-data-table{min-width:1200px}}@media(max-width:480px){.app-data-table-toolbar{padding:14px}.app-data-table-toolbar-main{grid-template-columns:1fr}.app-data-table-toolbar-side{flex-direction:column;align-items:stretch}.app-data-table-clear-btn{width:100%}}.users-page{width:100%;padding:20px}.users-container{max-width:1400px;margin:0 auto}.users-header{margin-bottom:30px}.users-header h1{margin:0 0 8px;color:#2c3e50;font-size:32px;font-weight:600}.users-header .subtitle{margin:0;color:#7f8c8d;font-size:16px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#e74c3c;font-size:16px;margin-bottom:20px}.btn-retry{padding:10px 20px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background-color:#5568d3;transform:translateY(-2px)}.empty-state p{color:#7f8c8d;font-size:16px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.count-badge{display:inline-block;padding:6px 12px;background-color:#e3f2fd;color:#1976d2;border-radius:20px;font-size:14px;font-weight:600}.users-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f8f9fa}.users-table th{padding:16px;text-align:left;font-weight:600;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.users-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#2c3e50;font-size:14px}.users-table tbody tr{transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr:last-child td{border-bottom:none}.table-user-info{display:flex;flex-direction:column}.table-user-info strong{color:#2c3e50;font-size:14px}.status-badge.status-approved{background-color:#d4edda;color:#155724}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-rejected{background-color:#f8d7da;color:#721c24}.role-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.role-badge.role-admin{background-color:#667eea;color:#fff}.role-badge.role-user{background-color:#e9ecef;color:#495057}.file-link{display:inline-flex;align-items:center;gap:6px;color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.file-link:hover{color:#5568d3;text-decoration:underline}.file-link svg{flex-shrink:0}@media(max-width:768px){.users-table-container{overflow-x:scroll}.users-table{min-width:800px}}.user-order-page{padding:20px}.orders-page{padding:30px;width:100%}.orders-container{max-width:1400px;margin:0 auto}.orders-header{margin-bottom:30px;display:flex;align-items:end;justify-content:space-between}.orders-header h1{margin:0 0 8px;color:#2c3e50;font-size:32px;font-weight:600}.orders-header .subtitle{margin:0;color:#7f8c8d;font-size:16px}.awb{font-weight:600;color:#2563eb}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-created{background-color:#e3f2fd;color:#1976d2}.status-approved{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-rejected{background-color:#f8d7da;color:#721c24}.file-link{color:#667eea;text-decoration:none;font-weight:500}.file-link:hover{text-decoration:underline}.details-link{display:inline-block;padding:6px 12px;border-radius:6px;background-color:#2563eb;color:#fff;text-decoration:none;font-weight:600;font-size:12px;text-align:center}.order-row-actions{display:flex;flex-wrap:wrap;gap:8px}.order-row-action-btn{border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.order-row-action-btn:hover:not(:disabled){transform:translateY(-1px)}.order-row-action-btn:disabled{opacity:.65;cursor:not-allowed}.order-row-action-btn-primary{background:#2563eb}.order-row-action-btn-success{background:#16a34a}.order-row-action-btn-secondary{background:#64748b}.no-file{color:#bdc3c7;font-style:italic}@media(max-width:768px){.orders-page{padding:18px}.orders-header{align-items:flex-start}}@media(max-width:480px){.orders-page{padding:12px}.orders-header h1{font-size:26px}}.app{display:flex;min-height:100vh}.app-content{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column}.sidebar.collapsed~.app-content{margin-left:70px}.main-content{margin-top:70px;flex:1;overflow-y:auto}@media(max-width:768px){.app-content{margin-left:70px}.main-content{padding:20px}}.ticket-dashboard{padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tickets-tabs{display:inline-flex;gap:8px;margin-bottom:12px;background:#f1f5f9;padding:6px;border-radius:999px;align-items:center}.tickets-tab{border:none;background:transparent;padding:8px 14px;border-radius:999px;font-weight:600;font-size:13px;color:#475569;cursor:pointer;transition:background .2s ease,color .2s ease}.tickets-tab.active{background:#2563eb;color:#fff}.tickets-tab:hover{background:#e2e8f0}.create-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.create-btn:hover{background-color:#0056b3}.tickets-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse}.tickets-table th,.tickets-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.tickets-table th{background-color:#f8f9fa;font-weight:600;color:#333}.tickets-table tr:hover{background-color:#f8f9fa}.status-badge{padding:4px 8px;border-radius:12px;font-size:.85em;font-weight:500}.status-badge.open{background-color:#e3f2fd;color:#1976d2}.status-badge.closed{background-color:#e8f5e9;color:#2e7d32}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:100%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 0 4px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group select,.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group select:focus,.form-group input:focus{outline:none;border-color:#007bff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn{padding:8px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer}.submit-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-btn:hover{background:#0056b3}.full-screen{align-items:stretch}.full-screen-content{width:100%;height:100%;max-width:none;border-radius:0;display:flex;flex-direction:column}.ticket-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#f9fafb;border-bottom:1px solid #ddd}.conversation-section{flex:1;padding:16px;overflow-y:auto}.messages-list{display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:70%;padding:10px 14px;border-radius:8px;font-size:14px}.message-bubble.user{background:#e6f4ea;align-self:flex-end}.message-bubble.admin{background:#f1f3f4;align-self:flex-start}.message-time{font-size:11px;color:#666;margin-top:4px}.view-btn{padding:6px 12px;font-size:13px;cursor:pointer}.view-btn{padding:6px 14px;font-size:13px;font-weight:500;color:#2563eb;background:transparent;border:1px solid #2563eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#2563eb;color:#fff}.view-btn:active{transform:scale(.96)}.messages-list{display:flex;flex-direction:column;gap:10px}.chat-row{display:flex}.chat-row.left{justify-content:flex-start}.chat-row.right{justify-content:flex-end}.chat-bubble{max-width:65%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word}.chat-bubble.user{background-color:#dcf8c6;border-bottom-right-radius:4px}.chat-bubble.admin{background-color:#f1f3f4;border-bottom-left-radius:4px}.chat-text{margin-bottom:6px}.chat-file{display:inline-block;font-size:13px;color:#2563eb;margin-bottom:6px;text-decoration:none}.chat-file:hover{text-decoration:underline}.chat-time{font-size:11px;color:#6b7280;text-align:right}.chat-input-bar{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #e5e7eb;background:#fff}.chat-input-bar input[type=text]{flex:1;padding:10px 12px;border-radius:20px;border:1px solid #d1d5db;outline:none;font-size:14px}.chat-input-bar input[type=text]:focus{border-color:#2563eb}.file-attach{cursor:pointer;font-size:18px}.send-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px}.send-btn:disabled{background:#9ca3af;cursor:not-allowed}.selected-file{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin:8px 12px;background:#f3f4f6;border-radius:6px;font-size:13px}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%}.remove-file{background:transparent;border:none;font-size:14px;cursor:pointer;color:#ef4444}.chat-bubble.mine{background-color:#dcf8c6;border-bottom-right-radius:4px}.chat-bubble.theirs{background-color:#f1f3f4;border-bottom-left-radius:4px}.unread-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:999px;margin-left:6px}.home-notifications{display:flex;flex-direction:column;gap:24px;padding:30px}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.home-header h2{margin:0 0 6px;font-size:24px}.home-header p{margin:0;color:#667085}.home-refresh{display:flex;align-items:center;gap:12px}.last-updated{font-size:12px;color:#98a2b3}.refresh-btn{border:1px solid #d0d5dd;background:#fff;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer}.refresh-btn:hover{border-color:#98a2b3}.home-status{padding:24px;border-radius:12px;background:#f8fafc;color:#475467;font-weight:500}.home-status.error{background:#fff4f4;color:#b42318}.notifications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notifications-column{background:#fff;border-radius:16px;border:1px solid #eaecf0;padding:20px;display:flex;flex-direction:column;gap:16px}.column-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.column-header h3{margin:0;font-size:18px}.column-count{min-width:26px;height:26px;border-radius:999px;background:#f2f4f7;color:#344054;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-card{border:1px solid #eaecf0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:#fcfcfd}.notification-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#667085}.notification-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:#eef4ff;color:#3538cd}.notification-pill.billing_upload{background:#ecfdf3;color:#027a48}.notification-pill.ticket_message{background:#fff4e6;color:#b54708}.notification-title{margin:0;font-size:15px;color:#101828}.notification-body{margin:0;color:#475467;font-size:13px}.notification-details{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:#667085}.detail-item{background:#f2f4f7;padding:4px 8px;border-radius:999px}.notification-link{font-size:13px;font-weight:600;color:#175cd3;text-decoration:none}.notification-link:hover{text-decoration:underline}.notification-empty{margin:0;padding:16px;border-radius:12px;background:#f8fafc;color:#667085;text-align:center;font-size:13px}@media(max-width:900px){.notifications-grid{grid-template-columns:1fr}.home-header{align-items:flex-start}.home-refresh{width:100%;justify-content:space-between}}.order-details-page{padding:30px;width:100%}.order-details-container{max-width:1200px;margin:0 auto}.order-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.order-details-header h1{margin:0 0 6px;color:#2c3e50;font-size:32px;font-weight:600}.order-details-header .subtitle{margin:0;color:#7f8c8d;font-size:16px}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:20px}.details-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px}.details-card.full-width{margin-top:20px}.details-card h3{margin:0 0 16px;color:#2c3e50;font-size:18px}.details-card h4{margin:0 0 12px;color:#34495e;font-size:16px}.details-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;color:#2c3e50}.details-row .value{font-weight:600;color:#1f2937;text-align:right}.details-link{display:inline-block;padding:8px 14px;border-radius:6px;background-color:#2563eb;color:#fff;text-decoration:none;font-weight:600;font-size:13px;text-align:center}.details-link:hover{background-color:#1d4ed8}.back-link{white-space:nowrap}.box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.box-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background-color:#f9fafb}.documents-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.document-links{display:flex;flex-wrap:wrap;gap:10px}.empty-text{margin:0;color:#9aa4b2;font-size:14px}@media(max-width:768px){.order-details-header{flex-direction:column;align-items:flex-start}}.create-order{padding:20px;min-height:100vh;background-color:#f5f7fa;overflow-x:hidden}.create-order-container{max-width:1200px;margin:0 auto;width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px;box-sizing:border-box}.create-order-header{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.create-order-header h1{margin:0 0 10px;color:#2c3e50;font-size:32px;font-weight:600}.create-order-header p{margin:0;color:#7f8c8d;font-size:16px}.create-order-form{display:flex;flex-direction:column;gap:40px}.address-form-tools{margin-bottom:24px;padding:18px;border:1px solid #dbe3f3;border-radius:12px;background:linear-gradient(180deg,#fafcff,#f3f7ff)}.address-form-tools-main h3{margin:0;color:#1f335d}.address-form-tools-main p{margin:8px 0 0;color:#445273;font-size:14px}.address-form-tools-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.address-form-tools .btn-submit{min-width:180px;padding:12px 18px;font-size:14px}.address-form-list-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:8px;border:1px solid #c5d5fa;color:#1d4ed8;background:#fff;font-weight:600;font-size:14px;padding:12px 16px}.address-form-tools-result{margin-top:14px;background:#fff;border:1px dashed #c9d6f5;border-radius:10px;padding:12px}.address-form-tools-result p{margin:0 0 8px}.address-form-link{word-break:break-all;color:#34495e}.btn-copy-link{border:0;background:#2563eb;color:#fff;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600;font-size:13px}.btn-copy-link:hover{background:#1d4ed8}.prefill-loading-note{margin:12px 0 0;color:#2c3e50;font-size:13px}.address-section{display:flex;flex-direction:column;gap:24px}.saved-contact-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid #dbe3f3;border-radius:12px;background:linear-gradient(180deg,#fafcff,#f3f7ff)}.saved-contact-tools-copy h3{margin:0;color:#1f335d;font-size:16px}.saved-contact-tools-copy p{margin:6px 0 0;color:#445273;font-size:13px}.btn-save-contact{padding:12px 18px;background:#1d4ed8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save-contact:hover{background:#1e40af;transform:translateY(-1px)}.company-suggestion-group{position:relative}.company-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid #d6deef;border-radius:10px;background:#fff;box-shadow:0 14px 32px #0f172a1f;max-height:240px;overflow-y:auto}.company-suggestion-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.company-suggestion-item:hover{background:#f3f7ff}.company-suggestion-title{font-size:14px;font-weight:600;color:#1f2937}.company-suggestion-meta{font-size:12px;color:#64748b}.section-title{margin:0;color:#2c3e50;font-size:24px;font-weight:600;padding-bottom:12px;border-bottom:2px solid #667eea}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#34495e;font-size:14px}.field-note{margin-top:-4px;color:#9ca3af;font-size:11px;line-height:1.2}.form-group .required{color:#e74c3c}.form-group .optional{color:#7f8c8d;font-weight:400;font-size:12px}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group input[type=number],.form-group select,.form-group textarea{padding:14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;font-family:inherit;background-color:#fff}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2334495e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;min-height:48px;line-height:1.2}.form-group input[type=text]:focus,.form-group input[type=tel]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=text].error,.form-group input[type=tel].error,.form-group input[type=email].error,.form-group input[type=number].error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.form-group input[type=text].error:focus,.form-group input[type=tel].error:focus,.form-group input[type=email].error:focus,.form-group input[type=number].error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#bdc3c7}.error-message{color:#e74c3c;font-size:13px;margin-top:-4px}.product-section{display:flex;flex-direction:column;gap:24px}.product-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.btn-add-product{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-product:hover{background-color:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-add-product:active{transform:translateY(0)}.product-item{padding:20px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fafafa;display:flex;flex-direction:column;gap:16px}.product-item-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.product-item-number{font-weight:600;color:#2c3e50;font-size:16px}.btn-remove-product{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-remove-product:hover{background-color:#c0392b;transform:scale(1.05)}.btn-remove-product:active{transform:scale(.95)}.product-total{padding:14px;background-color:#f0f2ff;border:2px solid #667eea;border-radius:8px;font-size:16px;font-weight:600;color:#667eea;text-align:center}.currency-input-group{display:flex;gap:10px;align-items:stretch}.currency-select{width:110px;flex:0 0 110px;padding-right:34px}.currency-input-group input[type=number]{flex:1}.invoice-values-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.invoice-value-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.invoice-value-add-btn,.invoice-value-remove-btn{border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff;color:#3730a3;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer}.invoice-value-add-btn:disabled,.invoice-value-remove-btn:disabled{opacity:.6;cursor:not-allowed}.document-section{display:flex;flex-direction:column;gap:20px;padding:20px;border:2px dashed #d6dbe8;border-radius:10px;background:linear-gradient(135deg,#f8faff,#f1f4ff);position:relative;overflow:hidden}.document-section .section-title{border-bottom-color:#4f63d8}.document-section:before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;background:radial-gradient(circle,#667eea2e,#667eea00 70%);pointer-events:none}.document-section .form-grid{gap:18px}.document-section .form-group{background:#fff;border:1px solid #e1e6f5;border-radius:12px;padding:16px;box-shadow:0 4px 10px #46549614}.document-section .form-group label{font-size:15px;font-weight:600;color:#2b3a55}.document-section .form-group label:after{content:" Optional";color:#7d8aa5;font-weight:500;font-size:12px;margin-left:6px}.file-input{padding:14px;border:2px dashed #b9c4e9;border-radius:8px;background:#fff;font-size:14px;color:#2c3e50;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.file-input:hover{border-color:#4f63d8;background:#f5f7ff}.file-input::file-selector-button{margin-right:12px;border:none;background:#4f63d8;color:#fff;padding:8px 14px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.file-input::file-selector-button:hover{background:#3f52c8}.file-input:focus{outline:none;border-color:#4f63d8;box-shadow:0 0 0 3px #4f63d826}.file-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.file-item{background:#eef1ff;color:#364152;border:1px solid #d7def8;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;max-width:100%}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove-btn{border:none;background:transparent;color:#c2344f;font-size:16px;line-height:1;font-weight:700;cursor:pointer;padding:0;flex-shrink:0}.file-remove-btn:hover{color:#991b35}.file-remove-btn:focus{outline:none;color:#991b35}.package-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.btn-add-package{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-package:hover{background-color:#2c81b3;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.btn-add-package:active{transform:translateY(0)}.package-item{padding:20px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fafafa;display:flex;flex-direction:column;gap:16px}.saved-package-tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid #dbe3f3;border-radius:12px;background:linear-gradient(180deg,#fafcff,#f3f7ff)}.saved-package-tools-copy h3{margin:0;color:#1f335d;font-size:16px}.saved-package-tools-copy p{margin:6px 0 0;color:#445273;font-size:13px}.saved-package-tools-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.saved-package-tools-actions input{min-width:220px;padding:14px;border:2px solid #d6deef;border-radius:8px;font-size:14px;background:#fff}.saved-package-tools-actions input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-load-package{padding:12px 18px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-load-package:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-load-package:disabled{opacity:.65;cursor:not-allowed}.package-item-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.package-item-number{font-weight:600;color:#2c3e50;font-size:16px}.btn-remove-package{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-remove-package:hover{background-color:#c0392b;transform:scale(1.05)}.btn-remove-package:active{transform:scale(.95)}.package-section{display:flex;flex-direction:column;gap:24px}.package-row{display:flex;flex-direction:column;gap:16px}.dimensions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-calculations{margin-top:16px;padding:20px;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px}.calculation-row{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fff;border-radius:6px;flex-wrap:wrap}.calculation-row.chargeable{background-color:#e8f5e9;border:2px solid #27ae60;font-weight:600}.calculation-label{font-weight:500;color:#34495e;min-width:150px}.calculation-value{font-weight:600;color:#2c3e50;font-size:16px;min-width:100px}.calculation-row.chargeable .calculation-value{color:#27ae60;font-size:18px}.calculation-formula{font-size:12px;color:#7f8c8d;font-style:italic;margin-left:auto}.calculation-note{font-size:12px;color:#27ae60;font-style:italic;margin-left:auto}.form-actions{display:flex;justify-content:center;margin-top:20px;padding-top:30px;border-top:2px solid #e0e0e0}.btn-submit{padding:16px 48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit:disabled:hover{transform:none;box-shadow:none}@media(max-width:768px){.create-order{padding:10px}.create-order-container{padding:20px}.create-order-header h1{font-size:24px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.section-title{font-size:20px}.address-form-tools-actions{flex-direction:column}.address-form-tools .btn-submit,.address-form-list-link{width:100%}.saved-contact-tools{align-items:stretch}.btn-save-contact{width:100%}}@media(max-width:480px){.create-order-container{padding:15px}.create-order-header h1{font-size:20px}.create-order-header p{font-size:14px}.section-title{font-size:18px}.btn-submit{width:100%;padding:14px}.product-section-header{flex-direction:column;align-items:flex-start}.btn-add-product{width:100%;justify-content:center}.invoice-value-row{grid-template-columns:1fr}.calculation-row{flex-direction:column;align-items:flex-start}.calculation-label,.calculation-value{min-width:auto}.calculation-formula,.calculation-note{margin-left:0;margin-top:4px}.dimensions-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:1200px;width:min(1200px,96vw);max-height:90vh;display:flex;flex-direction:column;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #ecf0f1}.modal-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:600}.modal-close{background:none;border:none;font-size:32px;color:#7f8c8d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:#ecf0f1;color:#2c3e50}.modal-body{padding:25px;overflow-y:auto;flex:1}.modal-footer{padding:20px 25px;border-top:2px solid #ecf0f1;display:flex;justify-content:flex-end;gap:12px}.btn-modal-close{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-modal-close:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.app-modal--notice{max-width:980px}.pre-create-notice-list{display:flex;flex-direction:column;gap:14px}.pre-create-notice-card{border:1px solid #d7e3fb;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f4f8ff);padding:16px 18px}.pre-create-notice-card p{margin:0;color:#2a3d63;font-size:14px;line-height:1.7;white-space:pre-line}.app-modal-secondary-btn{padding:12px 24px;background:#eef2f7;color:#415168;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.app-modal-secondary-btn:hover:not(:disabled){background:#e2e8f0}.app-modal-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.quotes-table,.offers-section{margin-bottom:30px}.offers-section h3{margin:0 0 20px;color:#2c3e50;font-size:20px;font-weight:600}.offers-list{display:grid;gap:16px}.offer-card{background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #f7d9a8;border-radius:12px;padding:18px 20px;box-shadow:0 6px 16px #c48a2214}.offer-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.offer-card-header h4{margin:0;color:#8a5a12;font-size:18px;font-weight:700}.offer-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#fff1cf;color:#9a6700;border:1px solid #f2ce84;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.offer-message{margin:0 0 14px;color:#5f4b24;font-size:14px;line-height:1.5}.offer-metrics{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:14px}.offer-metric{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fffc;border:1px solid #f5e3bb;border-radius:10px}.offer-metric span{font-size:12px;color:#8a6a31}.offer-metric strong{font-size:15px;color:#5f410d}.offer-rules{margin:0;padding-left:18px;color:#6f5522;font-size:13px;line-height:1.6}.offer-rules li+li{margin-top:4px}.quotes-table h3{margin:0 0 20px;color:#2c3e50;font-size:20px;font-weight:600}.table-container{overflow-x:auto}.quotes-table table{width:100%;border-collapse:collapse;background-color:#fff}.quotes-table thead{background-color:#f8f9fa}.quotes-table th{padding:14px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e0e0e0;font-size:14px}.quotes-table td{padding:14px;border-bottom:1px solid #e0e0e0;color:#34495e;font-size:14px}.quotes-table tbody tr:hover{background-color:#f8f9fa}.quotes-table .quote-breakdown-row:hover{background-color:transparent}.quote-breakdown-row td{padding-top:0;background:#fcfdff}.quote-offer-row td{padding-top:0;background:#fffdf7}.quote-offer-note{margin:0 14px 10px;padding:10px 12px;border-left:3px solid #f59e0b;background:#fff7e6;border-radius:6px}.quote-offer-note p{margin:0;font-size:12px;color:#9a6700;line-height:1.5}.quote-offer-note p+p{margin-top:6px}.quote-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px 14px;padding:10px 12px 14px;border:1px solid #e5e9f2;border-radius:8px}.quote-breakdown-grid div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#5f6b7a}.quote-breakdown-grid div strong{color:#2c3e50;font-weight:600;text-align:right}.quote-breakdown-grid .quote-breakdown-total{grid-column:span 2;padding-top:6px;border-top:1px solid #dde3ef}.quote-breakdown-grid .quote-breakdown-total strong{color:#1f7a3f}.quote-breakdown-grid .quote-breakdown-section{grid-column:span 2;background:#f4f8ff;border:1px solid #d9e5fb;border-radius:6px;padding:8px 10px}.quote-breakdown-grid .quote-breakdown-subline{grid-column:1 / -1;font-size:11px;color:#6b7280}.quote-row{cursor:pointer}.quote-row.expanded{background-color:#f8fbff}.quote-row--discounted{background:linear-gradient(90deg,#fff9ec,#fff 55%)}.quote-row--discounted:hover{background:linear-gradient(90deg,#fff3d6,#f8f9fa 55%)}.carrier-cell{display:flex;flex-direction:column;gap:4px}.quote-expand-indicator{font-size:12px;font-weight:500;color:#2563eb}.quotes-table .carrier-name{font-weight:600;color:#2c3e50}.quotes-table .cost{font-weight:600;color:#27ae60;font-size:16px}.quotes-table .cost--discounted{color:#c67a00}.cost-cell{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.discount-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#fff1cf;border:1px solid #f2ce84;color:#9a6700;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.quotes-table .delivery-date{color:#7f8c8d}.discounted-rate-text{color:#c67a00!important}.btn-create-order{padding:8px 16px;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-create-order:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-create-order:active{transform:translateY(0)}.no-quotes{text-align:center;padding:40px 20px;color:#7f8c8d}.no-quotes p{margin:0;font-size:16px}.order-summary{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:2px solid #e0e0e0}.order-summary h3{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:600}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.summary-item:last-child{border-bottom:none}.summary-label{font-weight:500;color:#34495e}.summary-value{font-weight:600;color:#2c3e50}.package-total{margin-top:4px}@media(max-width:768px){.modal-content{max-width:95%;margin:10px}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.quotes-table table{font-size:12px}.offer-card{padding:16px}.offer-card-header{flex-direction:column}.offer-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.quotes-table th,.quotes-table td{padding:10px 8px}.quote-breakdown-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.quote-breakdown-grid .quote-breakdown-total{grid-column:span 2}.btn-create-order{width:100%;text-align:center}.package-section-header{flex-direction:column;align-items:flex-start}.btn-add-package{width:100%;justify-content:center}.saved-package-tools-actions,.saved-package-tools-actions input,.btn-load-package{width:100%}}.compliance-section{margin-top:20px;padding:20px;border:1px solid #d7e0f2;border-radius:12px;background:linear-gradient(180deg,#fbfcff,#f5f8ff);box-shadow:inset 0 1px #fff9}.compliance-section .section-title{margin-bottom:14px;font-size:20px;border-bottom-color:#c8d6fb;color:#1f335d}.checkbox-group,.radio-group{margin-bottom:12px}.compliance-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e4e9f7;border-radius:10px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.compliance-option:hover{border-color:#c5d5fa;box-shadow:0 3px 10px #456abe1a}.compliance-option input[type=checkbox],.compliance-option input[type=radio]{margin-top:2px;width:16px;height:16px;accent-color:#3355d4;cursor:pointer}.compliance-option label{font-size:14px;color:#2a3d63;line-height:1.4;cursor:pointer}.compliance-option input:disabled+label{color:#7f8ca5;cursor:not-allowed}.radio-group-title{display:block;margin-bottom:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#4a5f88}.radio-options{display:flex;gap:10px}.compliance-radio-option{align-items:center;min-width:110px}.charge-note{margin:8px 0 0 26px;padding:8px 10px;border-left:3px solid #f59e0b;background:#fff7e6;border-radius:6px;font-size:12px;color:#9a6700}.address-forms-page{padding:20px;min-height:100vh;background:#f5f7fa}.address-forms-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #10182814}.address-forms-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.address-forms-header h1{margin:0;color:#101828}.address-forms-header p{margin:4px 0 0;color:#667085}.address-forms-create-link{text-decoration:none;background:#1d4ed8;color:#fff;padding:10px 14px;border-radius:8px;font-weight:600}.address-forms-state{padding:20px;border:1px solid #e5e7eb;border-radius:10px;color:#374151}.address-forms-error p{margin:0 0 8px;color:#b42318}.address-forms-error button{border:0;background:#111827;color:#fff;border-radius:6px;padding:8px 12px;cursor:pointer}.address-forms-table-wrap{overflow-x:auto}.address-forms-table{width:100%;border-collapse:collapse}.address-forms-table th,.address-forms-table td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;vertical-align:top;font-size:14px}.address-forms-table th{color:#475467;font-weight:600}.address-form-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.status-submitted{background:#ecfdf3;color:#027a48}.status-ordered{background:#eff8ff;color:#175cd3}.status-expired{background:#fef3f2;color:#b42318}.status-pending{background:#fffaeb;color:#b54708}.address-form-action{border:0;background:transparent;padding:0;color:#1d4ed8;font-weight:600;text-decoration:none;cursor:pointer}.address-form-action:disabled{color:#98a2b3;cursor:not-allowed}@media(max-width:768px){.address-forms-page{padding:12px}.address-forms-container{padding:16px}.address-forms-header{flex-direction:column}}.public-form-page{min-height:100vh;background:#f4f7fb;padding:24px}.public-form-card{max-width:980px;margin:0 auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 18px #10182814}.public-form-card h1{margin:0;color:#111827}.public-form-subtitle{margin-top:8px;color:#4b5563}.public-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.public-address-section h2{margin:0 0 12px;font-size:20px;color:#1f2937}.public-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.public-section-subtitle{margin:6px 0 0;color:#6b7280;font-size:14px}.public-field-note{margin-top:-2px;color:#9ca3af;font-size:11px;line-height:1.2}.public-address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.public-form-group{display:flex;flex-direction:column;gap:6px}.public-form-group-wide{grid-column:1 / -1}.public-form-group label{font-size:13px;color:#374151;font-weight:600}.public-form-group input,.public-form-group textarea,.public-form-group select{border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px;background:#fff}.public-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2334495e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.public-form-group input.error,.public-form-group textarea.error,.public-form-group select.error{border-color:#dc2626}.public-error-message{color:#dc2626;font-size:12px}.public-form-group .required{color:#dc2626}.public-form-group .optional{color:#6b7280;font-weight:500;font-size:12px}.public-submit-btn{border:0;background:#1d4ed8;color:#fff;padding:12px 18px;border-radius:8px;font-weight:600;cursor:pointer}.public-submit-btn:disabled{opacity:.6;cursor:not-allowed}.public-product-list{display:flex;flex-direction:column;gap:14px}.public-product-card{border:1px solid #dbe4f0;border-radius:12px;padding:16px;background:#fbfcff}.public-product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#1f2937;font-weight:700}.public-currency-input{display:grid;grid-template-columns:120px 1fr;gap:10px}.public-invoice-values{display:flex;flex-direction:column;gap:10px}.public-invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.public-invoice-remove-btn,.public-invoice-add-btn{border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff;color:#3730a3;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer}.public-invoice-remove-btn:disabled,.public-invoice-add-btn:disabled{opacity:.6;cursor:not-allowed}.public-form-error{color:#b42318}.public-form-success{margin:14px 0 0;color:#027a48;font-weight:600}@media(max-width:768px){.public-form-page{padding:12px}.public-form-card{padding:16px}.public-address-grid{grid-template-columns:1fr}.public-section-header{flex-direction:column;align-items:stretch}.public-currency-input,.public-invoice-row{grid-template-columns:1fr}}.shipment-confirmed-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,rgba(37,99,235,.14),transparent 28%),linear-gradient(180deg,#f6f9ff,#eef4ff)}.shipment-confirmed-card{width:min(960px,100%);background:#fff;border:1px solid #dbe7ff;border-radius:24px;padding:40px;box-shadow:0 24px 60px #2563eb1f}.shipment-confirmed-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.shipment-confirmed-card h1{margin:18px 0 10px;color:#102a56;font-size:36px;line-height:1.15}.shipment-confirmed-subtitle{margin:0;color:#4b5f83;font-size:16px;line-height:1.6}.shipment-confirmed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.shipment-confirmed-panel,.shipment-confirmed-fallback{border:1px solid #dce6fb;border-radius:18px;padding:22px;background:linear-gradient(180deg,#fcfdff,#f5f8ff)}.shipment-confirmed-panel h2{margin:0 0 14px;color:#1d3b73;font-size:18px}.shipment-confirmed-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e6ecfa;color:#58709a;font-size:14px}.shipment-confirmed-row:last-child{border-bottom:none;padding-bottom:0}.shipment-confirmed-row strong{color:#102a56;text-align:right}.shipment-confirmed-link{color:#1d4ed8;text-decoration:none}.shipment-confirmed-link:hover{text-decoration:underline}.shipment-confirmed-fallback{margin-top:28px}.shipment-confirmed-fallback p{margin:0;color:#4b5f83;line-height:1.6}.shipment-confirmed-notices{display:flex;flex-direction:column;gap:14px;margin-top:24px}.shipment-confirmed-notice{border-radius:16px;padding:18px 20px;border:1px solid transparent}.shipment-confirmed-notice p{margin:0;font-size:14px;font-weight:700;line-height:1.6}.shipment-confirmed-notice-warning{background:#fff59d;border-color:#facc15}.shipment-confirmed-notice-success{background:#86efac;border-color:#4ade80}.shipment-confirmed-notice-red-text p{color:#b91c1c}.shipment-confirmed-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.shipment-confirmed-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.shipment-confirmed-btn:hover{transform:translateY(-1px)}.shipment-confirmed-btn-primary{background:#1d4ed8;color:#fff;box-shadow:0 10px 24px #1d4ed838}.shipment-confirmed-btn-secondary{background:#eff6ff;color:#1d4ed8}.shipment-confirmed-btn-tertiary{background:#f8fafc;color:#334155}@media(max-width:768px){.shipment-confirmed-page{padding:16px;align-items:flex-start}.shipment-confirmed-card{padding:24px;border-radius:18px}.shipment-confirmed-card h1{font-size:28px}.shipment-confirmed-grid{grid-template-columns:1fr}.shipment-confirmed-row{flex-direction:column;gap:6px}.shipment-confirmed-row strong{text-align:left}.shipment-confirmed-actions{flex-direction:column}.shipment-confirmed-btn{width:100%}}