@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";: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)}}.Toastify__toast{font-family:Roboto,sans-serif;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:16px;font-weight:500}.Toastify__toast--error{background:#fff;color:#e74c3c;border-left:5px solid #e74c3c}.Toastify__toast--success{background:#fff;color:#2ecc71;border-left:5px solid #2ecc71}.Toastify__progress-bar{height:3px}.Toastify__toast-icon{font-size:20px;margin-right:12px}.Toastify__close-button{opacity:.7;padding:4px}.Toastify__close-button:hover{opacity:1}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--primary-color: #142658;--primary-hover: #0f1d45;--accent-color: #FF7F00;--accent-hover: #e56f00;--bg-color: #f4f7fb;--container-bg: #ffffff;--input-bg: #f8fafc;--input-focus-bg: #ffffff;--input-border: #e2e8f0;--input-focus-border: #142658;--input-error-border: #ef4444;--text-color: #1e293b;--text-muted: #64748b;--text-placeholder: #94a3b8;--error-color: #ef4444;--error-bg: #fef2f2;--success-color: #10b981;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--easing: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes glow-line{0%{box-shadow:0 3px 10px #ff7f0099;width:120px}50%{box-shadow:0 3px 20px #ff7f00e6;width:180px}to{box-shadow:0 3px 10px #ff7f0099;width:120px}}@keyframes pulse-shadow{0%,to{box-shadow:0 0 #ff7f0066}50%{box-shadow:0 0 0 8px #ff7f0000}}.login-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#142658,#0a1331);padding:1rem;position:relative;overflow:hidden;animation:fadeIn .8s ease-out}.login-container{width:min(450px,90%);padding:2.5rem;background:#142658cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 15px 35px #0000004d;position:relative;overflow:hidden;animation:slideUp .5s ease-out;border:1px solid rgba(255,255,255,.2)}.login-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent 60%,#FF7F00);border-radius:16px;z-index:-1;animation:rotate 6s linear infinite}.logo-helpnet{max-width:180px;height:auto;display:block;margin:0 auto 1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.logo-helpnet:hover{transform:scale(1.02)}.login-title{font-size:2.8rem;font-weight:800;color:#ff7f00;margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.25);transform-style:preserve-3d;perspective:500px}.login-title:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:4px;background:linear-gradient(to right,#ff7f00,#ffa64d);border-radius:4px;opacity:.8;box-shadow:0 2px 5px #ff7f0080}.login-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(to right,#ff7f00,#ffa64d);border-radius:4px;box-shadow:0 3px 10px #ff7f0099;animation:glow-line 2s infinite alternate}.login-title:hover{text-shadow:0 0 10px rgba(255,127,0,.5),0 0 20px rgba(255,127,0,.3);animation:title-pulse 2s ease infinite}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.login-form{display:flex;flex-direction:column;gap:1.25rem;animation:slideUp .5s ease-out .2s both}.input-group{position:relative}.input-group input{width:100%;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;color:#fff;transition:all .2s ease;outline:none}.input-group input::placeholder{color:#fff9}.input-group input:focus{border-color:#ff7f00;box-shadow:0 0 0 3px #ff7f0040;background:#ffffff26}.input-group input.input-error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef444433}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444426;border-left:4px solid var(--error-color);border-radius:4px;color:#fff;font-size:.95rem;margin-bottom:1.25rem;animation:slideUp .3s ease-out}.error-icon{color:var(--error-color);flex-shrink:0}.error-close{margin-left:auto;background:none;border:none;color:#ffffffb3;font-size:1.25rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.error-close:hover{color:#fff}.login-button{padding:.875rem;background:#ff7f00;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.login-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.login-button:active{transform:translateY(0);box-shadow:0 3px 6px #0000001a}.login-button:disabled{background:#ff7f0080;cursor:not-allowed;transform:none}.login-button.has-animation:not(:disabled):hover{animation:pulse-shadow 1.5s infinite}.forgot-password{font-size:.95rem;color:#fffc;text-align:center;margin-top:1.5rem;text-decoration:none;transition:color .2s ease;display:inline-block}.forgot-password:hover{color:#ff7f00;text-decoration:underline}.login-footer{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:1rem;font-size:.9rem;color:#fff9}.login-version{font-weight:500}.password-input-wrapper{position:relative;width:100%}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;display:flex;align-items:center}.toggle-password:hover{color:#fff}.spinner{animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width: 480px){.login-container{padding:1.5rem;width:95%}.login-title{font-size:2.2rem}.login-form{gap:1rem}}.fade-in{opacity:0;transform:translateY(20px);animation:slideUp .5s forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.validation-error{color:#fcc;font-size:.85rem;margin-top:.25rem;display:block}.hs-notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);background:var(--color-white, #ffffff);border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hs-notification-header{padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;justify-content:space-between;align-items:center;background:var(--color-background, #f9fafb)}.hs-notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary, #111827)}.hs-notification-actions{display:flex;gap:8px}.hs-notification-action-btn{padding:6px 12px;font-size:12px;background:transparent;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s}.hs-notification-action-btn:hover:not(:disabled){background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.hs-notification-action-btn:disabled{opacity:.5;cursor:not-allowed}.hs-notification-list{max-height:400px;overflow-y:auto;padding:0;margin:0;list-style:none}.hs-notification-list::-webkit-scrollbar{width:6px}.hs-notification-list::-webkit-scrollbar-track{background:transparent}.hs-notification-list::-webkit-scrollbar-thumb{background:var(--color-border, #e5e7eb);border-radius:3px}.hs-notification-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #6b7280)}.hs-notification-item{padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);cursor:pointer;transition:background .2s;display:flex;gap:12px;align-items:flex-start;text-decoration:none}.hs-notification-item *{text-decoration:none!important}.hs-notification-item:hover{background:var(--color-background, #f9fafb)}.hs-notification-item:last-child{border-bottom:none}.hs-notification-item.unread{background:#f0f9ff}.hs-notification-item.unread:hover{background:#e0f2fe}.hs-notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.hs-notification-icon.general{background:#dbeafe;color:#3b82f6}.hs-notification-icon.stock_critique{background:#fee2e2;color:#ef4444}.hs-notification-icon.stock_faible{background:#fef3c7;color:#f59e0b}.hs-notification-icon.entree_stock{background:#dcfce7;color:#22c55e}.hs-notification-icon.sortie_stock{background:#e0e7ff;color:#6366f1}.hs-notification-content{flex:1;min-width:0}.hs-notification-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text-primary, #111827);display:flex;align-items:center;gap:8px;text-decoration:none!important;line-height:1.4;word-break:break-word}.hs-notification-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0}.hs-notification-message{margin:0 0 8px;font-size:13px;color:var(--color-text-secondary, #6b7280);line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;text-decoration:none!important}.hs-notification-time{font-size:11px;color:var(--color-text-tertiary, #9ca3af);display:flex;align-items:center;gap:4px}.hs-notification-time svg{font-size:10px}.hs-notification-empty{padding:48px 20px;text-align:center;color:var(--color-text-secondary, #6b7280)}.hs-notification-empty-icon{font-size:48px;color:var(--color-border, #e5e7eb);margin-bottom:16px}.hs-notification-empty-text{font-size:14px;margin:0}.hs-notification-loading{padding:32px 20px;text-align:center;color:var(--color-text-secondary, #6b7280)}.hs-notification-loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--color-border, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.hs-notification-error{padding:32px 20px;text-align:center;color:#ef4444}.hs-notification-footer{padding:12px 20px;border-top:1px solid var(--color-border, #e5e7eb);text-align:center;background:var(--color-background, #f9fafb)}.hs-notification-view-all{font-size:13px;color:var(--color-primary, #3b82f6);text-decoration:none;font-weight:500;transition:color .2s}.hs-notification-view-all:hover{color:var(--color-primary-dark, #2563eb);text-decoration:underline}@media (max-width: 768px){.hs-notification-dropdown{width:320px;top:calc(100% + 4px)}.hs-notification-list{max-height:300px}.hs-notification-item,.hs-notification-header{padding:12px 16px}}.hs-hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:22px;height:22px;gap:3px}.hs-hamburger-icon span{display:block;width:22px;height:3px;background:#fff;border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1)}.hs-header{--header-height: clamp(64px, 9vw, 150px);--header-bg: linear-gradient(90deg, #1a3a8f 0%, #142658 100%);--header-bg-solid: #142658;--header-border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: rgba(255, 255, 255, .8);--danger-color: #ef4444;--info-color: #3b82f6}.hs-header{position:sticky;top:0;height:var(--header-height);background:var(--header-bg);color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;padding-block:0;padding-inline:calc(var(--pad-x) * 2);z-index:100;margin-left:0;width:100%;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hs-app-container.hs-sidebar-collapsed .hs-header{margin-left:calc(-1 * var(--sidebar-width-collapsed));width:calc(100% + var(--sidebar-width-collapsed));padding-left:calc(var(--sidebar-width-collapsed) + var(--pad-x))}.hs-header .hs-header-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:2}.hs-header-left{display:flex;align-items:center;gap:.9rem;min-width:0}.hs-header-actions{display:flex;align-items:center;gap:var(--actions-gap);margin-left:auto;line-height:0}.hs-header-logo{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;height:clamp(260px,52vw,360px);margin:1rem 0}.hs-header-logo img{display:block;height:clamp(400px,46vw,320px);width:auto;object-fit:contain;filter:brightness(1.05) drop-shadow(0 4px 12px rgba(255,127,0,.25));transition:transform .2s ease,filter .2s ease}.hs-header-logo:hover img{transform:translateY(-1px) scale(1.04) rotate(-1deg);filter:brightness(1.12) drop-shadow(0 6px 18px rgba(255,127,0,.35))}.hs-header-logo .hs-logo-fallback{font-weight:800;letter-spacing:-.02em;font-size:clamp(18px,4.2vw,28px);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(255,127,0,.3)}.hs-header .hs-header-actions .hs-btn,.hs-header .hs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--btn-size);height:var(--btn-size);border-radius:12px;background:#ff7f00!important;border:none;color:#fff;box-shadow:0 4px 12px #ff7f0066;cursor:pointer;line-height:0;box-sizing:border-box;isolation:isolate;transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.hs-btn svg{width:var(--icon-size);height:var(--icon-size);transition:transform var(--transition-fast);z-index:1}.hs-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition);z-index:0}.hs-header .hs-header-actions .hs-btn:hover,.hs-header .hs-btn:hover{transform:translateY(-1px);background:#f93!important;box-shadow:0 10px 22px #ff7f0066}.hs-header .hs-btn:hover:before{opacity:0}.hs-header .hs-btn:hover svg{transform:scale(1.08)}.hs-header .hs-header-actions .hs-btn:active,.hs-header .hs-btn:active{transform:translateY(0);background:#e67300!important}.hs-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.hs-header .hs-btn.hs-profile-btn:before,.hs-header .hs-btn.hs-notification-btn:before{background:linear-gradient(135deg,#ff7f00,#ffae5c)}.hs-header .hs-btn.hs-profile-btn:hover,.hs-header .hs-btn.hs-notification-btn:hover{background:#f93!important;color:#fff;box-shadow:0 10px 22px #ff7f0066}.hs-user-info{display:none;align-items:center;gap:.75rem;padding:.45rem .8rem;background:var(--hover-bg);border:1px solid var(--glass-border);border-radius:12px;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.hs-user-info:hover{background:var(--active-bg);border-color:var(--primary-color);box-shadow:0 6px 16px #ff7f002e}.hs-user-name{font-weight:600;color:var(--text-primary);font-size:.92rem;line-height:1.2}.hs-user-role{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;opacity:.9}.hs-notification-badge{position:absolute;top:calc(var(--btn-size) * -.1);right:calc(var(--btn-size) * -.1);min-width:clamp(16px,calc(var(--btn-size) * .45),20px);height:clamp(16px,calc(var(--btn-size) * .45),20px);padding:0 clamp(4px,calc(var(--btn-size) * .14),6px);border-radius:999px;font-size:clamp(9px,calc(var(--btn-size) * .28),11px);font-weight:700;color:#fff;background:var(--danger-color);border:2px solid var(--header-bg-solid);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444480;animation:badgePulse 2s ease-in-out infinite;z-index:2}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.notification-pulse{position:absolute;inset:-2px;border-radius:inherit;opacity:0;pointer-events:none}.hs-notification-btn.hs-has-notifications .notification-pulse{animation:notificationPulse 2s ease-out infinite}@keyframes notificationPulse{0%{box-shadow:0 0 #ff7f00b3;opacity:1}70%{box-shadow:0 0 0 10px #ff7f0000;opacity:0}to{box-shadow:0 0 #ff7f0000;opacity:0}}.hs-header.hs-scrolled{height:clamp(56px,7vw,80px);background:var(--header-bg-solid);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 28px #00000073,inset 0 1px #ffffff14}.hs-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff7f00,#ffae5c,#ff7f00);transform:scaleX(0);transform-origin:center;transition:transform .6s ease-out}.hs-header:hover:after{transform:scaleX(.4)}.hs-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 4s linear infinite}@keyframes shimmer{to{left:100%}}.hs-header:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:15px 15px;background-position:0 0;opacity:.2;pointer-events:none;z-index:1}@media (min-width: 1200px){.hs-header{--pad-x: 2rem;--btn-size: 44px;--icon-size: 20px;--actions-gap: .6rem}}@media (min-width: 992px){.hs-header{--pad-x: 1.5rem;--btn-size: 42px;--icon-size: 18px;--actions-gap: .6rem}.hs-user-info{display:flex}}@media (max-width: 991.98px){.hs-header{--pad-x: 1rem;--btn-size: 40px;--icon-size: 18px;--actions-gap: .55rem}.hs-user-info{display:none}.hs-header-left{gap:.75rem}.hs-header-logo img{height:180px}.hs-hamburger-btn{display:inline-flex;order:-1}}@media (max-width: 767.98px){.hs-header{height:60px;--pad-x: 1rem;--btn-size: 40px;--icon-size: 20px;--actions-gap: .5rem;margin-left:0!important;width:100%!important;padding-inline:1rem}.hs-header-left{gap:.65rem}.hs-header-logo{height:36px}.hs-header-logo img{height:160px}.hs-header-title{display:none}.hs-header-actions .hs-notification-btn{display:inline-flex}}@media (max-width: 480px){.hs-header{--pad-x: .75rem;--btn-size: 38px;--icon-size: 28px;height:56px;padding-inline:.75rem}.hs-header-inner{gap:.6rem}.hs-header-left{gap:.5rem}.hs-header-logo{height:32px}.hs-header-logo img{height:130px}.hs-btn{border-radius:10px}}@media (prefers-color-scheme: light){.hs-header{--header-bg: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.95) 100%);--header-bg-solid:#fff;--header-border: rgba(0,0,0,.06);--header-shadow: 0 4px 18px rgba(0,0,0,.12);--text-primary:#0f172a;--text-secondary:#475569;--hover-bg: rgba(0,0,0,.04);--active-bg: rgba(0,0,0,.06);--glass-bg: rgba(255,255,255,.78);--glass-border: rgba(0,0,0,.1)}}.header-btn:focus-visible,.hamburger-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px #ff7f0038}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media print{.hs-header{display:none!important}}.hs-sidebar{--sidebar-bg: linear-gradient(180deg, #1a3a8f 0%, #142658 100%);--sidebar-bg-solid: #142658;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: rgba(255, 255, 255, .8);--sidebar-logo-height: 150px;--sidebar-surface-hover: rgba(255, 255, 255, .15);--sidebar-surface-active: rgba(255, 255, 255, .2);--glass-blur: 10px;--glass-saturation: 150%;--shadow-xl: 4px 0 24px rgba(0, 0, 0, .4)}.hs-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));display:flex;flex-direction:column;z-index:var(--z-sidebar);box-shadow:var(--shadow-xl),inset -1px 0 #ffffff1a;transition:width var(--t-base),transform var(--t-base);overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.hs-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top left,rgba(255,127,0,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.hs-sidebar:after{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.01) 25%,rgba(255,255,255,.01) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.01) 75%,rgba(255,255,255,.01) 76%,transparent 77%,transparent);background-size:50px 50px;opacity:.3;pointer-events:none;z-index:0}.hs-sidebar-collapse-btn{position:absolute;top:20px;right:-16px;width:32px;height:32px;background:#ff7f00;border:2px solid rgb(201,163,120);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:calc(var(--z-sidebar) + 1);box-shadow:0 0 10px #0000004d}.hs-sidebar-collapse-btn:hover{background:#f93;transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 15px #ff7f0099;animation:pulse 1.5s infinite}.hs-sidebar-collapse-btn svg{width:16px;height:16px;transition:transform var(--transition-base)}@keyframes pulse{0%{box-shadow:0 0 #ff7f00b3}70%{box-shadow:0 0 0 10px #ff7f0000}to{box-shadow:0 0 #ff7f0000}}.hs-sidebar.hs-collapsed .hs-nav-label,.hs-sidebar.hs-collapsed .hs-nav-group-title{display:none;opacity:0;width:0;margin:0}.hs-sidebar.hs-collapsed .hs-nav-item{padding:.75rem;width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed);justify-content:center}.hs-sidebar.hs-collapsed .hs-nav-group{width:100%}.hs-sidebar.hs-collapsed .hs-nav-icon{margin:0}.hs-sidebar.hs-collapsed .hs-nav-separator{margin:.75rem auto;width:calc(var(--sidebar-width-collapsed) - 2rem)}.hs-sidebar.hs-collapsed .hs-sidebar-collapse-btn svg{transform:rotate(180deg)}.hs-sidebar.hs-collapsed .hs-nav-item{position:relative}.hs-sidebar.hs-collapsed .hs-nav-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--sidebar-bg);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip);pointer-events:none}.hs-sidebar.hs-collapsed .hs-nav-item:hover:after{opacity:1;visibility:visible}@media (prefers-reduced-motion: reduce){.hs-sidebar,.hs-sidebar-collapse-btn,.hs-nav-item,.hs-nav-item:after{transition:none!important}}.hs-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.hs-user-info-mobile{display:flex;align-items:center;gap:.75rem;flex:1;margin-left:.5rem}.hs-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#ff9933);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;box-shadow:0 2px 8px #ff7f004d;border:2px solid rgba(255,255,255,.2)}.hs-user-name{color:var(--text-primary);font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.hs-nav{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:1rem}.hs-nav-group{display:flex;flex-direction:column;width:100%;transition:width var(--transition-base)}.hs-nav-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;color:var(--text-primary);border-radius:var(--border-radius);transition:all var(--transition-base);cursor:pointer;gap:.75rem}.hs-nav-icon{display:flex;align-items:center;justify-content:center;min-width:1.5rem;transition:margin var(--transition-base)}.hs-nav-label{white-space:nowrap;opacity:1;color:#fff;transition:opacity var(--transition-base),width var(--transition-base)}.hs-nav-separator{width:100%;height:1px;background:var(--border-color);margin:1.25rem 0;transition:all var(--transition-base)}.hs-sidebar-nav{flex:1;display:flex;flex-direction:column;padding:1rem .5rem;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;gap:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,127,0,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary-color),var(--primary-glow));border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary-gradient)}.hs-icon-orange{color:#ff7f00}.hs-icon-blue{color:#3b82f6}.hs-icon-green{color:#22c55e}.hs-icon-purple{color:#a855f7}.hs-icon-indigo{color:#6366f1}.hs-icon-red{color:#ef4444}.hs-icon-yellow{color:#eab308}.hs-icon-cyan{color:#06b6d4}.hs-icon-teal{color:#14b8a6}.hs-nav-item:hover .hs-icon-orange{filter:drop-shadow(0 0 8px rgba(255,127,0,.5))}.hs-nav-item:hover .hs-icon-blue{filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.hs-nav-item:hover .hs-icon-green{filter:drop-shadow(0 0 8px rgba(34,197,94,.5))}.hs-nav-item:hover .hs-icon-purple{filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}.hs-nav-item:hover .hs-icon-indigo{filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.hs-nav-item:hover .hs-icon-red{filter:drop-shadow(0 0 8px rgba(239,68,68,.5))}.hs-nav-item:hover .hs-icon-yellow{filter:drop-shadow(0 0 8px rgba(234,179,8,.5))}.hs-nav-item:hover .hs-icon-cyan{filter:drop-shadow(0 0 8px rgba(6,182,212,.5))}.hs-nav-item:hover .hs-icon-teal{filter:drop-shadow(0 0 8px rgba(20,184,166,.5))}.hs-nav-item.hs-active .hs-icon-orange~.hs-nav-label{color:#ff7f00}.hs-nav-item.hs-active .hs-icon-blue~.hs-nav-label{color:#3b82f6}.hs-nav-item.hs-active .hs-icon-green~.hs-nav-label{color:#22c55e}.hs-nav-item.hs-active .hs-icon-purple~.hs-nav-label{color:#a855f7}.hs-nav-item.hs-active .hs-icon-indigo~.hs-nav-label{color:#6366f1}.hs-nav-item.hs-active .hs-icon-red~.hs-nav-label{color:#ef4444}.hs-nav-item.hs-active .hs-icon-yellow~.hs-nav-label{color:#eab308}.hs-nav-item.hs-active .hs-icon-cyan~.hs-nav-label{color:#06b6d4}.hs-nav-item.hs-active .hs-icon-teal~.hs-nav-label{color:#14b8a6}.hs-nav-item{position:relative;display:flex;align-items:center;gap:.875rem;padding:1rem 1.2rem;margin:.2rem .6rem;color:#fff;text-decoration:none;border-radius:10px;font-size:.95rem;font-weight:500;letter-spacing:.01em;transition:all var(--transition-fast);cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:3px solid transparent}.hs-nav-item:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transform:translate(-100%);transition:all var(--transition-base)}.hs-nav-item:hover{color:#fff;background:var(--sidebar-surface-hover);transform:translate(4px);border-left:3px solid #ff7f00;box-shadow:0 4px 15px #ffffff26,inset 0 1px #ffffff1f}.hs-nav-item:hover:before{opacity:.1;transform:translate(0)}.hs-nav-item.hs-active{color:#fff;background:var(--sidebar-surface-active);border-left:3px solid #ff7f00;box-shadow:0 4px 15px #ff7f004d,inset 0 1px #ffffff0d}.hs-nav-item.hs-active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--primary-gradient);border-radius:0 2px 2px 0;box-shadow:0 0 12px var(--primary-glow);animation:glow-active 2s ease-in-out infinite}@keyframes glow-active{0%,to{box-shadow:0 0 12px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-color)}}.hs-nav-icon{width:20px;height:20px;flex-shrink:0;transition:all var(--transition-fast)}.hs-nav-item:hover .hs-nav-icon{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(255,127,0,.3))}.hs-nav-item.hs-active .hs-nav-icon{color:var(--primary-color)}.hs-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast)}.hs-nav-group-title{padding:1.25rem 1rem .5rem;margin-top:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;background:linear-gradient(90deg,#fffffff2,#fff9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.6;position:relative}.nav-group-title:after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:1px;background:linear-gradient(90deg,var(--border-color) 0%,transparent 100%)}.hs-nav-separator{position:relative;height:1px;margin:1rem;overflow:hidden}.hs-nav-separator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:slide-separator 3s ease-in-out infinite;opacity:.3}@keyframes slide-separator{0%{left:-100%}50%{left:100%}to{left:100%}}.hs-logout-btn{margin:auto .5rem 1rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);color:#ef4444!important}.hs-logout-btn:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444;box-shadow:0 4px 16px #ef44444d,inset 0 1px #ffffff0d;transform:translateY(-2px)}.logout-btn:hover .nav-icon{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hs-sidebar-close{display:flex;position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;background:#ff7f001a;border:2px solid var(--primary-color);border-radius:12px;color:var(--primary-color);font-size:22px;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center;justify-content:center;box-shadow:0 2px 8px #ff7f0033}.hs-sidebar-close:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 6px 16px #ff7f0066}.hs-sidebar-close:active{transform:scale(.95)}@media (max-width: 768px){.hs-sidebar{transform:translate(-100%);width:85vw;max-width:320px}.hs-sidebar.hs-open{transform:translate(0);box-shadow:4px 0 40px #00000080,inset -1px 0 0 var(--border-color)}.sidebar-logo{padding-right:3.5rem}}@media (max-width: 480px){.hs-sidebar{width:90vw;max-width:280px}.sidebar-logo{min-height:80px;padding:1rem}.sidebar-logo img{max-height:50px}.nav-item{padding:.625rem .875rem;font-size:.875rem}}.hs-sidebar.hs-collapsed{width:var(--sidebar-width-collapsed)}.hs-sidebar.hs-collapsed .sidebar-logo{padding:1rem;min-height:70px}.hs-sidebar.hs-collapsed .sidebar-logo img{max-height:35px}.hs-sidebar.hs-collapsed .sidebar-logo h2{font-size:1rem}.hs-sidebar.hs-collapsed .nav-group-title,.hs-sidebar.hs-collapsed .nav-label{display:none}.hs-sidebar.hs-collapsed .nav-item{justify-content:center;padding:.875rem}.hs-sidebar.hs-collapsed .nav-item{position:relative}.hs-sidebar.hs-collapsed .nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem;padding:.5rem .75rem;background:var(--sidebar-bg-solid);color:var(--text-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:.875rem;white-space:nowrap;box-shadow:var(--shadow-xl);z-index:1000;pointer-events:none}@media (prefers-color-scheme: light){.sidebar{--sidebar-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--sidebar-bg-solid: #ffffff;--sidebar-surface: #f8fafc;--sidebar-surface-hover: rgba(255, 127, 0, .05);--sidebar-surface-active: rgba(255, 127, 0, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: rgba(0, 0, 0, .06);--shadow-xl: 2px 0 16px rgba(0, 0, 0, .1)}.sidebar:before,.sidebar:after{opacity:.1}.sidebar-logo img{filter:brightness(.9) drop-shadow(0 4px 12px rgba(255,127,0,.2))}}.nav-item:focus-visible,.logout-btn:focus-visible,.hs-sidebar-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px #ff7f0033}.hs-sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);animation:fadeIn .2s ease}.hs-sidebar-overlay.hs-active{display:block}.sidebar-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;margin:.5rem;background:var(--sidebar-surface);border-radius:var(--border-radius);border:1px solid var(--border-color)}.user-avatar{width:40px;height:40px;border-radius:10px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.875rem;flex-shrink:0}.user-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize;opacity:.8}.sidebar-toggle-btn{position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--sidebar-surface);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.sidebar-toggle-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}@keyframes logging-out{0%{transform:translate(0)}50%{transform:translate(10px);opacity:.5}to{transform:translate(0);opacity:1}}.logout-btn.logging-out{animation:logging-out .3s ease}.icon-orange{color:#ff7f00}.icon-blue{color:#3b82f6}.icon-red{color:#ef4444}.icon-green{color:#10b981}.icon-purple{color:#8b5cf6}.icon-yellow{color:#f59e0b}.icon-cyan{color:#06b6d4}.icon-indigo{color:#6366f1}.nav-item:hover .nav-icon{filter:brightness(1.2)}@media print{.hs-sidebar{display:none!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:var(--bg-900);color:var(--text-100);font:14px/1.6 Inter,system-ui,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(40rem 40rem at 20% 30%,rgba(255,127,0,.06),transparent 60%),radial-gradient(30rem 30rem at 80% 70%,rgba(99,102,241,.05),transparent 60%)}.hs-app-container{position:relative;display:flex;min-height:100vh;background:var(--bg-900);width:100%;overflow-x:hidden;isolation:isolate}.hs-main-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:margin-left var(--t-base),width var(--t-base);z-index:1;padding:0;background:#fff}.hs-app-container.hs-sidebar-collapsed .hs-main-wrapper{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}.hs-main-content{flex:1;width:100%;background:#fff;min-height:calc(100vh - var(--header-height));box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0;margin:0;animation:fadeIn .25s ease;box-shadow:none;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hs-dashboard-page{padding:0;box-sizing:border-box;width:100%}.hs-content-wrapper{width:100%;max-width:100%;margin:0}.hs-main-content::-webkit-scrollbar{width:10px}.hs-main-content::-webkit-scrollbar-track{background:var(--surface-2);border-radius:6px}.hs-main-content::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary-600),var(--primary));border:2px solid var(--surface-2);border-radius:6px}.hs-card{background:linear-gradient(180deg,#ffffff05,#ffffff03),var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hs-card__head{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hs-card__title{font-size:1rem;font-weight:700;color:var(--text-100);display:flex;align-items:center;gap:.5rem}.hs-card__body{padding:1.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-3);margin-bottom:var(--gap-4)}.kpi{display:flex;gap:1rem;padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,127,0,.06),transparent),var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.kpi__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-700));color:#0f172a;font-size:18px;box-shadow:0 8px 26px #ff7f0040}.kpi__label{color:var(--text-500);font-weight:600}.kpi__value{font-size:1.4rem;font-weight:800;color:var(--text-100)}.kpi__hint{font-size:.85rem;color:var(--text-300)}.graph-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-3)}.hs-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .9rem;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface-3));color:var(--text-100);transition:all var(--t-fast);cursor:pointer}.hs-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000059,0 0 0 3px #ff7f001f}.hs-btn:disabled{opacity:.6;cursor:not-allowed}.hs-skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:var(--primary);color:#fff;z-index:1001;transition:top .2s}.hs-skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #ff7f002e}@media (prefers-reduced-motion: reduce){.hs-main-wrapper{transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width: 1200px){.hs-dashboard-page{padding:2rem 2.5rem}}@media (min-width: 992px) and (max-width: 1199px){.hs-dashboard-page{padding:1.5rem 2rem}}@media (min-width: 769px) and (max-width: 991px){.hs-dashboard-page{padding:1.25rem 1.5rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hs-main-wrapper{margin-left:0;width:100%}.hs-main-content{margin-top:var(--header-height-mobile, var(--header-height));padding:var(--gap-3)}.hs-dashboard-page{padding:1rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.kpi-grid{grid-template-columns:1fr}.hs-main-content{padding:var(--gap-2)}}@media (prefers-color-scheme: light){:root{--bg-900: #f8fafc;--bg-800: #ffffff;--bg-700: #f1f5f9;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #f8fafc;--text-100: #0f172a;--text-300: #475569;--text-500: #64748b;--border: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16)}body:before{background-image:radial-gradient(40rem 40rem at 20% 30%,rgba(255,127,0,.05),transparent 60%),radial-gradient(30rem 30rem at 80% 70%,rgba(59,130,246,.05),transparent 60%)}}@media print{.hs-main-wrapper{margin:0}.hs-main-content{padding:0}}:root{--pf-bg: #f8f9fc;--pf-card: #ffffff;--pf-border: #e6e8ef;--pf-border-strong:#d8dbe5;--pf-text: #0f172a;--pf-muted: #64748b;--pf-title: #142658;--pf-primary: #FF7F00;--pf-primary-weak:#fff4e8;--pf-success: #10b981;--pf-warning: #f59e0b;--pf-shadow: 0 10px 30px rgba(15, 23, 42, .08);--pf-radius: 16px;--pf-radius-sm: 12px;--pf-ring: 0 0 0 3px rgba(255, 127, 0, .25);--pf-control-h: 46px}.profile-page{padding:2rem;max-width:1200px;margin:0 auto;background-color:var(--pf-bg);min-height:100vh;font-family:Poppins,sans-serif}.profile-title{margin:0 0 20px;font-size:28px;font-weight:700;letter-spacing:.5px;color:var(--pf-title);position:relative;display:inline-block;padding-bottom:12px}.profile-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--pf-primary);border-radius:2px}.profile-muted{color:var(--pf-muted)}.profile-loader{display:grid;place-items:center;min-height:40vh;color:var(--pf-muted);font-weight:600}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-span-2{grid-column:1 / -1}.profile-card{background:var(--pf-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s ease}.profile-card:hover:before{opacity:1}.profile-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 0 1px #ffffff80}.profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px dashed var(--pf-border)}.profile-card-head h2{margin:0;font-size:20px;font-weight:600;letter-spacing:.5px;color:var(--pf-title);font-family:Poppins,sans-serif;display:flex;align-items:center;gap:10px}.profile-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;gap:.5rem;position:relative;overflow:hidden;letter-spacing:.025em;text-transform:uppercase}.profile-btn:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,#ffffffb3,#fff0 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.profile-btn:hover:before{transform:translate(-50%,-50%) scale(1)}.profile-btn:active:before{transition:0s;opacity:0}.profile-btn:disabled{opacity:.7;cursor:not-allowed}.profile-btn-primary{background:linear-gradient(135deg,var(--pf-primary),#FFA640);color:#fff;box-shadow:0 4px 12px #ff7f0033;border:none}.profile-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8c1a,#ffb366);transform:translateY(-2px);box-shadow:0 6px 16px #ff7f004d}.profile-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.profile-btn-light{background-color:var(--background);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.profile-btn-light:hover:not(:disabled){background-color:var(--background);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.profile-btn-light:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.profile-btn-ghost{background-color:transparent;color:var(--text-secondary)}.profile-btn-ghost:hover:not(:disabled){background-color:var(--background);color:var(--primary)}.profile-btn-xs{height:34px;padding:0 10px;border-radius:10px;font-size:13px}.profile-editable-field{display:grid;gap:8px;padding:10px 0}.profile-field-head{display:flex;align-items:center;justify-content:space-between}.profile-field-label{font-size:13px;color:var(--pf-muted)}.profile-field-actions{display:flex;align-items:center;gap:8px}.profile-saved{font-size:12px;color:var(--pf-success);background:#e8f8ee;padding:3px 8px;border-radius:999px;border:1px solid #cdeedd}.profile-edit-row{display:grid;grid-template-columns:1fr auto;gap:10px}.profile-edit-actions{display:inline-flex;align-items:center;gap:8px}.profile-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:1rem;font-size:.9375rem;color:var(--text-primary);background-color:var(--background-card);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.profile-input::placeholder{color:var(--text-secondary);opacity:.7;transition:opacity .3s ease}.profile-input:focus::placeholder{opacity:.5}.profile-field-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:block;transition:color .3s ease}.profile-input:hover{border-color:var(--primary-light)}.profile-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.profile-input:disabled{background-color:var(--background-light);cursor:not-allowed;opacity:.7}.profile-display{min-height:var(--pf-control-h);display:grid;align-items:center;padding:0 16px;background:#f8f9fc;border:1px solid var(--pf-border);border-radius:var(--pf-radius-sm);transition:all .2s ease}.profile-display:hover{border-color:var(--pf-primary);background:#fafbfd;box-shadow:0 2px 4px #0000000d}.profile-display-text{color:var(--pf-text);font-weight:500;letter-spacing:.3px}.profile-fixed-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.profile-fixed-label{font-size:13px;color:var(--pf-muted)}.profile-role-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 2px 8px #00000014}.profile-role-badge.role-technicien{background:linear-gradient(135deg,#142658,#1e3a8a);border:none;color:#fff}.profile-role-badge.role-responsable{background:linear-gradient(135deg,#ff7f00,#ffa640);border:none;color:#fff}.profile-pwd-input{position:relative;margin:8px 0}.profile-pwd-input .profile-input{width:100%;padding-right:44px}.profile-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;width:34px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--pf-border);background:#f8fafc;color:#1f2a44;cursor:pointer}.profile-eye:hover{background:#eff4ff}.profile-eye:focus{outline:none;box-shadow:var(--pf-ring)}.profile-last-update{color:var(--pf-muted);font-size:13px;margin:10px 0 0}.profile-vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:20px;animation:fadeIn .5s ease}.profile-vehicle-field label{display:block;font-size:14px;font-weight:600;color:var(--pf-title);margin-bottom:6px;letter-spacing:.3px}.profile-info-message{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;border-radius:var(--pf-radius-sm);background-color:#eff6ff;border:1px solid #BFDBFE;color:#1e40af}@media (max-width: 1000px){.profile-grid{grid-template-columns:1fr}.profile-span-2{grid-column:1 / -1}.profile-edit-row{grid-template-columns:1fr}.profile-vehicle-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.profile-vehicle-grid{grid-template-columns:1fr}.profile-btn{width:100%}}.profile-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.profile-vehicle-grid{grid-template-columns:1fr}}.profile-vehicle-field{display:flex;flex-direction:column;gap:.5rem}.profile-vehicle-field label{font-size:.875rem;font-weight:500;color:var(--pf-muted)}.profile-display{padding:.75rem 1rem;background-color:var(--pf-bg);border-radius:var(--pf-radius-sm);border:1px solid var(--pf-border);font-weight:500;color:var(--pf-text);min-height:3rem;display:flex;align-items:center}.profile-info-message{margin-top:1.5rem;padding:1rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--pf-radius-sm);display:flex;align-items:center;gap:1rem;color:#0369a1}.profile-info-message svg{flex-shrink:0}.profile-info-message p{margin:0;font-size:.9rem}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--primary: #ff7f00;--primary-hover: #ea580c;--primary-light: rgba(255, 127, 0, .1);--bg: #ffffff;--surface: #ffffff;--surface-elevated: #fafafa;--border: #e5e7eb;--border-light: #f3f4f6;--text: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-subtle: #9ca3af;--success: #059669;--success-light: #d1fae5;--danger: #dc2626;--danger-light: #fee2e2;--warning: #d97706;--warning-light: #fef3c7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;color-scheme:light only}@media (prefers-color-scheme: dark){:root{--bg: #ffffff !important;--surface: #ffffff !important;--text: #111827 !important;--text-secondary: #374151 !important}.user-list-page{background:#fff!important;color:#111827!important}}.user-list-page{background:var(--bg);color:var(--text);min-height:100vh;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{margin-bottom:32px}.header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.header-content h1{display:flex;align-items:center;gap:12px;margin:0;font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.025em}.page-icon{color:var(--primary);font-size:28px}.header-actions{display:flex;gap:12px;align-items:center}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:8px}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.stat-card.active{border-color:var(--success);background:linear-gradient(135deg,var(--success-light),var(--surface))}.stat-card.inactive{border-color:var(--danger);background:linear-gradient(135deg,var(--danger-light),var(--surface))}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:20px;background:var(--primary-light);color:var(--primary);flex-shrink:0}.stat-card.active .stat-icon{background:var(--success-light);color:var(--success)}.stat-card.inactive .stat-icon{background:var(--danger-light);color:var(--danger)}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.search-and-filters{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.search-section{margin-bottom:20px}.search-bar{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 16px 0 48px;height:48px;max-width:400px;transition:all .2s ease}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-icon{position:absolute;left:16px;color:var(--text-muted);font-size:16px}.search-bar input{background:transparent;border:none;outline:none;color:var(--text);font-size:15px;width:100%}.search-bar input::placeholder{color:var(--text-subtle)}.clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease;margin-left:8px}.clear-search:hover{color:var(--text);background:var(--border-light)}.filters-section{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tab-container{display:flex;gap:8px}.tab-container button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-container button:hover{background:var(--border-light);border-color:var(--primary)}.tab-container .active-tab{background:var(--primary);color:#fff;border-color:var(--primary)}.role-filter select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;color:var(--text);font-size:14px;cursor:pointer;outline:none;transition:all .2s ease}.role-filter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.users-container{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:48px;color:var(--text-subtle);opacity:.6}.empty-state h3{margin:0;color:var(--text);font-size:18px}.empty-state p{margin:0;font-size:14px}.table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.users-table thead th{background:var(--surface-elevated);color:var(--text);font-weight:600;text-align:left;padding:16px 20px;border-bottom:1px solid var(--border);font-size:13px;text-transform:uppercase;letter-spacing:.025em}.users-table tbody td{padding:16px 20px;border-bottom:1px solid var(--border-light);vertical-align:middle}.user-row{transition:background-color .2s ease}.user-row:hover{background:var(--surface-elevated);box-shadow:inset 4px 0 0 0 var(--primary)}.user-row.inactive-user{opacity:.7}.user-info-cell{display:flex;align-items:center;gap:16px;min-width:280px}.user-avatar{width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:50%;display:grid;place-items:center;font-size:18px;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text);font-size:15px;margin-bottom:4px}.user-email,.user-phone{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:2px}.user-email svg,.user-phone svg{font-size:11px;opacity:.7}.role-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-badge.technicien{background:var(--primary-light);color:var(--primary)}.role-badge.responsable{background:var(--warning-light);color:var(--warning)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background:var(--success-light);color:var(--success)}.status-badge.inactive{background:var(--danger-light);color:var(--danger)}.user-actions{display:flex;gap:8px;align-items:center}@media (max-width: 1200px){.user-stats{grid-template-columns:repeat(3,1fr)}.header-content{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 768px){.user-list-page{padding:16px}.header-content h1{font-size:24px}.user-stats{grid-template-columns:repeat(2,1fr)}.search-and-filters{padding:16px}.filters-section{flex-direction:column;align-items:stretch;gap:16px}.tab-container{justify-content:center}.form-row{grid-template-columns:1fr}.modal{margin:10px;max-width:none}.users-table{font-size:13px}.users-table th,.users-table td{padding:12px 16px}.user-info-cell{min-width:200px}.user-actions{flex-direction:column;align-items:stretch}.user-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.user-stats{grid-template-columns:1fr}.search-bar{max-width:none}.tab-container{flex-direction:column}.tab-container button{justify-content:center}}:root{--notif-primary: #FF7F00;--notif-secondary: #142658;--notif-secondary-light: #1e3a8a;--notif-card: #ffffff;--notif-bg: #f8fafc;--notif-border: #e2e8f0;--notif-text: #1e293b;--notif-text-muted: #64748b;--notif-success: #10b981;--notif-danger: #ef4444;--notif-warning: #f59e0b;--notif-info: #3b82f6;--notif-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--notif-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--notif-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--notif-radius-sm: .375rem;--notif-radius-md: .5rem;--notif-radius-lg: .75rem;--notif-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.notifications-page{padding:1.5rem;max-width:1200px;margin:0 auto;background:var(--notif-bg);min-height:100vh;animation:fadeIn .4s ease-out}.notifications-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.notifications-page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.875rem;font-weight:700;color:var(--notif-secondary)}.notifications-page-title svg{font-size:1.75rem;color:var(--notif-primary);animation:bellRing 2s ease-in-out infinite}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.notifications-page-actions{display:flex;gap:.75rem;align-items:center}.notifications-filter-tabs{display:flex;gap:.5rem;background:#fff;padding:.375rem;border-radius:var(--notif-radius-md);margin-bottom:1.5rem;box-shadow:var(--notif-shadow-sm);border:1px solid var(--notif-border)}.notifications-filter-tab{padding:.625rem 1.25rem;border:none;background:transparent;border-radius:var(--notif-radius-sm);font-size:.875rem;font-weight:600;color:var(--notif-text-muted);cursor:pointer;transition:var(--notif-transition);white-space:nowrap}.notifications-filter-tab.active{background:linear-gradient(135deg,var(--notif-primary),#ff9933);color:#fff;box-shadow:0 2px 8px #ff7f004d;transform:translateY(-1px)}.notifications-filter-tab:hover:not(.active){color:var(--notif-text);background:var(--notif-bg)}.notifications-container{background:#fff;border-radius:var(--notif-radius-lg);box-shadow:var(--notif-shadow-md);overflow:hidden;border:1px solid var(--notif-border)}.notifications-list{list-style:none;padding:0;margin:0}.notification-card{padding:1.25rem 1.5rem;border-bottom:1px solid var(--notif-border);display:flex;gap:1rem;align-items:flex-start;transition:var(--notif-transition);position:relative}.notification-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:var(--notif-transition)}.notification-card:hover{background:linear-gradient(90deg,rgba(255,127,0,.03),transparent)}.notification-card:hover:before{background:var(--notif-primary)}.notification-card:last-child{border-bottom:none}.notification-card.unread{background:linear-gradient(90deg,#ff7f000d,#ff7f0003)}.notification-card.unread:before{background:var(--notif-primary)}.notification-card.unread:hover{background:linear-gradient(90deg,#ff7f0014,#ff7f0005)}.notification-card-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--notif-transition);position:relative}.notification-card-icon:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:0;transition:var(--notif-transition)}.notification-card:hover .notification-card-icon:before{opacity:.2;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.3}}.notification-card-icon.general{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--notif-info)}.notification-card-icon.stock_critique{background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--notif-danger)}.notification-card-icon.stock_faible{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--notif-warning)}.notification-card-icon.entree_stock{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:var(--notif-success)}.notification-card-icon.sortie_stock{background:linear-gradient(135deg,#ffe5cc,#fc9);color:var(--notif-primary)}.notification-card-content{flex:1;min-width:0}.notification-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.notification-card-title{margin:0;font-size:1rem;font-weight:600;color:var(--notif-text);display:flex;align-items:center;gap:.5rem;line-height:1.4}.notification-card-unread-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--notif-primary);flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.notification-card-actions{display:flex;gap:.5rem;flex-shrink:0}.notification-card-action-btn{padding:.5rem;font-size:.875rem;background:#fff;border:1px solid var(--notif-border);border-radius:var(--notif-radius-sm);color:var(--notif-text-muted);cursor:pointer;transition:var(--notif-transition);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.notification-card-action-btn:hover{background:var(--notif-primary);color:#fff;border-color:var(--notif-primary);transform:translateY(-2px);box-shadow:0 4px 8px #ff7f004d}.notification-card-action-btn.delete:hover{background:var(--notif-danger);border-color:var(--notif-danger);box-shadow:0 4px 8px #ef44444d}.notification-card-message{margin:0 0 .75rem;font-size:.875rem;color:var(--notif-text-muted);line-height:1.6}.notification-card-footer{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--notif-text-muted);flex-wrap:wrap}.notification-card-time{display:flex;align-items:center;gap:.375rem}.notification-card-type{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.notification-card-type.general{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--notif-info)}.notification-card-type.stock_critique{background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--notif-danger)}.notification-card-type.stock_faible{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--notif-warning)}.notification-card-type.entree_stock{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:var(--notif-success)}.notification-card-type.sortie_stock{background:linear-gradient(135deg,#ffe5cc,#fc9);color:var(--notif-primary)}.notifications-loading,.notifications-error,.notifications-empty{padding:4rem 1.5rem;text-align:center}.notifications-loading-spinner{display:inline-block;width:3rem;height:3rem;border:4px solid rgba(255,127,0,.2);border-top-color:var(--notif-primary);border-radius:50%;animation:spin .8s linear infinite}.notifications-empty-icon{font-size:4rem;color:var(--notif-border);margin-bottom:1rem;opacity:.5}.notifications-empty-text{font-size:1rem;color:var(--notif-text-muted);margin:0}.notifications-error-text{font-size:1rem;color:var(--notif-danger);margin-bottom:1rem}.notifications-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;border-top:1px solid var(--notif-border)}.notifications-pagination-btn{padding:.625rem 1.25rem;background:#fff;border:1px solid var(--notif-border);border-radius:var(--notif-radius-sm);color:var(--notif-text);cursor:pointer;transition:var(--notif-transition);font-size:.875rem;font-weight:600}.notifications-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--notif-primary),#ff9933);color:#fff;border-color:var(--notif-primary);transform:translateY(-2px);box-shadow:0 4px 8px #ff7f004d}.notifications-pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--notif-bg)}.notifications-pagination-info{font-size:.875rem;color:var(--notif-text-muted);margin:0 1rem;font-weight:500}@media (max-width: 1024px){.notifications-page{padding:1.25rem}.notification-card{padding:1rem 1.25rem}.notifications-filter-tabs{flex-wrap:wrap}}@media (max-width: 768px){.notifications-page{padding:1rem}.notifications-page-header{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.notifications-page-title{font-size:1.5rem}.notifications-page-title svg{font-size:1.375rem}.notifications-page-actions{width:100%}.notifications-page-actions button{flex:1;justify-content:center}.notification-card{padding:1rem;gap:.875rem}.notification-card-icon{width:2.5rem;height:2.5rem;font-size:1.125rem}.notification-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-card-actions{align-self:flex-end}.notifications-filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}.notifications-filter-tabs::-webkit-scrollbar{display:none}.notifications-pagination{padding:1.25rem 1rem}}@media (max-width: 640px){.notifications-page{padding:.75rem}.notifications-page-title{font-size:1.25rem;gap:.5rem}.notifications-page-title svg{font-size:1.25rem}.notifications-filter-tab{padding:.5rem 1rem;font-size:.8125rem}.notification-card{padding:.875rem;gap:.75rem}.notification-card-icon{width:2.25rem;height:2.25rem;font-size:1rem}.notification-card-title{font-size:.9375rem}.notification-card-message{font-size:.8125rem}.notification-card-footer{font-size:.6875rem;gap:.75rem}.notification-card-action-btn{width:1.875rem;height:1.875rem;font-size:.8125rem}.notifications-pagination-btn{padding:.5rem 1rem;font-size:.8125rem}.notifications-pagination-info{font-size:.8125rem;margin:0 .5rem}}@media (max-width: 480px){.notifications-page{padding:.625rem}.notifications-page-title{font-size:1.125rem}.notifications-page-title svg{font-size:1.125rem}.notifications-filter-tab{padding:.5rem .875rem;font-size:.75rem}.notification-card{padding:.75rem;flex-direction:row}.notification-card-icon{width:2rem;height:2rem;font-size:.875rem}.notification-card-title{font-size:.875rem}.notification-card-message{font-size:.75rem;margin-bottom:.5rem}.notification-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.notification-card-action-btn{width:1.75rem;height:1.75rem;font-size:.75rem}.notifications-pagination{padding:1rem .75rem;gap:.5rem}.notifications-pagination-btn{padding:.5rem .875rem;font-size:.75rem}.notifications-pagination-info{font-size:.75rem}}:root{--va-primary-color: #1A3C58;--va-primary-hover: #0f2a3d;--va-accent-color: #FF7F00;--va-accent-hover: #e56f00;--va-bg-color: #f4f7fb;--va-container-bg: #ffffff;--va-input-bg: #f8fafc;--va-input-focus-bg: #ffffff;--va-input-border: #e2e8f0;--va-input-focus-border: #1A3C58;--va-input-error-border: #ef4444;--va-text-color: #1e293b;--va-text-muted: #64748b;--va-text-placeholder: #94a3b8;--va-error-color: #ef4444;--va-error-bg: #fef2f2;--va-success-color: #10b981;--va-success-bg: #d1fae5;--va-warning-color: #f59e0b;--va-info-color: #3b82f6;--va-info-bg: #dbeafe;--va-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--va-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--va-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--va-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--va-duration-fast: .15s;--va-duration-normal: .2s;--va-duration-slow: .3s;--va-easing: cubic-bezier(.4, 0, .2, 1);--va-space-xs: .25rem;--va-space-sm: .5rem;--va-space-md: 1rem;--va-space-lg: 1.5rem;--va-space-xl: 2rem;--va-radius-sm: .375rem;--va-radius-md: .5rem;--va-radius-lg: .75rem;--va-radius-xl: 1rem}.va-body{font-family:Inter,Roboto,system-ui,-apple-system,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.va-page{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(135deg,#1a3c58cc,#1a3c5899),url(/static/docs/chevaux.jpg) center/cover no-repeat;background-color:var(--va-bg-color);position:relative;padding:var(--va-space-md)}.va-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,127,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(26,60,88,.1) 0%,transparent 50%);animation:va-float 20s ease-in-out infinite;pointer-events:none}@keyframes va-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.va-container{position:relative;background-color:var(--va-container-bg);width:min(90vw,520px);padding:var(--va-space-xl) var(--va-space-lg);border-radius:var(--va-radius-xl);box-shadow:var(--va-shadow-xl);border:1px solid rgb(255 255 255 / .1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:va-slideUp var(--va-duration-slow) var(--va-easing)}.va-container.va-loading-state,.va-container.va-error-state,.va-container.va-success-state{text-align:center;padding:3rem var(--va-space-lg)}@keyframes va-slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.va-header{text-align:center;margin-bottom:var(--va-space-xl)}.va-logo{display:block;margin:0 auto var(--va-space-lg);max-width:180px;width:100%;height:auto;filter:drop-shadow(var(--va-shadow-sm));transition:transform var(--va-duration-normal) var(--va-easing)}.va-logo:hover{transform:scale(1.02)}.va-title{font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--va-space-md);position:relative;padding:var(--va-space-sm) var(--va-space-md)}.va-title:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--va-primary-color),var(--va-primary-hover));border-radius:var(--va-radius-md);z-index:-1;box-shadow:var(--va-shadow-md)}.va-title:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,var(--va-accent-color),#ffa64d);margin:var(--va-space-sm) auto 0;border-radius:2px}.va-subtitle{font-size:1rem;color:var(--va-text-muted);margin:0;line-height:1.5}.va-loading-state .va-spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--va-space-lg);color:var(--va-text-muted)}.va-spinner.va-spinner-large{font-size:2rem;color:var(--va-accent-color)}.va-spinner{animation:va-spin 1s linear infinite}@keyframes va-spin{to{transform:rotate(360deg)}}.va-error-state .va-error-icon{width:5rem;height:5rem;background:var(--va-error-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--va-space-lg);border:2px solid var(--va-error-color)}.va-error-state .va-error-icon svg{font-size:2rem;color:var(--va-error-color)}.va-error-actions{margin-top:var(--va-space-xl);display:flex;flex-direction:column;gap:var(--va-space-md)}.va-success-state .va-success-icon{width:5rem;height:5rem;background:var(--va-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--va-space-lg);animation:va-bounce .6s ease-out;border:2px solid var(--va-success-color)}.va-success-state .va-success-icon svg{font-size:2rem;color:var(--va-success-color)}@keyframes va-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.va-success-progress{margin:var(--va-space-lg) 0}.va-progress-bar{width:100%;height:4px;background:var(--va-input-border);border-radius:2px;overflow:hidden}.va-progress-fill{height:100%;background:var(--va-success-color);border-radius:2px;animation:va-progressFill 3s ease-out}@keyframes va-progressFill{0%{width:0%}to{width:100%}}.va-form{margin-bottom:var(--va-space-xl);display:grid;gap:var(--va-space-lg)}.va-form-group{text-align:left}.va-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--va-text-color);margin-bottom:var(--va-space-sm)}.va-input-wrapper{position:relative;display:flex;align-items:center}.va-input-icon{position:absolute;left:var(--va-space-md);color:var(--va-text-muted);font-size:1rem;z-index:1;transition:color var(--va-duration-normal) var(--va-easing)}.va-input{width:100%;padding:.875rem 3.5rem .875rem 3rem;font-size:1rem;font-weight:400;border:2px solid var(--va-input-border);border-radius:var(--va-radius-md);background-color:var(--va-input-bg);color:var(--va-text-color);transition:all var(--va-duration-normal) var(--va-easing);outline:none}.va-input::placeholder{color:var(--va-text-placeholder);font-weight:400}.va-input:hover:not(:disabled){border-color:var(--va-primary-color)}.va-input:focus{border-color:var(--va-input-focus-border);background-color:var(--va-input-focus-bg);box-shadow:0 0 0 3px #1a3c581a;transform:translateY(-1px)}.va-input:focus+.va-input-icon{color:var(--va-primary-color)}.va-input.va-input-valid{border-color:var(--va-success-color);background-color:var(--va-success-bg)}.va-input.va-input-invalid{border-color:var(--va-input-error-border);background-color:var(--va-error-bg)}.va-password-toggle{position:absolute;right:var(--va-space-sm);width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--va-radius-sm);cursor:pointer;color:var(--va-text-muted);transition:all var(--va-duration-fast) var(--va-easing);outline:none}.va-password-toggle:hover:not(:disabled){color:var(--va-primary-color);background-color:#1a3c580d}.va-password-toggle:focus-visible{outline:2px solid var(--va-accent-color);outline-offset:2px}.va-field-error{margin-top:var(--va-space-xs);font-size:.875rem;color:var(--va-error-color);font-weight:500;display:flex;align-items:center;gap:var(--va-space-xs);animation:va-slideDown var(--va-duration-fast) var(--va-easing)}@keyframes va-slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.va-password-requirements{margin:var(--va-space-md) 0 var(--va-space-lg);padding:var(--va-space-lg);background:linear-gradient(135deg,var(--va-info-bg),#f8fafc);border-radius:var(--va-radius-lg);border:2px solid rgb(59 130 246 / .1);box-shadow:var(--va-shadow-sm)}.va-strength-indicator{display:flex;align-items:center;gap:var(--va-space-md);margin-bottom:var(--va-space-lg)}.va-strength-label{font-size:.875rem;font-weight:600;color:var(--va-text-color);min-width:45px}.va-strength-bar{flex:1;height:8px;background:var(--va-input-border);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.va-strength-fill{height:100%;transition:width .4s var(--va-easing);border-radius:4px;position:relative}.va-strength-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:4px 4px 0 0}.va-strength-bar.va-strength-faible .va-strength-fill{background:linear-gradient(90deg,var(--va-error-color),#f87171)}.va-strength-bar.va-strength-moyen .va-strength-fill{background:linear-gradient(90deg,var(--va-warning-color),#fbbf24)}.va-strength-bar.va-strength-fort .va-strength-fill{background:linear-gradient(90deg,var(--va-success-color),#34d399)}.va-strength-text{font-size:.875rem;font-weight:700;min-width:60px;text-transform:uppercase;letter-spacing:.5px}.va-strength-text.va-strength-faible{color:var(--va-error-color)}.va-strength-text.va-strength-moyen{color:var(--va-warning-color)}.va-strength-text.va-strength-fort{color:var(--va-success-color)}.va-requirements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--va-space-sm)}.va-requirement{display:flex;align-items:center;gap:var(--va-space-sm);font-size:.875rem;padding:var(--va-space-xs) 0;transition:all var(--va-duration-normal) var(--va-easing)}.va-requirement.va-requirement-met{color:var(--va-success-color);font-weight:500}.va-requirement.va-requirement-unmet{color:var(--va-text-muted)}.va-requirement svg{font-size:.75rem;flex-shrink:0}.va-button{position:relative;width:100%;padding:1rem var(--va-space-lg);font-size:1rem;font-weight:600;border:none;border-radius:var(--va-radius-md);cursor:pointer;transition:all var(--va-duration-normal) var(--va-easing);box-shadow:var(--va-shadow-md);outline:none;display:flex;align-items:center;justify-content:center;gap:var(--va-space-sm);min-height:3.25rem}.va-button.va-button-primary{color:#fff;background:linear-gradient(135deg,var(--va-accent-color) 0%,#ffa64d 100%)}.va-button.va-button-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--va-accent-hover) 0%,#ff8f1f 100%);border-radius:inherit;opacity:0;transition:opacity var(--va-duration-normal) var(--va-easing)}.va-button.va-button-primary:hover:not(:disabled):before{opacity:1}.va-button.va-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--va-shadow-lg)}.va-button:focus-visible{outline:2px solid var(--va-accent-color);outline-offset:4px}.va-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--va-shadow-sm)}.va-button>*{position:relative;z-index:1}.va-back-to-login{background:transparent;border:1px solid transparent;color:var(--va-primary-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--va-space-sm) var(--va-space-md);border-radius:var(--va-radius-sm);transition:all var(--va-duration-normal) var(--va-easing);display:flex;align-items:center;justify-content:center;gap:var(--va-space-sm);margin:0 auto var(--va-space-lg);outline:none}.va-back-to-login:hover:not(:disabled){color:var(--va-primary-hover);background-color:#1a3c580d;border-color:#1a3c581a;transform:translateY(-1px)}.va-back-to-login:focus-visible{outline:2px solid var(--va-accent-color);outline-offset:2px}.va-footer{text-align:center;padding-top:var(--va-space-lg);border-top:1px solid var(--va-input-border)}.va-info-note{display:flex;align-items:flex-start;gap:var(--va-space-sm);padding:var(--va-space-md);background:linear-gradient(135deg,var(--va-success-bg),#f0fdf4);border-radius:var(--va-radius-md);font-size:.8125rem;color:var(--va-text-muted);line-height:1.4;border-left:4px solid var(--va-success-color);margin-top:var(--va-space-lg)}.va-info-note svg{color:var(--va-success-color);margin-top:2px;flex-shrink:0}.va-toast-icon{margin-right:var(--va-space-sm)}.va-toast-icon.va-toast-success{color:var(--va-success-color)}.va-page *:focus-visible{outline:2px solid var(--va-accent-color);outline-offset:2px}@media (prefers-color-scheme: dark){.va-page{--va-bg-color: #0f172a;--va-container-bg: #1e293b;--va-input-bg: #334155;--va-input-focus-bg: #475569;--va-input-border: #475569;--va-input-focus-border: #64748b;--va-text-color: #f1f5f9;--va-text-muted: #94a3b8;--va-text-placeholder: #64748b;--va-error-bg: #422006;--va-success-bg: #064e3b;--va-info-bg: #1e3a8a}.va-container{border-color:#ffffff1a}.va-title{color:var(--va-text-color)}.va-password-requirements{background:linear-gradient(135deg,#1e3a8a,#334155);border-color:#3b82f633}.va-info-note{background:linear-gradient(135deg,#064e3b,#1e293b)}.va-input.va-input-valid{background-color:#064e3b}.va-input.va-input-invalid{background-color:#422006}}@media (prefers-reduced-motion: reduce){.va-page *,.va-page *:before,.va-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.va-container{width:min(95vw,480px);padding:var(--va-space-lg) var(--va-space-md)}.va-container.va-loading-state,.va-container.va-error-state,.va-container.va-success-state{padding:2rem var(--va-space-md)}.va-title{font-size:1.5rem}.va-subtitle{font-size:.9375rem}.va-input{font-size:1rem;padding:.75rem 3.25rem .75rem 2.75rem}.va-password-toggle{width:2.25rem;height:2.25rem;right:var(--va-space-xs)}.va-requirements-list{grid-template-columns:1fr}}@media (max-width: 480px){.va-page{padding:var(--va-space-sm)}.va-container{width:100%;padding:var(--va-space-lg) var(--va-space-md)}.va-logo{max-width:140px;margin-bottom:var(--va-space-md)}.va-title{font-size:1.375rem}.va-success-state .va-success-icon,.va-error-state .va-error-icon{width:4rem;height:4rem}.va-success-state .va-success-icon svg,.va-error-state .va-error-icon svg{font-size:1.5rem}.va-input{padding:.6875rem 3rem .6875rem 2.5rem}}@media (prefers-contrast: high){.va-page{--va-input-border: #000000;--va-input-focus-border: #0066cc;--va-text-color: #000000;--va-error-color: #cc0000;--va-success-color: #006600;--va-primary-color: #003366;--va-accent-color: #cc6600}.va-container,.va-button{border:2px solid #000000}.va-input{border-width:2px}}@media print{.va-page{background:#fff;color:#000}.va-container{box-shadow:none;border:1px solid #000}.va-button,.va-password-toggle,.va-back-to-login{display:none}}:root{--fp-primary-color: #142658;--fp-primary-hover: #1a3a8f;--fp-accent-color: #FF7F00;--fp-accent-hover: #e56f00;--fp-bg-color: #f4f7fb;--fp-container-bg: #ffffff;--fp-input-bg: #f8fafc;--fp-input-focus-bg: #ffffff;--fp-input-border: #e2e8f0;--fp-input-focus-border: #142658;--fp-input-error-border: #ef4444;--fp-text-color: #1e293b;--fp-text-muted: #64748b;--fp-text-placeholder: #94a3b8;--fp-error-color: #ef4444;--fp-error-bg: #fef2f2;--fp-success-color: #10b981;--fp-success-bg: #d1fae5;--fp-warning-color: #f59e0b;--fp-info-color: #3b82f6;--fp-info-bg: #dbeafe;--fp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--fp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--fp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--fp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--fp-duration-fast: .15s;--fp-duration-normal: .2s;--fp-duration-slow: .3s;--fp-easing: cubic-bezier(.4, 0, .2, 1);--fp-space-xs: .25rem;--fp-space-sm: .5rem;--fp-space-md: 1rem;--fp-space-lg: 1.5rem;--fp-space-xl: 2rem;--fp-radius-sm: .375rem;--fp-radius-md: .5rem;--fp-radius-lg: .75rem;--fp-radius-xl: 1rem}.fp-body{background:linear-gradient(135deg,#142658,#0a1331);min-height:100vh;margin:0;padding:0;font-family:Inter,Roboto,system-ui,-apple-system,sans-serif;color:var(--fp-text-color)}@keyframes glow{0%{box-shadow:0 0 5px #ff7f004d}50%{box-shadow:0 0 15px #ff7f0080,0 0 20px #ff7f0033}to{box-shadow:0 0 5px #ff7f004d}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes validationAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes circleSpin{0%{stroke-dashoffset:66;transform:rotate(0)}50%{stroke-dashoffset:0}to{stroke-dashoffset:66;transform:rotate(360deg)}}.fp-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--fp-space-md)}.fp-container{width:100%;max-width:460px;background:#142658cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--fp-radius-xl);box-shadow:var(--fp-shadow-xl);padding:var(--fp-space-xl);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);color:#fff;animation:slideUp .4s ease-out forwards}.fp-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent 60%,#FF7F00);border-radius:16px;z-index:-1;animation:rotate 6s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fp-success-state{text-align:center;padding-top:var(--fp-space-lg);padding-bottom:var(--fp-space-lg)}.fp-header{text-align:center;margin-bottom:var(--fp-space-lg)}.fp-logo{max-width:180px;height:auto;margin-bottom:var(--fp-space-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.fp-title{font-size:2rem;font-weight:700;color:#ff7f00;margin-bottom:var(--fp-space-md);position:relative;padding-bottom:var(--fp-space-sm);display:inline-block}.fp-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(to right,#ff7f00,#ffa64d);border-radius:4px;box-shadow:0 2px 5px #ff7f004d}.fp-subtitle{color:#fffc;font-size:1rem;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}.fp-form{margin-bottom:var(--fp-space-xl)}.fp-form-group{margin-bottom:var(--fp-space-lg)}.fp-form-label{display:block;color:#ffffffe6;font-weight:500;margin-bottom:var(--fp-space-xs);font-size:.95rem}.fp-input-wrapper{position:relative}.fp-input-icon{position:absolute;top:50%;left:var(--fp-space-md);transform:translateY(-50%);color:#ffffff80;font-size:1rem}.fp-input{width:100%;padding:var(--fp-space-md) var(--fp-space-md) var(--fp-space-md) calc(var(--fp-space-md) * 2.5);border-radius:var(--fp-radius-md);border:1px solid rgba(255,255,255,.2);background-color:#ffffff14;color:#fff;font-size:1rem;transition:all var(--fp-duration-normal) var(--fp-easing)}.fp-input::placeholder{color:#fff6}.fp-input:focus{outline:none;border-color:var(--fp-accent-color);background-color:#ffffff26;box-shadow:0 0 0 3px #ff7f0026}.fp-input-valid{border-color:var(--fp-success-color)!important;box-shadow:0 0 0 2px #10b98126}.fp-input-invalid{border-color:var(--fp-error-color)!important;box-shadow:0 0 0 2px #ef444426}.fp-validation-icon{position:absolute;top:50%;right:var(--fp-space-md);transform:translateY(-50%);animation:validationAppear .2s ease-out}.fp-icon-valid{color:var(--fp-success-color)}.fp-icon-invalid{color:var(--fp-error-color)}.fp-field-error{color:var(--fp-error-color);font-size:.85rem;margin-top:var(--fp-space-xs);animation:slideUp .2s ease-out}.fp-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--fp-space-md);border-radius:var(--fp-radius-md);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all var(--fp-duration-normal) var(--fp-easing);gap:var(--fp-space-sm)}.fp-button-primary{background-color:var(--fp-accent-color);color:#fff;box-shadow:0 8px 15px #ff7f0040}.fp-button-primary:hover:not(:disabled){background-color:var(--fp-accent-hover);transform:translateY(-2px);box-shadow:0 12px 20px #ff7f004d}.fp-button-primary:active:not(:disabled){transform:translateY(0)}.fp-button-primary:disabled{opacity:.7;cursor:not-allowed}.fp-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .7s}.fp-button-primary:hover:before{left:100%}.fp-button-secondary{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a}.fp-button-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.fp-back-to-login{display:inline-flex;align-items:center;gap:var(--fp-space-xs);color:#ffffffb3;background:transparent;border:none;font-size:.95rem;padding:var(--fp-space-sm);cursor:pointer;transition:color var(--fp-duration-fast) var(--fp-easing);font-weight:500}.fp-back-to-login:hover{color:#fff}.fp-back-to-login svg{font-size:.85em}.fp-success-icon{position:relative;animation:glow 3s infinite ease-in-out!important;width:80px;height:80px;background-color:#ff7f001a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--fp-space-lg)}.fp-success-icon svg{color:var(--fp-accent-color)!important;filter:drop-shadow(0 2px 4px rgba(255,127,0,.3));transition:transform .3s ease;font-size:2rem}.fp-success-icon:hover svg{transform:scale(1.1)}.animated-icon{animation:float 3s ease infinite;font-size:2.5rem;color:var(--fp-accent-color)}.fp-success-actions{display:flex;flex-direction:column;gap:var(--fp-space-md);margin:var(--fp-space-lg) 0}.fp-footer{display:flex;flex-direction:column;align-items:center;gap:var(--fp-space-md)}.fp-security-note{display:flex;align-items:flex-start;gap:var(--fp-space-sm);padding:var(--fp-space-md);border-radius:var(--fp-radius-md);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.875rem;color:#ffffffb3;line-height:1.5;margin-top:var(--fp-space-sm)}.fp-security-note svg{color:var(--fp-warning-color);flex-shrink:0;margin-top:.1rem}.fp-help-text{text-align:left;margin-top:var(--fp-space-md);padding:var(--fp-space-md);border-radius:var(--fp-radius-md);background-color:#0000001a;color:#fffc;font-size:.9rem}.fp-help-text p{margin-bottom:var(--fp-space-sm);font-weight:500}.fp-help-text ul{margin:0;padding-left:var(--fp-space-lg);color:#ffffffb3}.fp-help-text li{margin-bottom:var(--fp-space-xs)}.fp-toast-icon{margin-right:var(--fp-space-xs)}.fp-toast-success{color:var(--fp-success-color)}.fp-toast-error{color:var(--fp-error-color)}.fp-toast-info{color:var(--fp-info-color)}.fp-spinner{animation:spin 1s linear infinite;margin-right:var(--fp-space-sm)}@media (max-width: 480px){.fp-container{padding:var(--fp-space-lg)}.fp-title{font-size:1.75rem}.fp-input{padding:.75rem .75rem .75rem 2.25rem}.fp-button{padding:.75rem}.fp-success-icon{width:70px;height:70px}.fp-success-actions{gap:var(--fp-space-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--rp-primary-color: #142658;--rp-primary-hover: #0f1d46;--rp-accent-color: #FF7F00;--rp-accent-hover: #e56f00;--rp-bg-color: #f8f9fc;--rp-container-bg: #ffffff;--rp-input-bg: #f8fafc;--rp-input-focus-bg: #ffffff;--rp-input-border: #e6e8ef;--rp-input-focus-border: #FF7F00;--rp-input-error-border: #ef4444;--rp-text-color: #1e293b;--rp-text-muted: #64748b;--rp-text-placeholder: #94a3b8;--rp-error-color: #ef4444;--rp-error-bg: #fef2f2;--rp-success-color: #10b981;--rp-success-bg: #d1fae5;--rp-warning-color: #f59e0b;--rp-info-color: #3b82f6;--rp-info-bg: #dbeafe;--rp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--rp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--rp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--rp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--rp-duration-fast: .15s;--rp-duration-normal: .2s;--rp-duration-slow: .3s;--rp-easing: cubic-bezier(.4, 0, .2, 1);--rp-space-xs: .25rem;--rp-space-sm: .5rem;--rp-space-md: 1rem;--rp-space-lg: 1.5rem;--rp-space-xl: 2rem;--rp-radius-sm: .375rem;--rp-radius-md: .5rem;--rp-radius-lg: .75rem;--rp-radius-xl: 1rem}.rp-body{font-family:Poppins,Inter,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rp-page{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(135deg,#142658e6,#142658bf),url(/static/docs/chevaux.jpg) center/cover no-repeat;background-color:var(--rp-bg-color);position:relative;padding:var(--rp-space-md);font-family:Poppins,Inter,Roboto,system-ui,sans-serif}.rp-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,127,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(20,38,88,.15) 0%,transparent 50%);animation:rp-float 20s ease-in-out infinite;pointer-events:none}@keyframes rp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rp-container{position:relative;background-color:var(--rp-container-bg);width:min(90vw,520px);padding:var(--rp-space-xl) var(--rp-space-lg);border-radius:16px;box-shadow:0 10px 30px #0f172a14;border:1px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.rp-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rp-accent-color) 0%,#FFA640 100%);opacity:0;transition:opacity .3s ease}.rp-container:hover:before{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rp-slideUp var(--rp-duration-slow) var(--rp-easing)}.rp-container.rp-loading-state,.rp-container.rp-error-state,.rp-container.rp-success-state{text-align:center;padding:3rem var(--rp-space-lg)}@keyframes rp-slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.rp-header{text-align:center;margin-bottom:var(--rp-space-xl)}.rp-logo{display:block;margin:0 auto var(--rp-space-lg);max-width:180px;width:100%;height:auto;filter:drop-shadow(var(--rp-shadow-sm));transition:transform var(--rp-duration-normal) var(--rp-easing)}.rp-logo:hover{transform:scale(1.02)}.rp-title{font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:var(--rp-primary-color);letter-spacing:.5px;margin:0 0 var(--rp-space-md);position:relative;padding:var(--rp-space-sm) 0;display:inline-block;font-family:Poppins,Inter,Roboto,system-ui,sans-serif}.rp-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--rp-accent-color);border-radius:2px}.rp-subtitle{font-size:1rem;color:var(--rp-text-muted);margin:0;line-height:1.5}.rp-loading-state .rp-spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--rp-space-lg);color:var(--rp-text-muted)}.rp-spinner.rp-spinner-large{font-size:2rem;color:var(--rp-accent-color)}.rp-spinner{animation:rp-spin 1s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-error-state .rp-error-icon{width:5rem;height:5rem;background:var(--rp-error-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--rp-space-lg);border:2px solid var(--rp-error-color);box-shadow:0 0 20px #ef444433}.rp-error-state .rp-error-icon svg{font-size:2rem;color:var(--rp-error-color)}.rp-error-actions{margin-top:var(--rp-space-xl);display:flex;flex-direction:column;gap:var(--rp-space-md)}.rp-success-state .rp-success-icon{width:5rem;height:5rem;background:var(--rp-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--rp-space-lg);animation:rp-bounce .6s ease-out;border:2px solid var(--rp-success-color);box-shadow:0 0 20px #10b98133}.rp-success-state .rp-success-icon svg{font-size:2rem;color:var(--rp-success-color)}@keyframes rp-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.rp-success-progress{margin:var(--rp-space-lg) 0}.rp-progress-bar{width:100%;height:4px;background:var(--rp-input-border);border-radius:2px;overflow:hidden}.rp-progress-fill{height:100%;background:linear-gradient(90deg,var(--rp-success-color),#34d399);border-radius:2px;animation:rp-progressFill 3s ease-out}@keyframes rp-progressFill{0%{width:0%}to{width:100%}}.rp-form{margin-bottom:var(--rp-space-xl);display:grid;gap:var(--rp-space-lg)}.rp-form-group{text-align:left}.rp-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--rp-text-color);margin-bottom:var(--rp-space-sm)}.rp-input-wrapper{position:relative;display:flex;align-items:center}.rp-input-icon{position:absolute;left:var(--rp-space-md);color:var(--rp-text-muted);font-size:1rem;z-index:1;transition:color var(--rp-duration-normal) var(--rp-easing)}.rp-input{width:100%;padding:.875rem 3.5rem .875rem 3rem;font-size:1rem;font-weight:400;border:2px solid var(--rp-input-border);border-radius:var(--rp-radius-md);background-color:var(--rp-input-bg);color:var(--rp-text-color);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:var(--rp-shadow-sm);font-family:Poppins,Inter,Roboto,system-ui,sans-serif}.rp-input::placeholder{color:var(--rp-text-placeholder);font-weight:400}.rp-input:hover:not(:disabled){border-color:var(--rp-accent-color);box-shadow:0 0 0 2px #ff7f001a}.rp-input:focus{border-color:var(--rp-accent-color);background-color:var(--rp-input-focus-bg);box-shadow:0 0 0 3px #ff7f0033;transform:translateY(-1px)}.rp-input:focus+.rp-input-icon{color:var(--rp-primary-color)}.rp-input.rp-input-valid{border-color:var(--rp-success-color);background-color:var(--rp-success-bg)}.rp-input.rp-input-invalid{border-color:var(--rp-input-error-border);background-color:var(--rp-error-bg)}.rp-password-toggle{position:absolute;right:var(--rp-space-sm);width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--rp-radius-sm);cursor:pointer;color:var(--rp-text-muted);transition:all var(--rp-duration-fast) var(--rp-easing);outline:none}.rp-password-toggle:hover:not(:disabled){color:var(--rp-primary-color);background-color:#1a3c580d}.rp-password-toggle:focus-visible{outline:2px solid var(--rp-accent-color);outline-offset:2px}.rp-field-error{margin-top:var(--rp-space-xs);font-size:.875rem;color:var(--rp-error-color);font-weight:500;display:flex;align-items:center;gap:var(--rp-space-xs);animation:rp-slideDown var(--rp-duration-fast) var(--rp-easing)}@keyframes rp-slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.rp-password-requirements{margin:var(--rp-space-md) 0 var(--rp-space-lg);padding:var(--rp-space-lg);background:linear-gradient(135deg,var(--rp-info-bg),#f8fafc);border-radius:var(--rp-radius-lg);border:2px solid rgb(59 130 246 / .1);box-shadow:var(--rp-shadow-sm)}.rp-strength-indicator{display:flex;align-items:center;gap:var(--rp-space-md);margin-bottom:var(--rp-space-lg)}.rp-strength-label{font-size:.875rem;font-weight:600;color:var(--rp-text-color);min-width:45px}.rp-strength-bar{flex:1;height:8px;background:var(--rp-input-border);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.rp-strength-fill{height:100%;transition:width .4s var(--rp-easing);border-radius:4px;position:relative}.rp-strength-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:4px 4px 0 0}.rp-strength-bar.rp-strength-faible .rp-strength-fill{background:linear-gradient(90deg,var(--rp-error-color),#f87171)}.rp-strength-bar.rp-strength-moyen .rp-strength-fill{background:linear-gradient(90deg,var(--rp-warning-color),#fbbf24)}.rp-strength-bar.rp-strength-fort .rp-strength-fill{background:linear-gradient(90deg,var(--rp-success-color),#34d399)}.rp-strength-text{font-size:.875rem;font-weight:700;min-width:60px;text-transform:uppercase;letter-spacing:.5px}.rp-strength-text.rp-strength-faible{color:var(--rp-error-color)}.rp-strength-text.rp-strength-moyen{color:var(--rp-warning-color)}.rp-strength-text.rp-strength-fort{color:var(--rp-success-color)}.rp-requirements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--rp-space-sm)}.rp-requirement{display:flex;align-items:center;gap:var(--rp-space-sm);font-size:.875rem;padding:var(--rp-space-xs) 0;transition:all var(--rp-duration-normal) var(--rp-easing)}.rp-requirement.rp-requirement-met{color:var(--rp-success-color);font-weight:500}.rp-requirement.rp-requirement-unmet{color:var(--rp-text-muted)}.rp-requirement svg{font-size:.75rem;flex-shrink:0}.rp-button{position:relative;width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff7f0033;outline:none;display:flex;align-items:center;justify-content:center;gap:var(--rp-space-sm);min-height:3.25rem;overflow:hidden;letter-spacing:.025em}.rp-button:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,#ffffffb3,#fff0 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.rp-button.rp-button-primary{color:#fff;background:linear-gradient(135deg,var(--rp-accent-color),#FFA640)}.rp-button:hover:before{transform:translate(-50%,-50%) scale(1)}.rp-button.rp-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8c1a,#ffb366);transform:translateY(-2px);box-shadow:0 6px 16px #ff7f004d}.rp-button:focus-visible{outline:2px solid var(--rp-accent-color);outline-offset:4px}.rp-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--rp-shadow-sm)}.rp-button>*{position:relative;z-index:1}.rp-back-to-login{background:transparent;border:1px solid transparent;color:var(--rp-primary-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--rp-space-sm) var(--rp-space-md);border-radius:var(--rp-radius-sm);transition:all var(--rp-duration-normal) var(--rp-easing);display:flex;align-items:center;justify-content:center;gap:var(--rp-space-sm);margin:0 auto;outline:none}.rp-back-to-login:hover:not(:disabled){color:var(--rp-primary-hover);background-color:#1a3c580d;border-color:#1a3c581a;transform:translateY(-1px)}.rp-back-to-login:focus-visible{outline:2px solid var(--rp-accent-color);outline-offset:2px}.rp-footer{text-align:center;padding-top:var(--rp-space-lg);border-top:1px solid var(--rp-input-border)}.rp-toast-icon{margin-right:var(--rp-space-sm)}.rp-toast-icon.rp-toast-success{color:var(--rp-success-color)}.rp-page *:focus-visible{outline:2px solid var(--rp-accent-color);outline-offset:2px}@media (prefers-color-scheme: dark){.rp-page{--rp-bg-color: #0f172a;--rp-container-bg: #1e293b;--rp-input-bg: #334155;--rp-input-focus-bg: #475569;--rp-input-border: #475569;--rp-input-focus-border: #64748b;--rp-text-color: #f1f5f9;--rp-text-muted: #94a3b8;--rp-text-placeholder: #64748b;--rp-error-bg: #422006;--rp-success-bg: #064e3b;--rp-info-bg: #1e3a8a}.rp-container{border-color:#ffffff1a}.rp-title{color:var(--rp-text-color)}.rp-password-requirements{background:linear-gradient(135deg,#1e3a8a,#334155);border-color:#3b82f633}.rp-input.rp-input-valid{background-color:#064e3b}.rp-input.rp-input-invalid{background-color:#422006}}@media (prefers-reduced-motion: reduce){.rp-page *,.rp-page *:before,.rp-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.rp-container{width:min(95vw,480px);padding:var(--rp-space-lg) var(--rp-space-md)}.rp-container.rp-loading-state,.rp-container.rp-error-state,.rp-container.rp-success-state{padding:2rem var(--rp-space-md)}.rp-title{font-size:1.5rem}.rp-subtitle{font-size:.9375rem}.rp-input{font-size:1rem;padding:.75rem 3.25rem .75rem 2.75rem}.rp-password-toggle{width:2.25rem;height:2.25rem;right:var(--rp-space-xs)}.rp-requirements-list{grid-template-columns:1fr}}@media (max-width: 480px){.rp-page{padding:var(--rp-space-sm)}.rp-container{width:100%;padding:var(--rp-space-lg) var(--rp-space-md)}.rp-logo{max-width:140px;margin-bottom:var(--rp-space-md)}.rp-title{font-size:1.375rem}.rp-success-state .rp-success-icon,.rp-error-state .rp-error-icon{width:4rem;height:4rem}.rp-success-state .rp-success-icon svg,.rp-error-state .rp-error-icon svg{font-size:1.5rem}.rp-input{padding:.6875rem 3rem .6875rem 2.5rem}}@media (prefers-contrast: high){.rp-page{--rp-input-border: #000000;--rp-input-focus-border: #0066cc;--rp-text-color: #000000;--rp-error-color: #cc0000;--rp-success-color: #006600;--rp-primary-color: #003366;--rp-accent-color: #cc6600}.rp-container,.rp-button{border:2px solid #000000}.rp-input{border-width:2px}}@media print{.rp-page{background:#fff;color:#000}.rp-container{box-shadow:none;border:1px solid #000}.rp-button,.rp-password-toggle,.rp-back-to-login{display:none}}:root{--dash-primary: #FF7F00;--dash-primary-light: #ffb366;--dash-primary-dark: #e56f00;--dash-primary-bg: rgba(255, 127, 0, .08);--dash-secondary: #142658;--dash-secondary-light: #1a3a8f;--dash-secondary-dark: #0f1d45;--dash-secondary-bg: rgba(20, 38, 88, .08);--dash-bg: #f8fafc;--dash-card: #ffffff;--dash-text: #1e293b;--dash-text-secondary: #64748b;--dash-text-muted: #94a3b8;--dash-border: #e2e8f0;--dash-blue: #2563eb;--dash-blue-dark: #1d4ed8;--dash-green: #10b981;--dash-yellow: #f59e0b;--dash-purple: #8b5cf6;--dash-red: #ef4444;--dash-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--dash-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--dash-radius: 12px;--dash-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dashboard-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);position:relative}.dashboard-page:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at top,rgba(255,127,0,.05) 0%,transparent 70%);pointer-events:none}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;position:relative;z-index:1}.dashboard-title{font-size:2rem;font-weight:800;color:var(--dash-text);margin:0;display:flex;align-items:center;gap:1rem;letter-spacing:-.025em}.dashboard-title svg{color:var(--dash-primary);font-size:1.75rem;filter:drop-shadow(0 4px 8px rgba(255,127,0,.2))}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--dash-secondary-light),var(--dash-secondary));color:#fff;border:none;border-radius:var(--dash-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--dash-transition);box-shadow:0 4px 6px #14265826;text-transform:uppercase;letter-spacing:.025em}.dashboard-btn.btn-accent{background:linear-gradient(135deg,var(--dash-primary),var(--dash-primary-dark));border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #ff7f0040;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.dashboard-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .25s ease;z-index:0}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #14265840}.dashboard-btn.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff7f0059}.dashboard-btn:hover:before{opacity:1}.dashboard-btn:active{transform:translateY(0);box-shadow:0 2px 5px #14265833}.dashboard-btn.btn-accent:active{transform:translateY(0);box-shadow:0 2px 5px #ff7f0033}.dashboard-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-btn svg{font-size:1rem}.dashboard-btn .spin{animation:spin 1s linear infinite}.dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem;margin-bottom:2.5rem}.dashboard-kpi{background:var(--dash-card);border:1px solid var(--dash-border);border-radius:var(--dash-radius);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 15px #1426580d;transition:all .3s ease-in-out;position:relative;overflow:hidden;z-index:1}.dashboard-kpi:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#fff,#14265805);opacity:.8;transition:opacity .3s ease}.dashboard-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--dash-secondary) 0%,var(--dash-primary) 100%);box-shadow:0 0 8px #1426584d}.dashboard-kpi:hover{transform:translateY(-4px);box-shadow:0 8px 20px #1426581a;border-color:var(--dash-secondary)}.dashboard-kpi:hover:after{opacity:1}.dashboard-kpi-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--dash-secondary-bg),rgba(20,38,88,.12));color:var(--dash-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 10px #1426581a;position:relative;overflow:hidden}.dashboard-kpi-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.dashboard-kpi:hover .dashboard-kpi-icon{transform:rotate(5deg) scale(1.15);background:linear-gradient(135deg,var(--dash-secondary),var(--dash-secondary-light));color:#fff;box-shadow:0 4px 15px #14265833}.dashboard-kpi:hover .dashboard-kpi-icon:before{opacity:1}.dashboard-kpi-main{flex:1;min-width:0;transition:transform .3s ease}.dashboard-kpi:hover .dashboard-kpi-main{transform:translate(5px)}.dashboard-kpi-title{font-size:.8rem;font-weight:600;color:var(--dash-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:flex;align-items:center;opacity:.85;transition:opacity .3s ease}.dashboard-kpi:hover .dashboard-kpi-title{opacity:1}.dashboard-kpi-value{font-size:1.875rem;font-weight:800;color:var(--dash-text);line-height:1;letter-spacing:-.025em;background:linear-gradient(90deg,var(--dash-secondary),var(--dash-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}.dashboard-kpi:hover .dashboard-kpi-value{transform:scale(1.05)}.dashboard-kpi-hint{font-size:.8125rem;color:var(--dash-text-secondary);margin-top:.375rem}.dashboard-graphs{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2.5rem}.dashboard-kpi.kpi-orange:before{background:linear-gradient(180deg,#ff7f00,#ffb366)}.dashboard-kpi.kpi-orange .dashboard-kpi-icon{background:#ff7f001a;color:#ff7f00}.dashboard-kpi.kpi-orange:hover .dashboard-kpi-icon{background:#ff7f00;color:#fff}.dashboard-kpi.kpi-blue:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.dashboard-kpi.kpi-blue .dashboard-kpi-icon{background:#3b82f61a;color:#3b82f6}.dashboard-kpi.kpi-blue:hover .dashboard-kpi-icon{background:#3b82f6;color:#fff}.dashboard-kpi.kpi-green:before{background:linear-gradient(180deg,#10b981,#34d399)}.dashboard-kpi.kpi-green .dashboard-kpi-icon{background:#10b9811a;color:#10b981}.dashboard-kpi.kpi-green:hover .dashboard-kpi-icon{background:#10b981;color:#fff}.dashboard-kpi.kpi-purple:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.dashboard-kpi.kpi-purple .dashboard-kpi-icon{background:#8b5cf61a;color:#8b5cf6}.dashboard-kpi.kpi-purple:hover .dashboard-kpi-icon{background:#8b5cf6;color:#fff}.dashboard-kpi.kpi-purple:hover{border-color:#8b5cf6}.dashboard-kpi.kpi-yellow:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.dashboard-kpi.kpi-yellow .dashboard-kpi-icon{background:#f59e0b1a;color:#f59e0b}.dashboard-kpi.kpi-yellow:hover .dashboard-kpi-icon{background:#f59e0b;color:#fff}.dashboard-kpi.kpi-red:before{background:linear-gradient(180deg,#ef4444,#f87171)}.dashboard-kpi.kpi-red .dashboard-kpi-icon{background:#ef44441a;color:#ef4444}.dashboard-kpi.kpi-red:hover .dashboard-kpi-icon{background:#ef4444;color:#fff}.dashboard-kpi.kpi-cyan:before{background:linear-gradient(180deg,#06b6d4,#22d3ee)}.dashboard-kpi.kpi-cyan .dashboard-kpi-icon{background:#06b6d41a;color:#06b6d4}.dashboard-kpi.kpi-cyan:hover .dashboard-kpi-icon{background:#06b6d4;color:#fff}.dashboard-kpi.kpi-indigo:before{background:linear-gradient(180deg,#6366f1,#818cf8)}.dashboard-kpi.kpi-indigo .dashboard-kpi-icon{background:#6366f11a;color:#6366f1}.dashboard-kpi.kpi-indigo:hover .dashboard-kpi-icon{background:#6366f1;color:#fff}@media (min-width: 1200px){.dashboard-kpis{grid-template-columns:repeat(5,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.dashboard-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-kpi:nth-child(5){grid-column:1 / -1;max-width:400px;justify-self:center}}@media (max-width: 767px){.dashboard-kpis{grid-template-columns:1fr}}.dashboard-kpi.kpi-purple{animation:slideInScale .5s ease-out;animation-delay:.4s;animation-fill-mode:both}.dashboard-kpi.kpi-purple .dashboard-kpi-hint{position:relative;padding-left:12px}.dashboard-kpi.kpi-purple .dashboard-kpi-hint:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.2)}}.dashboard-card{background:var(--dash-card);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow);overflow:hidden;transition:var(--dash-transition);display:flex;flex-direction:column}.dashboard-card:hover{box-shadow:var(--dash-shadow-lg);transform:translateY(-2px)}.dashboard-card-head{padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--dash-primary-bg) 0%,rgba(255,127,0,.02) 100%);border-bottom:2px solid var(--dash-border)}.dashboard-card-head h3{margin:0;font-size:1rem;font-weight:700;color:var(--dash-text);display:flex;align-items:center;gap:.625rem}.dashboard-card-head h3 svg{color:var(--dash-primary);font-size:1.125rem}.dashboard-card-body{flex:1;padding:1.5rem;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center}.dashboard-empty{text-align:center;color:var(--dash-text-muted);font-size:.875rem;padding:3rem 1.5rem}.dashboard-empty:before{content:" ";display:block;font-size:3rem;margin-bottom:1rem;opacity:.3}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:var(--dash-text-secondary);font-size:1rem}.dashboard-loading:before{content:"";width:48px;height:48px;border:4px solid var(--dash-border);border-top-color:var(--dash-primary);border-radius:50%;animation:spin .8s linear infinite}.dashboard-error{text-align:center;padding:3rem 1.5rem;color:var(--dash-red);font-size:1rem;background:#fef2f2;border:2px solid #fecaca;border-radius:var(--dash-radius);margin:1.5rem}.dashboard-card canvas{max-height:300px!important}@media (max-width: 1400px){.dashboard-page{padding:1.75rem}.dashboard-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 1024px){.dashboard-page{padding:1.5rem}.dashboard-kpis{grid-template-columns:repeat(2,1fr);gap:1.25rem}.dashboard-graphs{grid-template-columns:1fr;gap:1.25rem}.dashboard-card-body{min-height:300px}}@media (max-width: 768px){.dashboard-page{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.dashboard-title{font-size:1.5rem;justify-content:flex-start}.dashboard-title svg{font-size:1.5rem}.dashboard-btn{width:100%;justify-content:center;font-size:.9rem}.dashboard-kpis{grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-kpi{padding:1.25rem}.dashboard-kpi-value{font-size:1.5rem}.dashboard-graphs{grid-template-columns:1fr;gap:1rem}.dashboard-card-body{min-height:280px;padding:1rem}.dashboard-card-head{padding:1rem 1.25rem}}@media (max-width: 640px){.dashboard-page{padding:.875rem}.dashboard-kpis{grid-template-columns:repeat(2,1fr);gap:.875rem}.dashboard-kpi{padding:1rem;gap:1rem}.dashboard-kpi-icon{width:3.5rem;height:3.5rem;font-size:1.5rem}.dashboard-card-body{min-height:250px}}@media (max-width: 480px){.dashboard-page{padding:.75rem}.dashboard-header{margin-bottom:1rem}.dashboard-title{font-size:1.25rem;gap:.5rem}.dashboard-title svg{font-size:1.25rem}.dashboard-btn{font-size:.85rem;padding:.625rem 1rem}.dashboard-kpis{grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-kpi{gap:.875rem;padding:.875rem 1rem}.dashboard-kpi-icon{width:3rem;height:3rem;font-size:1.25rem}.dashboard-kpi-title{font-size:.7rem}.dashboard-kpi-value{font-size:1.25rem}.dashboard-kpi-hint{font-size:.75rem}.dashboard-graphs{gap:.875rem}.dashboard-card{border-radius:10px}.dashboard-card-head{padding:.875rem 1rem}.dashboard-card-head h3{font-size:.9rem}.dashboard-card-body{min-height:220px;padding:.875rem}}@media (max-width: 360px){.dashboard-page{padding:.625rem}.dashboard-title{font-size:1.125rem}.dashboard-kpi{padding:.75rem}.dashboard-kpi-icon{width:2.75rem;height:2.75rem;font-size:1.125rem}.dashboard-kpi-value{font-size:1.125rem}.dashboard-card-body{min-height:200px}}.dashboard-page>*{animation:fadeIn .5s ease-out;animation-fill-mode:both}.dashboard-header{animation-delay:.1s}.dashboard-kpis{animation-delay:.2s}.dashboard-graphs{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-btn:focus-visible,.dashboard-kpi:focus-visible,.dashboard-card:focus-visible{outline:3px solid var(--dash-primary);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1.2s linear infinite}.chart-container{height:400px;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:1}.chart-container canvas{animation:fadeInUp .8s ease-out forwards}.chart-card{transition:transform .3s ease,box-shadow .3s ease}.chart-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #1426581a,0 5px 15px #0000000d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--dash-text-muted);animation:fadeIn .8s ease-out forwards}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;color:var(--dash-primary)}.empty-message{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;color:var(--dash-text)}.empty-hint{font-size:.875rem;max-width:400px}.card-stats{display:flex;gap:1rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-value{font-size:1.125rem;font-weight:700;color:var(--dash-secondary)}.stat-label{font-size:.75rem;color:var(--dash-text-muted);text-transform:uppercase;letter-spacing:.05em}:root{--dash-primary: #FF7F00;--dash-primary-light: #ffb366;--dash-primary-dark: #e56f00;--dash-primary-bg: rgba(255, 127, 0, .08);--dash-secondary: #142658;--dash-secondary-light: #1a3a8f;--dash-secondary-dark: #0f1d45;--dash-secondary-bg: rgba(20, 38, 88, .08);--dash-bg: #f8fafc;--dash-card: #ffffff;--dash-text: #1e293b;--dash-text-secondary: #64748b;--dash-text-muted: #94a3b8;--dash-border: #e2e8f0;--dash-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--dash-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--dash-radius: 12px;--dash-transition: all .3s cubic-bezier(.4,0,.2,1);--chip-bg: #f1f5f9;--chip-text: #0f172a;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1)}.dashboard-tech{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);position:relative}.dashboard-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.chart-container{height:400px;display:flex;align-items:center;justify-content:center;padding:1rem}.dashboard-tech:before{content:"";position:absolute;inset:0 0 auto;height:360px;background:radial-gradient(ellipse at top,rgba(255,127,0,.06) 0%,transparent 70%);pointer-events:none}.page-title .title-icon{font-size:2rem;color:var(--dash-primary);animation:iconFloat 3s ease-in-out infinite}.page-title h1{font-size:2rem;font-weight:700;color:var(--dash-secondary);margin:0;letter-spacing:.5px}.dash-actions{display:flex;gap:.75rem;flex-wrap:wrap}.dash-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:var(--dash-card);border:2px solid var(--dash-border);border-radius:var(--dash-radius);color:var(--dash-text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--dash-transition);box-shadow:var(--dash-shadow)}.dash-refresh:hover{background:var(--dash-primary-bg);border-color:var(--dash-primary);color:var(--dash-primary);transform:translateY(-2px);box-shadow:var(--dash-shadow-lg)}.dash-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-state,.error-state{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem}.spinner{width:48px;height:48px;border:4px solid var(--dash-border);border-top-color:var(--dash-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p,.error-state p{font-size:1.1rem;margin:0}.loading-state p{color:var(--dash-text-secondary)}.tech-error{color:var(--danger);background:var(--danger-bg);padding:1rem 1.5rem;border-radius:var(--dash-radius);border:2px solid var(--danger);margin:0}.veh-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;background:var(--dash-card);border:1px solid var(--dash-border);border-radius:var(--dash-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--dash-shadow)}.veh-info,.ag-info{display:flex;flex-direction:column;gap:.35rem}.veh-info strong,.ag-info strong{font-size:1.1rem;color:var(--dash-text)}.veh-info small,.ag-info small{font-size:.8rem;color:var(--dash-text-muted);display:flex;gap:.5rem}.muted{color:var(--dash-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dashboard-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1.5rem;margin-bottom:1.5rem}.dashboard-card{background:var(--dash-card);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:0 4px 15px #1426580d;overflow:hidden;transition:all .3s ease-in-out;display:flex;flex-direction:column;position:relative;z-index:1}.dashboard-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#fff,#14265805);opacity:.8;transition:opacity .3s ease}.dashboard-card:hover{box-shadow:0 8px 20px #1426581a;transform:translateY(-4px);border-color:var(--dash-secondary)}.dashboard-card:hover:after{opacity:1}.dashboard-card h2{margin:0;padding:1rem 1.25rem;font-size:1.1rem;font-weight:700;color:#fff;border-bottom:none;background:linear-gradient(135deg,var(--dash-secondary) 0%,var(--dash-secondary-light) 100%);text-shadow:0 1px 2px rgba(0,0,0,.1);display:flex;align-items:center;gap:.75rem;position:relative;transition:all .3s ease;box-shadow:0 2px 10px #14265826}.dashboard-card h2 svg{color:var(--dash-primary);font-size:1.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}.dashboard-card:hover h2 svg{transform:scale(1.2) rotate(5deg)}.badge{margin-left:auto;padding:.25rem .65rem;background:linear-gradient(135deg,var(--dash-primary),var(--dash-primary-dark));color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;min-width:1.5rem;text-align:center;box-shadow:0 2px 6px #ff7f0040;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dashboard-card:hover .badge{transform:scale(1.1);box-shadow:0 3px 10px #ff7f0066}.agence-name{font-size:.85rem;color:var(--dash-text-secondary);font-weight:500}.stock-list{padding:.75rem;flex:1;overflow-y:auto;max-height:400px}.dashboard-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.dashboard-card li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--dash-border);border-radius:10px;background:#fff;transition:var(--dash-transition)}.dashboard-card li:hover{border-color:var(--dash-primary);box-shadow:0 2px 4px #0000000d;background:var(--dash-bg)}.item-label{font-size:.9rem;color:var(--dash-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--dash-border);white-space:nowrap}.chip-success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.chip-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.chip-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.empty-state{padding:2rem 1.5rem;text-align:center;color:var(--dash-text-muted);display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-state p{margin:0;font-size:.95rem}.empty-state small{font-size:.8rem;color:var(--dash-text-muted);font-style:italic}.more-items{text-align:center;padding:.5rem;color:var(--dash-text-secondary);font-size:.85rem;font-style:italic;margin:.5rem 0 0}.dashboard-card.full{grid-column:1 / -1;margin-top:.5rem}.conso-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.conso-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--dash-bg);border:1px solid var(--dash-border);border-radius:8px;transition:var(--dash-transition)}.conso-item:hover{border-color:var(--dash-primary);background:var(--dash-primary-bg);transform:scale(1.02)}.conso-label{font-size:.85rem;font-weight:600;color:var(--dash-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conso-qty{font-size:.75rem;color:var(--dash-primary);font-weight:700}.dashboard-actions{display:flex;justify-content:center;gap:1rem;padding:2rem 0 1rem;flex-wrap:wrap}.tech-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:6px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 10px #14265826;cursor:pointer;border:none;letter-spacing:.5px;position:relative;overflow:hidden}.tech-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .25s ease}.tech-button:hover:before{opacity:1}.tech-button.primary{background:linear-gradient(135deg,var(--dash-primary),var(--dash-primary-dark));color:#fff;box-shadow:0 4px 10px #ff7f0040}.tech-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff7f0059}.tech-button.primary:active{transform:translateY(0);box-shadow:0 2px 5px #ff7f0033}.tech-button.secondary{background:linear-gradient(135deg,var(--dash-secondary),var(--dash-secondary-light));color:#fff;box-shadow:0 4px 10px #14265826}.tech-button.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #14265840}.tech-button.secondary:active{transform:translateY(0);box-shadow:0 2px 5px #1426581a}.dashboard-footer{text-align:center;padding:1rem;margin-top:2rem;border-top:1px solid var(--dash-border)}.dashboard-footer small{color:var(--dash-text-muted);font-size:.8rem}.Toastify__toast-container{z-index:9999}.Toastify__toast{border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-lg)}.Toastify__toast--success{background:var(--success)}.Toastify__toast--warning{background:var(--warning)}.Toastify__toast--error{background:var(--danger)}.Toastify__toast--info{background:var(--info)}.dashboard-tech>*{animation:fadeIn .4s ease-out both}.dashboard-header{animation-delay:.05s}.veh-banner{animation-delay:.1s}.dashboard-tech-grid{animation-delay:.15s}.dashboard-card.full{animation-delay:.2s}.dashboard-actions{animation-delay:.25s}.dashboard-footer{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-refresh:focus-visible,.tech-button:focus-visible,.dashboard-card:focus-visible{outline:3px solid var(--dash-primary);outline-offset:2px}.dashboard-card li:focus-visible{outline:2px solid var(--dash-primary);outline-offset:-2px}.stock-list::-webkit-scrollbar{width:6px}.stock-list::-webkit-scrollbar-track{background:var(--dash-bg);border-radius:3px}.stock-list::-webkit-scrollbar-thumb{background:var(--dash-border);border-radius:3px}.stock-list::-webkit-scrollbar-thumb:hover{background:var(--dash-text-muted)}@media (max-width: 1200px){.dashboard-tech{padding:1.5rem}.dashboard-tech-grid{gap:1.25rem}.conso-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.chart-container{height:350px}}@media (max-width: 992px){.dashboard-tech{padding:1.25rem}.dashboard-tech-grid{grid-template-columns:1fr;gap:1.25rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title h1{font-size:1.75rem}.dashboard-card h2{font-size:1rem;padding:1rem}.chart-container{height:320px}}@media (max-width: 768px){.dashboard-tech{padding:1rem}.dashboard-tech:before{height:200px}.page-header{margin-bottom:1.5rem}.page-title h1,.page-title .title-icon{font-size:1.5rem}.dashboard-tech-grid{gap:1rem}.dashboard-card{border-radius:10px}.dashboard-card h2{font-size:.95rem;padding:.875rem 1rem}.dashboard-card h2 svg{font-size:1.1rem}.veh-banner{grid-template-columns:1fr;padding:1rem;gap:1rem}.dashboard-actions{flex-direction:column;align-items:stretch;gap:.75rem}.tech-button{width:100%;font-size:.9rem}.conso-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem}.chart-container{height:280px;padding:.75rem}.stock-list{max-height:350px}}@media (max-width: 480px){.dashboard-tech{padding:.875rem}.page-header{margin-bottom:1rem}.page-title h1,.page-title .title-icon{font-size:1.25rem}.dashboard-tech-grid{gap:.875rem}.dashboard-card{border-radius:8px}.dashboard-card h2{font-size:.875rem;padding:.75rem .875rem}.dashboard-card h2 svg{font-size:1rem}.badge{font-size:.7rem;padding:.15rem .5rem}.dashboard-card li{padding:.6rem;font-size:.85rem}.chip{font-size:.75rem;padding:.2rem .5rem}.conso-grid{grid-template-columns:1fr;gap:.75rem}.chart-container{height:250px;padding:.5rem}.stock-list{max-height:300px}.item-label{font-size:.85rem}.veh-banner{padding:.875rem;gap:.75rem}.tech-button{font-size:.85rem;padding:.625rem 1rem}.refresh-btn{padding:.5rem .875rem;font-size:.85rem}}@media (max-width: 360px){.dashboard-tech{padding:.75rem}.page-title h1{font-size:1.125rem}.dashboard-card h2{font-size:.8rem;padding:.625rem .75rem}.chart-container{height:220px}.tech-button{font-size:.8rem;padding:.5rem .875rem}}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--primary: #ff7f00;--primary-hover: #ea580c;--primary-light: rgba(255,127,0,.12);--bg: #ffffff;--surface: #ffffff;--surface-elevated: #fafafa;--border: #e5e7eb;--border-light: #f3f4f6;--text: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-subtle: #9ca3af;--success: #059669;--success-light: #d1fae5;--danger: #dc2626;--danger-light: #fee2e2;--warning: #d97706;--warning-light: #fef3c7;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);color-scheme:light only;--page-padding: clamp(12px, 2vw, 24px);--header-gap: 10px;--header-margin: 12px;--title-size: clamp(13px, 1.2vw, 18px);--icon-size: 16px;--btn-size: 28px;--btn-gap: 6px;--stat-padding: .8rem;--stat-icon-size: 1.75rem;--stat-label-size: .65rem;--stat-value-size: 1.4rem;--stat-gap: .4rem;--filter-padding: 12px;--filter-gap: 8px;--filter-margin: 12px 0 14px;--search-height: 38px;--search-padding: 0 12px 0 40px;--search-icon-left: 13px;--search-font: 14px;--tab-padding: 8px 16px;--tab-font: 13px;--tab-gap: 8px;--table-font: 14px;--table-padding: 12px 14px;--modal-width: 600px;--action-btn-size: 32px}.veh-list-page{background:var(--bg);color:var(--text);min-height:100vh;padding:var(--page-padding);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.veh-list-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--header-gap);margin-bottom:var(--header-margin);flex-wrap:nowrap}@media (max-width: 640px){.veh-list-page .page-header{flex-wrap:wrap}.veh-list-page .page-title{flex:1 1 100%;margin-bottom:8px}.veh-list-page .header-actions{flex:1 1 100%;justify-content:flex-end}}.veh-list-page .page-title{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0;flex:1 1 auto;white-space:nowrap}.veh-list-page .page-title h1{margin:0;font-size:var(--title-size);font-weight:700;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:visible;min-width:0}@media (max-width: 768px){.veh-list-page .page-title h1{white-space:normal;line-height:1.2}}.veh-list-page .title-icon{color:var(--primary);font-size:var(--icon-size);flex-shrink:0}.veh-list-page .header-actions{display:flex;gap:var(--btn-gap);align-items:center;flex:0 0 auto;flex-wrap:nowrap}.veh-list-page .header-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:1px;white-space:nowrap;flex:0 0 auto;min-width:auto;padding:.25rem;font-size:0;height:auto;min-height:auto;width:auto;border-radius:4px;transition:all .2s ease}.veh-list-page .header-actions .btn:hover{transform:translateY(-1px)}.veh-list-page .header-actions .btn span{display:none}.veh-list-page .header-actions .btn svg{font-size:.85rem;transition:transform .2s ease}@media (max-width: 768px){.veh-list-page .header-actions .btn svg{font-size:.9rem}}@media (max-width: 640px){.veh-list-page .header-actions .btn svg{font-size:.9rem}}@media (max-width: 576px){.veh-list-page .header-actions .btn svg{font-size:.85rem}}@media (max-width: 480px){.veh-list-page .header-actions .btn svg{font-size:0rem}}@media (max-width: 360px){.veh-list-page .header-actions .btn svg{font-size:.5rem}}.veh-list-page .header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--stat-gap);margin:var(--stat-gap) 0}.veh-list-page .header-stats .stat{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:var(--stat-padding);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid var(--border);position:relative;overflow:hidden;min-height:60px}.veh-list-page .header-stats .stat:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle,rgba(255,127,0,.05) 0%,transparent 70%);transform:translate(25%,-25%)}.veh-list-page .header-stats .stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.veh-list-page .header-stats .stat:nth-child(1){border-left-color:var(--primary)}.veh-list-page .header-stats .stat:nth-child(2){border-left-color:var(--success)}.veh-list-page .header-stats .stat:nth-child(3){border-left-color:var(--warning)}.veh-list-page .header-stats .stat:nth-child(4){border-left-color:#142658}.veh-list-page .header-stats .stat-icon{font-size:var(--stat-icon-size);color:var(--primary);opacity:.8;flex-shrink:0}.veh-list-page .header-stats .stat-content{flex:1;min-width:0}.veh-list-page .header-stats .stat-label{display:block;font-size:var(--stat-label-size);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0 0 .1rem}.veh-list-page .header-stats .stat-value{font-size:var(--stat-value-size);font-weight:700;color:var(--text);margin:0;line-height:1}.veh-list-page .filters-wrap{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--filter-padding);margin:var(--filter-margin);box-shadow:var(--shadow-sm);display:grid;gap:var(--filter-gap)}.veh-list-page .search-bar{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:var(--search-padding);height:var(--search-height);max-width:100%;transition:border .15s,box-shadow .15s}.veh-list-page .search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.veh-list-page .search-icon{position:absolute;left:var(--search-icon-left);color:var(--text-muted);font-size:var(--search-font)}.veh-list-page .search-input{background:transparent;border:none;outline:none;color:var(--text);width:100%;font-size:var(--search-font)}.veh-list-page .search-input::placeholder{color:var(--text-subtle)}.veh-list-page .clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px 5px;border-radius:var(--radius-sm)}.veh-list-page .clear-search:hover{color:var(--text);background:var(--border-light)}.veh-list-page .tabs{display:flex;gap:var(--tab-gap);flex-wrap:wrap}.veh-list-page .tab{border:1px solid var(--border);background:#fff;color:var(--text-secondary);padding:var(--tab-padding);border-radius:999px;font-weight:600;font-size:var(--tab-font);cursor:pointer;transition:all .18s ease}.veh-list-page .tab:hover{border-color:var(--primary);background:var(--border-light);color:var(--primary)}.veh-list-page .tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.veh-list-page .veh-container{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.veh-list-page .loading-state,.veh-list-page .empty-state{display:grid;place-items:center;gap:8px;padding:40px 20px;color:var(--text-muted);text-align:center}.veh-list-page .empty-icon{font-size:40px;color:var(--text-subtle)}.veh-list-page .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:var(--surface)}.veh-list-page .veh-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--table-font);table-layout:auto;min-width:800px}.veh-list-page .veh-table thead th{background:linear-gradient(to bottom,#1e3a8a,#1e40af);color:#fff;font-weight:700;font-size:calc(var(--table-font) - .5px);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:var(--table-padding);border-bottom:2px solid #1e3a8a;border-right:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:10;white-space:nowrap}.veh-list-page .veh-table thead th:last-child{border-right:none}.veh-list-page .veh-table tbody td{padding:var(--table-padding);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:middle;transition:all .2s ease}.veh-list-page .veh-table tbody td:last-child{border-right:none}.veh-list-page .veh-table tbody tr{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.veh-list-page .veh-table tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.veh-list-page .veh-table tbody tr:hover{background:linear-gradient(to right,rgba(255,127,0,.03),transparent 50%);transform:translate(2px)}.veh-list-page .veh-table tbody tr:hover:before{transform:scaleY(1)}.veh-list-page .veh-table tbody tr:last-child td{border-bottom:none}.veh-list-page .mono{font-family:ui-monospace,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:600;color:var(--primary);background:var(--primary-light);padding:.25rem .5rem;border-radius:4px;display:inline-block;font-size:.95em;letter-spacing:.5px}.veh-list-page .table-select{width:100%;max-width:280px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;font-size:var(--table-font);color:var(--text);outline:none;transition:all .2s ease;cursor:pointer}.veh-list-page .table-select:hover{border-color:var(--primary);background:var(--primary-light)}.veh-list-page .table-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.veh-list-page .actions-col{width:auto;min-width:280px;white-space:nowrap;text-align:right}@media (max-width: 1024px){.veh-list-page .actions-col{min-width:180px}}.veh-list-page .veh-actions-cell{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.veh-list-page .veh-actions-cell .btn{min-width:auto;min-height:auto;padding:.25rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;gap:.3rem;border-radius:4px}.veh-list-page .veh-actions-cell .btn svg{font-size:.9rem;flex-shrink:0}@media (max-width: 1024px){.veh-list-page .veh-actions-cell .btn{font-size:0;gap:0;padding:.3rem}.veh-list-page .veh-actions-cell .btn svg{font-size:1rem}}.veh-list-page .veh-actions-cell .btn:hover{transform:scale(1.08)}.veh-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.veh-modal-card{width:100%;max-width:var(--modal-width, 600px);max-height:90vh;overflow:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin:0 auto}.veh-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-light)}.veh-modal .modal-header h3{margin:0;font-size:16px;font-weight:800;color:var(--text)}.veh-modal .modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px 6px;border-radius:var(--radius-sm)}.veh-modal .modal-close:hover{background:var(--border-light);color:var(--text)}.veh-form{padding:14px 18px 18px;display:grid;gap:12px}.veh-form .form-group{display:grid;gap:5px}.veh-form label{font-size:12px;color:var(--text-secondary);font-weight:600}.veh-form .required{color:var(--danger)}.veh-form input,.veh-form select{width:100%;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:13px;outline:none;transition:border .15s,box-shadow .15s,background .15s}.veh-form input::placeholder{color:var(--text-subtle)}.veh-form input:focus,.veh-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.veh-form input.error,.veh-form select.error{border-color:var(--danger)}.veh-form .field-hint{font-size:11px;color:var(--text-muted)}.veh-form .error-message{font-size:11px;color:var(--danger);font-weight:600}.veh-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--border-light)}.spinning{animation:veh-spin 1s linear infinite}@keyframes veh-spin{to{transform:rotate(360deg)}}#vehicules-table{width:100%;border-collapse:collapse}#table-container-vehicules{overflow-x:auto;-webkit-overflow-scrolling:touch}.veh-list-page .stock-modal{max-width:850px;max-height:85vh}.veh-list-page .stock-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;gap:1rem}.veh-list-page .stock-loading .spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:veh-spin .8s linear infinite}.veh-list-page .stock-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.2rem;background:var(--surface-elevated);border-bottom:1px solid var(--border-light)}.veh-list-page .summary-stat{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border-light)}.veh-list-page .summary-stat .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.veh-list-page .summary-stat .stat-value{font-size:1.8rem;font-weight:700;color:var(--text)}.veh-list-page .summary-stat .stat-value.success{color:var(--success)}.veh-list-page .stock-content{padding:1.2rem;max-height:450px;overflow-y:auto}.veh-list-page .stock-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;gap:1rem;text-align:center}.veh-list-page .stock-empty .empty-icon{font-size:2.8rem;color:var(--text-subtle)}.veh-list-page .stock-empty h4{margin:0;font-size:1.1rem;color:var(--text)}.veh-list-page .stock-empty p{margin:0;color:var(--text-muted);font-size:.9rem}.veh-list-page .stock-table-container{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius)}.veh-list-page .stock-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.veh-list-page .stock-table thead th{background:var(--surface-elevated);color:var(--text);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:1}.veh-list-page .stock-table thead th:nth-child(1){width:25%}.veh-list-page .stock-table thead th:nth-child(2){width:55%}.veh-list-page .stock-table thead th:nth-child(3){width:20%;text-align:center}.veh-list-page .stock-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle}.veh-list-page .stock-table tbody tr:hover{background:var(--surface-elevated);box-shadow:inset 4px 0 0 0 var(--primary)}.veh-list-page .stock-table .stock-name{font-weight:600;color:var(--text);font-size:12px}.veh-list-page .stock-table .stock-ref{color:var(--text-secondary);font-size:11px;font-family:ui-monospace,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:600}.veh-list-page .stock-table .qty-col{text-align:center}.veh-list-page .qty-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px}.veh-list-page .qty-badge.ok{background:var(--success-light);color:var(--success)}.veh-list-page .qty-badge.low{background:var(--warning-light);color:var(--warning)}.veh-list-page .qty-badge.empty{background:var(--danger-light);color:var(--danger)}.veh-list-page .btn.success{background:var(--success);color:#fff}.veh-list-page .btn.success:hover{background:#047857}@media (min-width: 1600px){:root{--page-padding: 24px;--header-gap: 12px;--header-margin: 16px;--title-size: 20px;--icon-size: 18px;--btn-size: 32px;--stat-padding: 1rem;--stat-icon-size: 2rem;--stat-label-size: .7rem;--stat-value-size: 1.6rem;--modal-width: 700px;--action-btn-size: 36px}.veh-list-page .header-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1200px) and (max-width: 1599px){:root{--page-padding: 18px;--header-gap: 10px;--header-margin: 12px;--title-size: 16px;--btn-size: 30px;--modal-width: 650px;--action-btn-size: 34px}.veh-list-page .header-stats{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px){:root{--page-padding: 16px;--header-gap: 8px;--header-margin: 10px;--title-size: 15px;--icon-size: 15px;--btn-size: 28px;--btn-gap: 5px;--stat-padding: .7rem;--stat-icon-size: 1.6rem;--stat-label-size: .62rem;--stat-value-size: 1.3rem;--stat-gap: .35rem;--filter-padding: 10px;--filter-gap: 7px;--filter-margin: 10px 0 12px;--search-height: 36px;--search-padding: 0 11px 0 38px;--search-icon-left: 12px;--search-font: 13px;--tab-padding: 7px 14px;--tab-font: 12px;--tab-gap: 7px;--table-font: 13px;--table-padding: 11px 13px;--modal-width: 580px;--action-btn-size: 30px}.veh-list-page .header-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){:root{--page-padding: 14px;--header-gap: 7px;--header-margin: 9px;--title-size: 14px;--icon-size: 14px;--btn-size: 26px;--btn-gap: 4px;--stat-padding: .6rem;--stat-icon-size: 1.4rem;--stat-label-size: .58rem;--stat-value-size: 1.15rem;--stat-gap: .3rem;--filter-padding: 9px;--filter-gap: 6px;--filter-margin: 9px 0 11px;--search-height: 34px;--search-padding: 0 10px 0 36px;--search-icon-left: 11px;--search-font: 12px;--tab-padding: 6px 13px;--tab-font: 11.5px;--tab-gap: 6px;--table-font: 12px;--table-padding: 10px 12px;--modal-width: 540px;--action-btn-size: 28px}.veh-list-page .header-stats{grid-template-columns:repeat(2,1fr)}.veh-list-page .stock-modal{max-width:95vw}}@media (max-width: 768px){:root{--page-padding: 12px;--header-gap: 6px;--header-margin: 8px;--title-size: 14px;--icon-size: 14px;--btn-size: 32px;--btn-gap: 3px;--stat-padding: .5rem;--stat-icon-size: 1.2rem;--stat-label-size: .54rem;--stat-value-size: 1rem;--stat-gap: .25rem;--filter-padding: 8px;--filter-gap: 5px;--filter-margin: 8px 0 10px;--search-height: 32px;--search-padding: 0 9px 0 34px;--search-icon-left: 10px;--search-font: 11.5px;--tab-padding: 6px 12px;--tab-font: 11px;--tab-gap: 5px;--table-font: 10.5px;--table-padding: 8px 10px;--modal-width: 95vw;--action-btn-size: 32px}.veh-list-page .header-stats{grid-template-columns:repeat(2,1fr)}.veh-list-page .header-stats .stat{min-height:55px}.veh-list-page .veh-actions-cell{gap:5px}.veh-list-page .veh-actions-cell .btn{min-width:auto;min-height:auto;padding:.25rem}.veh-list-page .veh-actions-cell .btn svg{font-size:.95rem}.veh-list-page .table-select{max-width:100%;font-size:10px;padding:5px 7px}.veh-list-page .stock-summary{grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1rem}.veh-list-page .veh-table{min-width:700px}.veh-list-page .actions-col{min-width:160px}}@media (max-width: 640px){:root{--page-padding: 10px;--header-gap: 5px;--header-margin: 7px;--title-size: 13px;--icon-size: 13px;--btn-size: 24px;--btn-gap: 3px;--stat-padding: .45rem;--stat-icon-size: 1.1rem;--stat-label-size: .52rem;--stat-value-size: .92rem;--stat-gap: .22rem;--filter-padding: 7px;--filter-gap: 4px;--filter-margin: 7px 0 9px;--search-height: 30px;--search-padding: 0 8px 0 32px;--search-icon-left: 9px;--search-font: 11px;--tab-padding: 5px 11px;--tab-font: 10.5px;--tab-gap: 4px;--table-font: 9.5px;--table-padding: 7px 8px;--modal-width: 96vw;--action-btn-size: 30px}.veh-list-page .header-stats{grid-template-columns:repeat(2,1fr)}.veh-list-page .header-stats .stat{min-height:50px}.veh-list-page .veh-actions-cell{gap:4px}.veh-list-page .veh-actions-cell .btn{min-width:auto;min-height:auto;padding:.25rem}.veh-list-page .veh-actions-cell .btn svg{font-size:.9rem}.veh-list-page .stock-summary{grid-template-columns:1fr;gap:.5rem;padding:.8rem}.veh-list-page .veh-table{min-width:600px}.veh-list-page .actions-col{min-width:150px}}@media (max-width: 576px){:root{--page-padding: 10px;--header-gap: 5px;--header-margin: 6px;--title-size: 12.5px;--icon-size: 12.5px;--btn-size: 22px;--btn-gap: 2px;--stat-padding: .4rem;--stat-icon-size: 1rem;--stat-label-size: .5rem;--stat-value-size: .85rem;--stat-gap: .2rem;--filter-padding: 6px;--filter-gap: 3px;--filter-margin: 6px 0 8px;--search-height: 28px;--search-padding: 0 7px 0 30px;--search-icon-left: 8px;--search-font: 10.5px;--tab-padding: 5px 10px;--tab-font: 10px;--tab-gap: 3px;--table-font: 9px;--table-padding: 6px 8px;--modal-width: 98vw;--action-btn-size: 28px}.veh-list-page .header-stats{grid-template-columns:repeat(2,1fr)}.veh-list-page .header-stats .stat{min-height:48px}.veh-list-page .veh-actions-cell{gap:4px}.veh-list-page .veh-actions-cell .btn{min-width:auto;min-height:auto;padding:.2rem}.veh-list-page .veh-actions-cell .btn svg{font-size:.85rem}.veh-list-page .table-select{max-width:100%;font-size:9px;padding:4px 6px}.veh-list-page .tabs{gap:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.veh-list-page .tabs::-webkit-scrollbar{display:none}.veh-list-page .veh-table{min-width:550px}.veh-list-page .actions-col{min-width:140px}}@media (max-width: 480px){:root{--page-padding: 8px;--header-gap: 4px;--header-margin: 5px;--title-size: 12px;--icon-size: 12px;--btn-size: 20px;--btn-gap: 2px;--stat-padding: .35rem;--stat-icon-size: .9rem;--stat-label-size: .48rem;--stat-value-size: .78rem;--stat-gap: .18rem;--filter-padding: 5px;--filter-gap: 3px;--filter-margin: 5px 0 7px;--search-height: 26px;--search-padding: 0 6px 0 28px;--search-icon-left: 7px;--search-font: 10px;--tab-padding: 4px 9px;--tab-font: 9.5px;--tab-gap: 2px;--table-font: 8.5px;--table-padding: 5px 6px;--radius-sm: 6px;--radius: 10px;--radius-lg: 12px;--modal-width: 98vw;--action-btn-size: 20px}.veh-list-page .header-stats{grid-template-columns:repeat(2,1fr);gap:.15rem}.veh-list-page .header-stats .stat{min-height:45px;padding:.3rem}.veh-list-page .veh-actions-cell{gap:2px}.veh-list-page .veh-actions-cell .btn{min-width:auto;min-height:auto;padding:.15rem}.veh-list-page .veh-actions-cell .btn svg{font-size:.7rem}.veh-list-page .table-select{max-width:100%;font-size:8.5px;padding:3px 5px}.veh-list-page .filters-wrap input,.veh-list-page .filters-wrap select{font-size:10px;padding:.2rem .3rem;height:26px}.veh-modal .modal-header h3{font-size:14px}.veh-form input,.veh-form select{padding:8px 10px;font-size:11px}.veh-list-page .stock-table{font-size:10px}.veh-list-page .stock-table thead th,.veh-list-page .stock-table tbody td{padding:8px 10px}.veh-list-page .veh-table{min-width:500px}.veh-list-page .actions-col{min-width:110px}}@media (max-width: 360px){:root{--page-padding: 6px;--header-gap: 3px;--header-margin: 4px;--title-size: 11px;--icon-size: 11px;--btn-size: 18px;--stat-padding: .3rem;--stat-icon-size: .8rem;--stat-label-size: .46rem;--stat-value-size: .72rem;--search-height: 24px;--search-font: 9px;--tab-font: 9px;--table-font: 8px;--table-padding: 4px 5px;--action-btn-size: 18px}.veh-list-page .header-stats{grid-template-columns:1fr;gap:.12rem}.veh-list-page .header-stats .stat{min-height:42px}#btn-nouveau,#btn-refresh{min-height:16px!important;width:16px!important}.veh-list-page .veh-actions-cell{gap:2px}.veh-list-page .veh-actions-cell .btn{min-width:auto;min-height:auto;padding:.15rem}.veh-list-page .veh-actions-cell .btn svg{font-size:.65rem}.veh-form input,.veh-form select{padding:6px 8px;font-size:10px}}@media (max-width: 768px){.aap{padding:1rem!important}.aap-header{flex-direction:column!important;gap:1rem!important}.aap-search-container{width:100%!important;min-width:100%!important}.aap-actions{width:100%!important}.aap-table-container{overflow-x:scroll!important}.aap-table{min-width:500px!important;font-size:.8rem!important}.aap-table th,.aap-table td{padding:.5rem!important}.aap-modal-content{width:95%!important;margin:1rem!important}}.aap{--scrollbar-width: 10px;--scrollbar-color: rgba(20, 38, 88, .15);--scrollbar-track: rgba(20, 38, 88, .05);--scrollbar-hover: rgba(255, 127, 0, .3)}.aap::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.aap::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.aap::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:10px;transition:all .3s ease}.aap::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.aap{--primary: #142658;--primary-light: #1a3a8f;--primary-dark: #0f1d45;--primary-bg: rgba(20, 38, 88, .08);--primary-hover: rgba(20, 38, 88, .12);--accent: #FF7F00;--accent-light: #ffb366;--accent-dark: #e56f00;--accent-bg: rgba(255, 127, 0, .08);--accent-hover: rgba(255, 127, 0, .15);--bg: #f4f7fb;--card: #ffffff;--card-hover: #fafbfc;--border: #e5e7eb;--border-hover: #d1d5db;--muted: #64748b;--text: #1f2937;--text-secondary: #374151;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 20px;padding:clamp(16px,3vw,32px);background:linear-gradient(135deg,#f8faff,#e6f0ff);color:var(--text);min-height:100dvh;font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;position:relative;animation:fadeInPage .6s ease-out;border-radius:15px;box-shadow:0 8px 30px #0000000d}.aap:before{content:"";position:absolute;inset:0 0 auto;height:300px;background:radial-gradient(ellipse at top,rgba(20,38,88,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.aap:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23142658' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aap .aap-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;animation:slideInDown .4s ease-out .1s both;padding:1.25rem;background:linear-gradient(90deg,#14265808,#14265814);border-radius:var(--radius);border-left:4px solid var(--primary);position:relative;z-index:1}.aap .aap-header h1{margin:0;font-weight:800;font-size:clamp(1.25rem,3vw,2rem);letter-spacing:-.02em;color:var(--primary);position:relative;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 4px rgba(26,60,88,.1);flex:1;min-width:0}.aap .aap-header h1:before{content:"🏢";font-size:1.2em;filter:drop-shadow(0 2px 4px rgba(26,60,88,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.aap .aap-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;flex:0 1 auto}.aap .aap-search{padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:200px;max-width:100%;flex:1;color:var(--text);font-size:.95rem;font-weight:500;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.aap .aap-search:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,var(--primary-bg),transparent);opacity:0;transition:var(--transition)}.aap .aap-search::placeholder{color:var(--muted);font-weight:400}.aap .aap-search:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:var(--shadow-lg),0 0 0 3px var(--primary-bg);transform:translateY(-1px)}.aap .aap-search:focus:before{opacity:1}.aap .aap-table-wrap{background:var(--card);border-radius:var(--radius-lg);box-shadow:0 12px 25px #1426580f;padding:0;overflow-x:auto;overflow-y:visible;border:1px solid rgba(20,38,88,.1);position:relative;animation:slideInUp .4s ease-out .2s both;z-index:1}.aap .aap-table-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#142658,#ff7f00,#142658);opacity:.9}.aap .aap-table{width:100%;border-collapse:separate;border-spacing:0;position:relative;table-layout:fixed}.aap .aap-table th,.aap .aap-table td{padding:1rem .75rem;text-align:left;vertical-align:middle;transition:var(--transition)}.aap .aap-table th{background:linear-gradient(135deg,#14265814,#14265808);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--primary);font-weight:700;border-bottom:3px solid var(--primary);position:sticky;top:0;z-index:10;padding:1.25rem .75rem;white-space:nowrap}.aap .aap-table th:nth-child(1),.aap .aap-table td:nth-child(1){width:18%}.aap .aap-table th:nth-child(2),.aap .aap-table td:nth-child(2){width:32%}.aap .aap-table th:nth-child(3),.aap .aap-table td:nth-child(3){width:13%}.aap .aap-table th:nth-child(4),.aap .aap-table td:nth-child(4){width:13%}.aap .aap-table th:nth-child(5),.aap .aap-table td:nth-child(5){width:24%;min-width:220px}.aap .aap-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));pointer-events:none}.aap .aap-table tbody tr{border-bottom:1px solid var(--border);transition:all .25s ease-in-out;background:var(--card);position:relative;overflow:hidden;z-index:1}.aap .aap-table tbody tr:nth-child(2n){background:#14265805}.aap .aap-table tbody tr:hover{background:linear-gradient(90deg,#ff7f0008,#ff7f0003);box-shadow:inset 4px 0 0 0 var(--accent),0 4px 15px #14265814;z-index:2;border-radius:4px;border-bottom:1px solid var(--accent-bg)}.aap .aap-table tbody td{background:transparent;border-bottom:1px solid rgba(229,231,235,.5);padding:1rem .75rem;color:var(--text);font-weight:400;transition:all .2s;overflow:hidden;text-overflow:ellipsis}.aap .aap-empty{text-align:center;color:var(--muted);padding:4rem 1rem;font-style:italic;background:linear-gradient(135deg,#14265805,#1426580d);border-radius:8px;box-shadow:inset 0 0 20px #14265808;border:1px dashed rgba(20,38,88,.15);margin:1.5rem 0;position:relative}.aap .aap-empty:before{content:"📋";font-size:2.5rem;display:block;margin-bottom:1rem;opacity:.7;animation:float 3s ease-in-out infinite}.aap .aap-muted{color:var(--muted);font-weight:500}.aap .aap-badge-hq{margin-left:.5rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;color:#000;background:linear-gradient(135deg,#a75504,#bd6106);display:inline-flex;align-items:center;border:1px solid #FF7F00;box-shadow:0 2px 4px #ff7f0033;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fed7aa;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #9a34121a;animation:pulse 2s ease-in-out infinite}.aap .aap-actions-cell{display:flex;gap:.6rem;align-items:center;flex-wrap:nowrap;justify-content:flex-end;padding:.5rem .75rem!important;transition:all .3s ease;overflow:visible!important}.aap .aap-btn,.aap .aap-btn-primary,.aap .aap-btn.aap-danger{border-radius:6px;border:2px solid transparent;padding:.5rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .25s ease-in-out;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:38px;height:36px;box-shadow:0 2px 5px #00000014}.aap .aap-actions-cell .aap-btn.aap-btn-text,.aap .aap-actions-cell .aap-btn-primary.aap-btn-text,.aap .aap-actions-cell .aap-btn.aap-danger.aap-btn-text{min-width:85px;max-width:100px;height:34px;padding:0 10px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;white-space:nowrap}.aap .aap-btn:before,.aap .aap-btn-primary:before,.aap .aap-btn.aap-danger:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:var(--transition)}.aap .aap-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:var(--border);color:var(--primary);box-shadow:0 2px 5px #1426581a}.aap .aap-actions-cell .aap-btn{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-color:#bfdbfe}.aap .aap-actions-cell .aap-btn.aap-btn-text{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-color:#bfdbfe;margin-right:5px}.aap .aap-btn:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 10px #14265826;background:linear-gradient(135deg,var(--card),var(--primary-bg))}.aap .aap-btn:active{transform:translateY(0);box-shadow:0 1px 3px #1426581a}.aap .aap-btn:hover:before{opacity:1}.aap .aap-btn-primary{background:#ff7f00;color:#fff;border:none;box-shadow:0 4px 16px #ff7f004d;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden;z-index:1;transition:all .3s ease}.aap .aap-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff7f00,#ffae5c);opacity:0;z-index:-1;transition:opacity .3s ease}.aap .aap-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7f0066;background:linear-gradient(135deg,var(--accent-dark),var(--accent))}.aap .aap-btn-primary:hover:before{opacity:1}.aap .aap-btn.aap-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border-color:#fecaca;box-shadow:0 2px 5px #b91c1c1a}.aap .aap-actions-cell .aap-btn.aap-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border-color:#fecaca;box-shadow:0 2px 5px #b91c1c1a;position:relative;overflow:hidden}.aap .aap-actions-cell .aap-btn.aap-danger.aap-btn-text{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border-color:#fecaca;font-weight:600}.aap .aap-actions-cell .aap-btn.aap-danger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#b91c1c00,#b91c1c1a);opacity:0;transition:opacity .3s ease}.aap .aap-btn.aap-danger:hover{transform:translateY(-2px);border-color:#ef4444;box-shadow:0 4px 12px #ef444440;background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#991b1b}.aap .aap-btn.aap-danger:active{transform:translateY(0);box-shadow:0 1px 3px #b91c1c1a}.aap .aap-btn.aap-danger:hover:before{opacity:1}.aap .aap-btn:disabled,.aap .aap-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow)!important}.aap .aap-btn:active,.aap .aap-btn-primary:active,.aap .aap-btn.aap-danger:active{transform:translateY(0)}.aap .aap-loader{display:grid;place-items:center;color:var(--muted);min-height:40dvh;font-weight:600;font-size:1.1rem;position:relative;gap:1rem}.aap .aap-loader:before{content:"";width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.aap .aap-modal{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1000;padding:1rem;animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.aap .aap-modal-card{width:min(95vw,600px);background:var(--card);border-radius:12px;box-shadow:0 10px 40px #14265833,0 0 0 1px #1426580d;padding:2rem;border:none;position:relative;animation:slideInScale .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.aap .aap-modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary),var(--accent))}.aap .aap-modal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#14265805,#fff0 50%);pointer-events:none}.aap .aap-modal-card h3{margin:.5rem 0 2rem;font-size:1.5rem;font-weight:700;color:var(--primary);text-align:center;letter-spacing:-.02em;position:relative;padding-bottom:1rem}.aap .aap-modal-card h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent),rgba(255,127,0,.5));border-radius:2px}.aap .aap-form{display:grid;gap:1.25rem}.aap .aap-form label{display:grid;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.aap .aap-form input:not([type=checkbox]):not([type=radio]),.aap .aap-form select{width:100%;padding:.875rem 1rem;border:1px solid rgba(20,38,88,.15);border-radius:8px;background:#fffc;color:var(--text);font-size:.95rem;font-weight:500;transition:all .25s ease;box-shadow:0 2px 5px #14265808;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aap .aap-form input:not([type=checkbox]):not([type=radio])::placeholder{color:var(--muted);font-weight:400;opacity:.7}.aap .aap-form input:not([type=checkbox]):not([type=radio]):hover,.aap .aap-form select:hover{border-color:#1426584d;box-shadow:0 3px 8px #1426580f}.aap .aap-form input:not([type=checkbox]):not([type=radio]):focus-visible,.aap .aap-form select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff7f0026;border-color:var(--primary);background:#fff;box-shadow:var(--shadow-lg),0 0 0 3px var(--primary-bg);transform:translateY(-1px)}.aap .aap-form input:disabled,.aap .aap-form select:disabled{background:#f1f5f9;color:var(--muted);cursor:not-allowed;opacity:.7}.aap .aap-checkbox{display:inline-flex;align-items:center;gap:.75rem;font-weight:500;color:var(--primary);padding:.75rem 1rem;background:linear-gradient(135deg,#14265808,#14265814);border:1px solid rgba(20,38,88,.1);border-radius:8px;transition:all .25s ease;cursor:pointer;box-shadow:0 2px 5px #14265808}.aap .aap-checkbox:hover{background:linear-gradient(135deg,#ff7f000d,#ff7f001a);border-color:var(--accent);transform:translateY(-1px)}.aap .aap-form input[type=checkbox]{appearance:none;width:22px;height:22px;border:2px solid rgba(20,38,88,.3);border-radius:6px;background:#ffffffe6;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 1px 3px #1426581a}.aap .aap-form input[type=checkbox]:checked{background:linear-gradient(135deg,#ff7f00,#f97316);border-color:var(--accent);box-shadow:0 0 10px #ff7f004d;transform:scale(1.05)}.aap .aap-form input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.2);animation:checkPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.aap .aap-form input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.aap .aap-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(20,38,88,.1);position:relative}.aap .aap-form-actions:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,127,0,.3) 20%,rgba(255,127,0,.3) 80%,transparent 100%)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.aap .aap-btn:focus-visible,.aap .aap-btn-primary:focus-visible,.aap .aap-search:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.aap .aap-table tbody tr:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media (min-width: 1400px){.aap .aap-table th,.aap .aap-table td{padding:1.25rem 1rem}}@media (max-width: 1200px){.aap{padding:clamp(14px,2.8vw,28px)}.aap .aap-table th,.aap .aap-table td{padding:1rem .625rem;font-size:.9rem}.aap .aap-table th:nth-child(5),.aap .aap-table td:nth-child(5){min-width:200px}}@media (max-width: 1024px){.aap{padding:clamp(12px,2.5vw,24px)}.aap .aap-header{padding:1rem}.aap .aap-header h1{font-size:clamp(1.15rem,2.5vw,1.75rem)}.aap .aap-search{min-width:180px}.aap .aap-table th,.aap .aap-table td{padding:.875rem .5rem;font-size:.85rem}.aap .aap-table th:nth-child(5),.aap .aap-table td:nth-child(5){min-width:180px}}@media (max-width: 768px){.aap{padding:1rem}.aap .aap-header{flex-direction:column;align-items:stretch;gap:1rem;padding:.875rem}.aap .aap-header h1{font-size:1.25rem}.aap .aap-actions{flex-direction:column;width:100%}.aap .aap-search{width:100%;min-width:unset;order:-1}.aap .aap-btn-primary{width:100%;justify-content:center}.aap .aap-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.aap .aap-table{min-width:650px}.aap .aap-table th,.aap .aap-table td{padding:.75rem .5rem;font-size:.8rem}.aap .aap-table th{padding:1rem .5rem}.aap .aap-actions-cell{flex-direction:column;gap:.375rem;align-items:stretch}.aap .aap-actions-cell .aap-btn{width:100%;min-width:unset;justify-content:center}.aap .aap-badge-hq{font-size:.65rem;padding:.2rem .5rem}}@media (max-width: 576px){.aap{padding:.875rem}.aap .aap-header{padding:.75rem}.aap .aap-header h1{font-size:1.15rem;gap:.5rem}.aap .aap-header h1:before{font-size:1em}.aap .aap-table{min-width:600px}.aap .aap-table th,.aap .aap-table td{padding:.625rem .375rem;font-size:.75rem}.aap .aap-table th{padding:.875rem .375rem}.aap .aap-btn{font-size:.7rem;padding:.5rem .625rem}}@media (max-width: 480px){.aap{padding:.75rem}.aap .aap-header h1{font-size:1.1rem}.aap .aap-table{min-width:550px}.aap .aap-modal-card{width:95vw;padding:1rem;max-height:90vh}.aap .aap-modal-card h2{font-size:1.15rem}.aap .aap-form-actions{flex-direction:column;gap:.5rem}.aap .aap-form-actions .aap-btn{width:100%}.aap .aap-table th,.aap .aap-table td{padding:.5rem .25rem;font-size:.7rem}.aap .aap-table th{padding:.75rem .25rem}.aap .aap-badge-hq{font-size:.6rem;padding:.15rem .4rem;margin-left:.25rem}}@media (max-width: 360px){.aap,.aap .aap-header{padding:.625rem}.aap .aap-header h1{font-size:1rem}.aap .aap-table{min-width:500px}.aap .aap-modal-card{padding:.875rem}}.aap .aap-table-wrap::-webkit-scrollbar{width:8px;height:8px}.aap .aap-table-wrap::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.aap .aap-table-wrap::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px;transition:var(--transition)}.aap .aap-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media print{.aap{background:#fff!important;padding:1rem!important}.aap .aap-actions,.aap .aap-modal{display:none!important}.aap .aap-table-wrap{box-shadow:none!important;border:1px solid #ddd!important}.aap .aap-table tbody tr:hover{background:transparent!important;transform:none!important}}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--orange-primary: #ff7f00;--orange-hover: #ea580c;--orange-light: rgba(255, 127, 0, .1);--orange-lighter: rgba(255, 127, 0, .05);--primary-color: var(--orange-primary);--primary-hover: var(--orange-hover);--primary-light: var(--orange-light);--secondary-color: var(--gray-500);--secondary-hover: var(--gray-600);--danger-color: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success-color: #10b981;--success-hover: #059669;--success-light: #ecfdf5;--warning-color: #f59e0b;--warning-hover: #d97706;--warning-light: #fffbeb;--info-color: #06b6d4;--info-hover: #0891b2;--info-light: #f0fdff;--bg-primary: var(--white);--bg-secondary: var(--white);--bg-tertiary: var(--gray-50);--bg-quaternary: var(--gray-100);--bg-glass: rgba(255, 255, 255, .95);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-quaternary: var(--gray-400);--border-color: var(--gray-200);--border-hover: var(--gray-300);--border-focus: var(--orange-primary);--border-subtle: var(--gray-100);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--control-bg: var(--white);--control-bg-hover: var(--gray-50);--control-bg-focus: var(--white);--control-bg-disabled: var(--gray-100);--control-border: var(--gray-300);--control-border-hover: var(--gray-400);--control-border-focus: var(--orange-primary);--control-text: var(--gray-900);--control-placeholder: var(--gray-400);--control-height: 42px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-colored: 0 4px 15px rgba(255, 127, 0, .15);--ring: 0 0 0 3px var(--orange-light);--ring-error: 0 0 0 3px rgba(239, 68, 68, .1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;color-scheme:light only}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stock-admin-page{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--info-color) 50%,var(--success-color) 100%);border-radius:var(--border-radius) var(--border-radius) 0 0}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);width:100%}.page-title{display:flex;align-items:center;gap:var(--spacing-base);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--text-primary);margin:0}.title-icon{color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(255,127,0,.3))}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-base);flex-wrap:wrap;min-width:fit-content;position:relative;z-index:10}.page-stats{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:clamp(.75rem,2vw,.875rem);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.page-stats:before{content:" ";font-size:1rem}.search-container{position:relative;flex:1;max-width:400px;min-width:250px}.search-input{width:100%;padding:clamp(.5rem,2vw,.75rem) clamp(2rem,8vw,3rem);border:2px solid var(--control-border);border-radius:var(--border-radius);font-size:clamp(.75rem,2.5vw,.875rem);font-weight:500;background:var(--control-bg);color:var(--control-text);transition:var(--transition-base);box-shadow:var(--shadow-xs)}.search-input::placeholder{color:var(--control-placeholder)}.search-input:focus{outline:none;border-color:var(--control-border-focus);background:var(--control-bg-focus);box-shadow:var(--ring);transform:translateY(-1px)}.search-input:hover:not(:focus){border-color:var(--control-border-hover);background:var(--control-bg-hover)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1rem;pointer-events:none;transition:var(--transition-base)}.search-input:focus+.search-icon{color:var(--primary-color)}.clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:none;color:var(--text-tertiary);font-size:1.25rem;font-weight:700;cursor:pointer;padding:.25rem;border-radius:50%;line-height:1;transition:var(--transition-base);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:var(--danger-color);color:#fff;transform:translateY(-50%) scale(1.1)}.filter-panel{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);animation:slideDown .4s var(--transition-bounce);box-shadow:var(--shadow-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.filter-group label:before{content:"•";color:var(--primary-color);font-weight:700}.filter-group input,.filter-group select{padding:.625rem .875rem;border:2px solid var(--control-border);border-radius:var(--border-radius-sm);font-size:.875rem;background:var(--control-bg);color:var(--control-text);transition:var(--transition-base);font-weight:500}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--control-border-focus);box-shadow:var(--ring);transform:translateY(-1px)}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--spacing-base);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xl);align-items:start;justify-items:center;max-width:100%;margin:0 auto}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr;gap:var(--spacing-lg);justify-items:center;max-width:100%}}.card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:var(--bg-tertiary);flex-wrap:wrap}.card-header h2{margin:0;font-size:clamp(1rem,3vw,1.125rem);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.card-header h2:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.table-container{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) var(--bg-tertiary);position:relative}.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}.data-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.data-table th{padding:clamp(.5rem,2vw,var(--spacing-base)) clamp(.75rem,3vw,var(--spacing-lg));text-align:left;font-size:clamp(.65rem,2vw,.75rem);font-weight:700;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-color);letter-spacing:.05em}.data-table th:nth-child(1){width:25%}.data-table th:nth-child(2){width:50%}.data-table th:nth-child(3){width:12%}.data-table th:nth-child(4){width:13%;text-align:center}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-base);position:relative}.th-sortable:hover{background:var(--orange-lighter);color:var(--primary-color)}.th-sortable.active{color:var(--primary-color);background:var(--orange-light)}.th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.sort-indicator{font-size:.875rem;color:var(--primary-color);transition:var(--transition-base)}.data-table td{padding:clamp(.75rem,3vw,var(--spacing-lg));border-bottom:1px solid var(--border-subtle);font-size:clamp(.75rem,2.5vw,.875rem);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:nth-child(4){text-align:center}.table-row{cursor:pointer;transition:var(--transition-base);position:relative}.table-row:hover{background:var(--bg-tertiary);box-shadow:inset 4px 0 0 0 var(--primary-color)}.table-row.selected{background:var(--orange-lighter);box-shadow:inset 4px 0 0 0 var(--primary-color),inset 0 0 0 1px var(--orange-light)}.table-row.empty-stock{opacity:.7;background:var(--warning-light)}.reference-cell{font-weight:700;color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace}.designation-cell{color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{color:var(--text-tertiary);font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace}.quantity-cell{text-align:right}.quantity-badge{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.25rem,1.5vw,.375rem) clamp(.5rem,2vw,.875rem);background:var(--success-color);color:#fff;border-radius:var(--border-radius);font-weight:700;font-size:clamp(.65rem,2vw,.75rem);min-width:clamp(40px,10vw,50px);box-shadow:var(--shadow-sm);font-family:JetBrains Mono,Fira Code,monospace}.quantity-badge.empty{background:var(--danger-color);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.actions-cell{text-align:center;white-space:nowrap}.actions-cell button,.actions-cell [class^=btn-]{margin:0 var(--spacing-xs)}.loading-cell,.empty-cell{text-align:center;color:var(--text-tertiary);font-style:italic;padding:var(--spacing-2xl);background:var(--bg-tertiary)}.pagination{padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--border-color);background:var(--bg-tertiary)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-base);min-width:100px}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-base);background:var(--bg-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.detail-content{padding:var(--spacing-xl)}.item-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--border-color);margin-bottom:var(--spacing-xl);position:relative}.item-header:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:var(--primary-color);border-radius:2px}.item-info h3{margin:0 0 var(--spacing-sm) 0;font-size:1.5rem;font-weight:800;color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace}.item-info p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.global-stock{text-align:center;padding:var(--spacing-xl);background:var(--orange-lighter);border-radius:var(--border-radius-lg);border:2px solid var(--orange-light);position:relative;overflow:hidden}.global-stock:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.global-quantity{font-size:2.5rem;font-weight:900;color:var(--primary-color);margin-bottom:var(--spacing-sm);font-family:JetBrains Mono,Fira Code,monospace}.global-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.1em}.stocks-section{margin-bottom:var(--spacing-xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0;font-size:1.125rem;font-weight:700;color:var(--text-primary);position:relative;padding-bottom:var(--spacing-sm)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color);border-radius:1px}.stocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-base)}.stock-chip{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--gray-100),var(--gray-200));border:2px solid var(--gray-300);border-radius:var(--border-radius);transition:var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.stock-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-color);transition:var(--transition-base)}.stock-chip:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stock-chip:hover:before{background:var(--primary-color)}.stock-chip.headquarters{background:var(--primary-color);border:none;color:#fff;box-shadow:var(--shadow-lg)}.stock-chip.headquarters:before{background:linear-gradient(90deg,#ffffff4d,#fff9,#ffffff4d)}.stock-chip.empty{opacity:.6;background:var(--warning-light);border-color:var(--warning-color)}.stock-chip.empty:before{background:var(--warning-color)}.chip-header{margin-bottom:var(--spacing-base)}.chip-title{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-700)}.stock-chip.headquarters .chip-title{color:#fff}.hq-badge{display:inline-block;padding:.125rem .5rem;background:#ffffff40;border-radius:var(--border-radius-sm);font-size:.625rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip-quantity{font-size:1.5rem;font-weight:900;font-family:JetBrains Mono,Fira Code,monospace;color:var(--gray-900)}.stock-chip.headquarters .chip-quantity{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stock-chip.headquarters.empty{background:var(--danger-color);border:2px solid var(--danger-hover)}.stock-chip.headquarters.empty .chip-title{color:#fff}.stock-chip.headquarters.empty .chip-quantity{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.operations-section{margin-top:var(--spacing-xl)}.operation-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border-left:4px solid;box-shadow:var(--shadow-md);transition:var(--transition-base);position:relative;border:1px solid var(--border-color)}.operation-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(20px,-20px)}.operation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.operation-card.receive{border-left-color:var(--success-color);background:linear-gradient(135deg,var(--success-light) 0%,var(--bg-primary) 100%)}.operation-card.adjust{border-left-color:var(--info-color);background:linear-gradient(135deg,var(--info-light) 0%,var(--bg-primary) 100%)}.operation-card.move{border-left-color:var(--warning-color);background:linear-gradient(135deg,var(--warning-light) 0%,var(--bg-primary) 100%)}.operation-card.warning{border-left-color:var(--warning-color);background:linear-gradient(135deg,var(--warning-light) 0%,rgba(245,158,11,.1) 100%);display:flex;align-items:center;gap:var(--spacing-base);color:var(--warning-color);font-weight:600}.operation-header{display:flex;align-items:center;gap:var(--spacing-base);margin-bottom:var(--spacing-lg)}.operation-icon{font-size:1.5rem;color:var(--text-tertiary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.operation-header h4{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.operation-form{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.operation-form.two-cols{grid-template-columns:1fr 1fr}.operation-form.three-cols{grid-template-columns:repeat(3,1fr)}.operation-form button,.operation-form [class^=btn-]{grid-column:1 / -1;justify-self:start}.operation-help{display:flex;align-items:flex-start;gap:var(--spacing-base);padding:var(--spacing-lg);background:var(--bg-glass);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-secondary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.operation-help svg{flex-shrink:0;margin-top:.125rem;color:var(--info-color);font-size:1rem}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius);border:2px dashed var(--border-color)}.empty-state svg{font-size:3rem;color:var(--text-tertiary);opacity:.5}.empty-state p{margin:0;max-width:400px;font-size:1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:1px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::-webkit-scrollbar-corner{background:var(--bg-tertiary)}@media (max-width: 1400px){.main-grid{grid-template-columns:1.5fr 1fr}}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.stocks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 1024px){.page-header{padding:var(--spacing-lg)}.filter-panel{grid-template-columns:repeat(2,1fr)}.stocks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.stock-admin-page,.page-header{padding:.375rem}.header-content{flex-direction:column;align-items:stretch;gap:.25rem}.search-container{min-width:100%;max-width:100%}.header-actions button,.header-actions [class^=btn-]{flex:1 1 auto;min-width:auto;min-height:32px;padding:.35rem .65rem;font-size:.75rem;height:auto;white-space:nowrap}.filter-panel{grid-template-columns:1fr;padding:.375rem}.main-grid{grid-template-columns:1fr;gap:.375rem;justify-items:center;width:100%}.card-header{padding:.375rem;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}.card-header h2{width:100%;margin-bottom:.25rem;font-size:1rem}.card-header .header-actions{width:100%;justify-content:flex-end}.table-container{overflow-x:scroll;-webkit-overflow-scrolling:touch;margin:0 auto;width:100%}.data-table{min-width:100%!important;width:450px!important;margin:0!important;table-layout:fixed!important;font-size:.75rem!important}.data-table th,.data-table td{padding:.4rem .3rem!important}.data-table th{font-size:.7rem!important}.data-table th:nth-child(1){width:90px!important}.data-table th:nth-child(2){width:180px!important}.data-table th:nth-child(3){width:65px!important}.data-table th:nth-child(4){width:75px!important}.data-table td:nth-child(1){width:90px!important}.data-table td:nth-child(2){width:180px!important}.data-table td:nth-child(3){width:65px!important}.data-table td:nth-child(4){width:75px!important}.reference-cell{font-size:.7rem!important;font-weight:600}.designation-cell{font-size:.7rem!important;line-height:1.1!important}.quantity-badge{font-size:.7rem!important;padding:.2rem .4rem!important;min-width:35px!important}.actions-cell .btn-icon{padding:.4rem!important;font-size:.8rem!important;min-width:28px!important;min-height:28px!important}.pagination{padding:.375rem;flex-wrap:wrap;gap:.25rem}.pagination-btn{min-width:60px;font-size:.65rem;padding:.25rem .375rem}.pagination-info{font-size:.65rem;order:3;width:100%;text-align:center}.stocks-grid{grid-template-columns:repeat(2,1fr);gap:.25rem}.stock-chip{padding:.375rem}.chip-quantity{font-size:.95rem}.operation-card{padding:.375rem;margin-bottom:.375rem}.operation-form.two-cols,.operation-form.three-cols{grid-template-columns:1fr;gap:.375rem}.operation-form{max-width:100%;margin:0 auto}.operation-form input,.operation-form select{width:100%;box-sizing:border-box}.global-stock{padding:.375rem;text-align:center;margin:0 auto}.global-quantity{font-size:1.5rem}.modal-content{width:calc(100% - .5rem);margin:.25rem;max-height:calc(100vh - .5rem)}.modal-header,.modal-body,.modal-footer{padding:.375rem}.modal-header h2{font-size:.85rem}.detail-content{padding:.375rem}.item-header{flex-direction:column;align-items:stretch;gap:.375rem}.item-info h3{font-size:.9rem}.section-title,.operation-header h4{font-size:.8rem}}@media (max-width: 576px){.stocks-grid{grid-template-columns:1fr}.header-actions button,.header-actions [class^=btn-]{min-height:30px;font-size:.69rem;padding:.23rem .46rem;height:auto;min-width:auto;flex:1 1 auto;white-space:nowrap}.data-table{min-width:100%!important;width:400px!important;margin:0!important;font-size:.69rem!important}.data-table th{font-size:.63rem!important;padding:.23rem .17rem!important}.data-table th:nth-child(1){width:75px!important}.data-table th:nth-child(2){width:160px!important}.data-table th:nth-child(3){width:55px!important}.data-table th:nth-child(4){width:65px!important}.data-table td:nth-child(1){width:75px!important}.data-table td:nth-child(2){width:160px!important}.data-table td:nth-child(3){width:55px!important}.data-table td:nth-child(4){width:65px!important}.data-table th,.data-table td{padding:.23rem .12rem!important}.quantity-badge{font-size:.63rem!important;padding:.14rem .29rem!important;min-width:32px!important}.actions-cell .btn-icon{padding:.23rem!important;font-size:.75rem!important;min-width:25px!important;min-height:25px!important}}@media (max-width: 480px){.header-actions button,.header-actions [class^=btn-]{min-width:auto;min-height:32px;font-size:.72rem;padding:.29rem .46rem;height:auto;flex:1 1 auto;white-space:nowrap}.data-table{min-width:100%!important;width:360px!important;margin:0!important;font-size:.72rem!important}.data-table th{font-size:.67rem!important;padding:.2rem .14rem!important}.data-table th:nth-child(1){width:60px!important}.data-table th:nth-child(2){width:130px!important}.data-table th:nth-child(3){width:45px!important}.data-table th:nth-child(4){width:55px!important}.data-table td:nth-child(1){width:60px!important}.data-table td:nth-child(2){width:130px!important}.data-table td:nth-child(3){width:45px!important}.data-table td:nth-child(4){width:55px!important}.data-table th,.data-table td{padding:.2rem .1rem!important}.quantity-badge{font-size:.67rem!important;padding:.14rem .26rem!important;min-width:33px!important}.actions-cell .btn-icon{padding:.2rem!important;font-size:.79rem!important;min-width:26px!important;min-height:26px!important}}@media print{.header-actions,.pagination,.operations-section,.actions-cell,.modal-overlay{display:none!important}.stock-admin-page{background:#fff!important;padding:0!important}.card{box-shadow:none!important;border:2px solid #ddd!important;break-inside:avoid;margin-bottom:20px}.page-header{border:none!important;box-shadow:none!important}.main-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}@media (prefers-contrast: high){:root{--border-color: #000000;--text-tertiary: var(--text-secondary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2), 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .2), 0 10px 10px rgba(0, 0, 0, .08)}}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--machine-orange: #FF7F00;--machine-orange-hover: #ea580c;--machine-orange-light: rgba(255, 127, 0, .1);--machine-blue: #142658;--machine-blue-hover: #0f1d42;--machine-blue-light: rgba(20, 38, 88, .1);--machine-white: #ffffff;--machine-gray-50: #f9fafb;--machine-gray-100: #f3f4f6;--machine-gray-200: #e5e7eb;--machine-gray-300: #d1d5db;--machine-gray-500: #6b7280;--machine-gray-700: #374151;--machine-gray-900: #111827;--machine-success: #10b981;--machine-danger: #ef4444;--machine-warning: #f59e0b;--machine-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--machine-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--machine-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--machine-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--machine-radius-sm: 8px;--machine-radius-md: 12px;--machine-radius-lg: 16px;--machine-transition: all .3s cubic-bezier(.4, 0, .2, 1);--machine-transition-fast: all .15s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stock-admin-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--machine-gray-50) 0%,var(--machine-white) 50%,var(--machine-orange-light) 100%);animation:fadeIn .5s ease-out}.page-header{background:var(--machine-white);border-radius:var(--machine-radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--machine-shadow-md);border:1px solid var(--machine-gray-200);animation:slideInDown .4s ease-out;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--machine-orange),var(--machine-blue))}.page-stats{display:inline-flex;gap:0;margin-top:1.5rem;padding:0;border-top:none}.stat-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:var(--machine-white);border-radius:50px;border:2px solid var(--machine-orange);transition:var(--machine-transition);box-shadow:0 2px 8px #ff7f0026}.stat-item:hover{background:var(--machine-orange-light);box-shadow:0 4px 12px #ff7f0040;transform:translateY(-2px)}.stat-label{font-size:.9rem;color:var(--machine-gray-700);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:var(--machine-orange);font-variant-numeric:tabular-nums}.stat-icon{font-size:1.25rem;color:var(--machine-orange);flex-shrink:0}.stat-filter{font-size:.75rem;color:var(--machine-gray-500);font-weight:500;font-style:italic;margin-left:.5rem}.table-container{overflow-x:auto;overflow-y:visible;border-radius:var(--machine-radius-md);scrollbar-width:thin;scrollbar-color:var(--machine-orange) var(--machine-gray-200);position:relative}.table-container::-webkit-scrollbar-track{background:var(--machine-gray-200);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--machine-orange);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--machine-orange-hover)}.data-table{width:100%;border-collapse:collapse;background:var(--machine-white);border-radius:var(--machine-radius-md);box-shadow:var(--machine-shadow-lg);animation:slideInUp .5s ease-out;table-layout:fixed}.data-table thead th{background:linear-gradient(135deg,var(--machine-blue),var(--machine-blue-hover));padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--machine-white);border-bottom:3px solid var(--machine-orange);white-space:nowrap;position:sticky;top:0;z-index:10;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.data-table th:nth-child(1){width:15%}.data-table th:nth-child(2){width:25%}.data-table th:nth-child(3){width:15%}.data-table th:nth-child(4){width:15%}.data-table th:nth-child(5){width:10%}.data-table th:nth-child(6){width:120px;text-align:center}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--machine-gray-200);color:var(--machine-gray-900);vertical-align:middle;transition:var(--machine-transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:nth-child(5){text-align:center;font-weight:600;color:var(--machine-orange);font-variant-numeric:tabular-nums}.data-table td:last-child{text-align:center;white-space:nowrap}.data-table tbody tr{transition:var(--machine-transition-fast);position:relative}.data-table tbody tr:hover{background:var(--machine-orange-light);box-shadow:inset 4px 0 0 0 var(--machine-orange)}.data-table tr.selected{background:var(--machine-blue-light)!important;box-shadow:inset 4px 0 0 0 var(--machine-blue)!important}.stocks-section{margin-top:2rem;background:var(--machine-white);border-radius:var(--machine-radius-md);padding:1.5rem;box-shadow:var(--machine-shadow-md);border:1px solid var(--machine-gray-200);animation:slideInUp .6s ease-out}.section-title{font-size:1.125rem;font-weight:600;color:var(--machine-blue);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--machine-orange)}.section-title svg{color:var(--machine-orange);font-size:1.25rem}.stocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1.25rem}.stock-chip{background:linear-gradient(135deg,var(--machine-gray-100),var(--machine-gray-200));border:2px solid var(--machine-gray-300);border-radius:var(--machine-radius-sm);padding:1rem;transition:var(--machine-transition);position:relative;overflow:hidden}.stock-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--machine-orange),var(--machine-blue));transform:scaleX(0);transition:transform .3s ease}.stock-chip:hover{border-color:var(--machine-orange);box-shadow:var(--machine-shadow-md);transform:translateY(-4px)}.stock-chip:hover:before{transform:scaleX(1)}.chip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.chip-title{font-weight:600;color:var(--machine-gray-900);font-size:.9375rem}.hq-badge{display:inline-block;padding:.25rem .625rem;margin-left:.5rem;font-size:.75rem;font-weight:600;color:var(--machine-white);background:linear-gradient(135deg,var(--machine-warning),#d97706);border-radius:12px;box-shadow:var(--machine-shadow-sm);text-transform:uppercase;letter-spacing:.5px}.chip-quantity{font-size:1.75rem;font-weight:700;color:var(--machine-gray-900);text-align:center;margin-top:.5rem;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.05)}.stock-chip.headquarters{border-color:var(--machine-warning);background:linear-gradient(135deg,#f59e0b,#fbbf24);color:var(--machine-white)}.stock-chip.headquarters .chip-title{color:var(--machine-white)}.stock-chip.headquarters .chip-quantity{color:var(--machine-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.stock-chip.headquarters:before{background:linear-gradient(90deg,var(--machine-warning),var(--machine-orange))}.stock-chip.headquarters.empty{background:linear-gradient(135deg,var(--machine-danger),#dc2626);border-color:var(--machine-danger);opacity:1}.stock-chip.headquarters.empty .chip-title{color:var(--machine-white)}.stock-chip.headquarters.empty .chip-quantity{color:var(--machine-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.stock-chip.empty{background:var(--machine-gray-50);border-color:var(--machine-gray-300);opacity:.7}.stock-chip.empty .chip-quantity{color:var(--machine-danger)}.empty-state{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--machine-gray-500);background:var(--machine-gray-50);border-radius:var(--machine-radius-sm);border:2px dashed var(--machine-gray-300);animation:fadeIn .5s ease-out}.empty-state svg{color:var(--machine-gray-400);font-size:1.5rem}.btn-icon{padding:.5rem;margin:0 .25rem;border:1px solid transparent;border-radius:var(--machine-radius-sm);background:transparent;color:var(--machine-gray-500);cursor:pointer;transition:var(--machine-transition);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--machine-orange-light);color:var(--machine-orange);border-color:var(--machine-orange);transform:scale(1.1)}.btn-icon.btn-danger:hover{background:#ef44441a;color:var(--machine-danger);border-color:var(--machine-danger)}.btn-icon svg{font-size:1rem}.loading-cell{padding:3rem;text-align:center;color:var(--machine-gray-500)}.loading-cell svg{animation:spin 1s linear infinite;font-size:2rem;color:var(--machine-orange)}.empty-cell{padding:3rem;text-align:center;color:var(--machine-gray-500);font-style:italic}.pagination{display:flex;align-items:center;justify-content:center;padding:1.5rem;gap:.75rem;background:var(--machine-white);border-top:1px solid var(--machine-gray-200);border-radius:0 0 var(--machine-radius-md) var(--machine-radius-md)}.pagination-btn{padding:.5rem 1rem;border:2px solid var(--machine-gray-200);background:var(--machine-white);border-radius:var(--machine-radius-sm);cursor:pointer;color:var(--machine-gray-700);font-weight:500;transition:var(--machine-transition);display:flex;align-items:center;gap:.5rem}.pagination-btn:hover:not(:disabled){background:var(--machine-orange);border-color:var(--machine-orange);color:var(--machine-white);transform:translateY(-2px);box-shadow:var(--machine-shadow-md)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--machine-gray-200)}.pagination-info{color:var(--machine-gray-700);font-weight:500;padding:0 1rem;font-variant-numeric:tabular-nums}@media (max-width: 1200px){.stocks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 1024px){.stock-admin-page{padding:1.5rem}.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table th,.data-table td{padding:.875rem}.stocks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media (max-width: 768px){.stock-admin-page{padding:1rem}.page-header{padding:1.5rem}.page-stats{flex-direction:column;gap:1rem}.stat-item{min-width:unset}.stocks-grid{grid-template-columns:repeat(2,1fr)}.chip-quantity{font-size:1.5rem}}@media (max-width: 480px){.data-table{font-size:.875rem}.stocks-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%;justify-content:center}}:root{--stats-primary: #FF7F00;--stats-secondary: #142658;--stats-secondary-light: #1e3a8a;--stats-card: #ffffff;--stats-bg: #f8fafc;--stats-border: #e2e8f0;--stats-text: #1e293b;--stats-text-muted: #64748b;--stats-success: #10b981;--stats-danger: #ef4444;--stats-warning: #f59e0b;--stats-shadow-sm: 0 2px 4px rgba(20, 38, 88, .06);--stats-shadow-md: 0 4px 12px rgba(20, 38, 88, .08);--stats-shadow-lg: 0 12px 25px rgba(20, 38, 88, .12);--stats-radius-sm: 6px;--stats-radius-md: 10px;--stats-radius-lg: 14px;--stats-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.stats-page{padding:1.5rem;max-width:1600px;margin:0 auto;background:var(--stats-bg);min-height:100vh;animation:fadeIn .4s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title .title-icon{font-size:2rem;color:var(--stats-primary);animation:iconFloat 3s ease-in-out infinite}.page-title h1{font-size:2rem;font-weight:700;color:var(--stats-secondary);margin:0}.page-subtitle{margin-bottom:1rem}.page-subtitle p{color:var(--stats-text-muted);font-size:1rem;margin:0}.stats-filters{background:var(--stats-card);padding:1.5rem;border-radius:var(--stats-radius-md);box-shadow:var(--stats-shadow-sm);margin-bottom:.5rem}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filters-actions{display:flex;justify-content:flex-end;gap:1rem;align-items:center}.filter-group,.stats-field{display:flex;flex-direction:column;gap:.5rem}.filter-group label,.stats-field label{font-weight:600;color:var(--stats-text);font-size:.875rem}.filter-group input,.filter-group select,.stats-field input,.stats-field select{padding:.75rem;border:1px solid var(--stats-border);border-radius:var(--stats-radius-sm);font-size:.875rem;transition:var(--stats-transition)}.filter-group input:focus,.filter-group select:focus,.stats-field input:focus,.stats-field select:focus{outline:none;border-color:var(--stats-primary);box-shadow:0 0 0 3px #ff7f001a}.btn-filter,.btn-export,.stats-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--stats-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--stats-transition)}.btn-filter,.stats-btn.primary{background:var(--stats-primary);color:#fff;box-shadow:var(--stats-shadow-sm)}.btn-filter:hover,.stats-btn.primary:hover{background:#e06d00;transform:translateY(-1px);box-shadow:var(--stats-shadow-md)}.btn-export,.stats-btn.secondary{background:var(--stats-secondary);color:#fff;box-shadow:var(--stats-shadow-sm)}.btn-export:hover,.stats-btn.secondary:hover{background:var(--stats-secondary-light);transform:translateY(-1px);box-shadow:var(--stats-shadow-md)}.kpi-grid,.stats-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1rem}.kpi-card,.stats-kpi-card{background:var(--stats-card);padding:1.5rem;border-radius:var(--stats-radius-md);box-shadow:var(--stats-shadow-sm);display:flex;align-items:center;gap:1rem;transition:var(--stats-transition);border-left:4px solid var(--stats-border);position:relative;overflow:hidden}.kpi-card:before,.stats-kpi-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(255,127,0,.05) 0%,transparent 70%);transform:translate(25%,-25%)}.kpi-card:hover,.stats-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--stats-shadow-md)}.kpi-card.primary,.stats-kpi-card.primary{border-left-color:var(--stats-primary)}.kpi-card.secondary,.stats-kpi-card.secondary{border-left-color:var(--stats-secondary)}.kpi-card.success,.stats-kpi-card.success{border-left-color:var(--stats-success)}.kpi-card.warning,.stats-kpi-card.warning{border-left-color:var(--stats-warning)}.kpi-icon,.stats-kpi-icon{font-size:2.5rem;color:var(--stats-primary);opacity:.8;flex-shrink:0}.kpi-content,.stats-kpi-main{flex:1}.kpi-title,.stats-kpi-title{font-size:.875rem;font-weight:600;color:var(--stats-text-muted);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.kpi-value,.stats-kpi-value{font-size:2.25rem;font-weight:700;color:var(--stats-text);margin:0;line-height:1}.stats-kpi-hint{font-size:.75rem;color:var(--stats-text-muted);margin-top:.25rem;opacity:.8}.kpi-skeleton{display:flex;align-items:center;gap:.5rem;color:var(--stats-primary)}.stats-charts-grid{display:flex;flex-direction:column;gap:1.5rem}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;align-items:start}.charts-row.full-width{grid-template-columns:1fr}.stats-chart-card{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:var(--stats-radius-md);box-shadow:var(--stats-shadow-sm);overflow:hidden;transition:var(--stats-transition)}.stats-chart-card:hover{box-shadow:var(--stats-shadow-md)}.stats-chart-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#f8fafccc;border-bottom:1px solid var(--stats-border)}.stats-chart-head h3{margin:0;color:var(--stats-text);font-weight:600;font-size:1.125rem;display:flex;align-items:center;gap:.75rem}.stats-chart-icon{color:var(--stats-primary);font-size:1.25rem}.stats-chart-body{padding:1.5rem;min-height:300px;display:flex;flex-direction:column;justify-content:center}.chart-actions{display:flex;align-items:center;gap:.75rem}.export-btn{background:var(--stats-primary);color:#fff;border:none;padding:.5rem .75rem;border-radius:var(--stats-radius-sm);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--stats-transition)}.export-btn:hover{background:#e06d00;transform:translateY(-1px)}.refresh-btn{background:#ffffffe6;color:var(--stats-text);border:1px solid var(--stats-border);padding:.5rem;border-radius:var(--stats-radius-sm);cursor:pointer;transition:var(--stats-transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:var(--stats-primary);color:#fff;border-color:var(--stats-primary)}.table-section h4{margin:0 0 1rem;color:var(--stats-text);font-weight:600;font-size:1.125rem}.stats-table{width:100%;border-collapse:collapse;background:var(--stats-card);border-radius:var(--stats-radius-md);overflow:hidden;box-shadow:var(--stats-shadow-sm)}.stats-table.chart-table{margin-top:1rem}.stats-table th,.stats-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--stats-border)}.stats-table td{color:var(--stats-text)}.stats-table th{background:var(--stats-secondary);color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.stats-table tbody tr{transition:var(--stats-transition)}.stats-table tbody tr:hover{background:#ff7f000d}.stats-table tbody tr:nth-child(2n){background:#f8fafc80}.stats-table tbody tr:nth-child(2n):hover{background:#ff7f001a}.stats-table .qty{font-weight:600;color:var(--stats-primary);text-align:right}.chart-loading{color:var(--stats-primary);margin-left:.5rem;animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.chart-skeleton,.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;color:var(--stats-text-muted)}.chart-skeleton{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chart-empty svg{font-size:2rem;color:var(--stats-text-muted);margin-bottom:.5rem}@media (max-width: 1200px){.stats-page{padding:1.25rem}.charts-row{grid-template-columns:1fr}.stats-chart-body{padding:1rem}}@media (max-width: 1024px){.stats-page{padding:1rem}.page-title h1{font-size:1.75rem}.filters-row{grid-template-columns:repeat(2,1fr)}.kpi-grid,.stats-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-page{padding:.75rem}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.page-title{width:100%}.page-title h1,.page-title .title-icon{font-size:1.375rem}.page-subtitle{margin-bottom:.75rem}.stats-filters{padding:1rem}.filters-row{grid-template-columns:1fr;gap:.625rem}.filter-group label,.stats-field label{font-size:.8125rem;margin-bottom:.25rem}.filter-group input,.filter-group select,.stats-field input,.stats-field select{padding:.5rem .75rem;font-size:.8125rem}.filters-actions{flex-direction:row;align-items:center;gap:.5rem;margin-top:.5rem}.filters-actions button{flex:1;justify-content:center;padding:.5rem .875rem;font-size:.8125rem}.kpi-grid,.stats-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:.75rem}.kpi-card,.stats-kpi-card{padding:.875rem}.kpi-icon,.stats-kpi-icon{font-size:1.75rem}.kpi-value,.stats-kpi-value{font-size:1.5rem}.kpi-title,.stats-kpi-title{font-size:.75rem}.stats-kpi-hint{font-size:.6875rem}.stats-chart-head{padding:.75rem 1rem}.stats-chart-head h3{font-size:.9375rem}.stats-chart-icon{font-size:1.125rem}.stats-chart-body{padding:.75rem;min-height:200px}.table-section h4{font-size:1rem;margin-bottom:.75rem}.stats-table th,.stats-table td{padding:.75rem .875rem;font-size:.8125rem}}@media (max-width: 640px){.stats-page{padding:.625rem}.page-header{margin-bottom:.75rem;gap:.375rem}.page-title h1,.page-title .title-icon{font-size:1.25rem}.page-subtitle{margin-bottom:.5rem}.page-subtitle p{font-size:.8125rem}.stats-filters{padding:.875rem}.filters-row{gap:.5rem}.filter-group input,.filter-group select,.stats-field input,.stats-field select{padding:.5rem .625rem;font-size:.8125rem}.filters-actions{gap:.375rem;margin-top:.375rem}.filters-actions button{padding:.5rem .75rem;font-size:.75rem}.kpi-grid,.stats-kpi-grid{grid-template-columns:1fr;gap:.5rem;margin-bottom:.625rem}.kpi-card,.stats-kpi-card{padding:.75rem;gap:.625rem}.kpi-icon,.stats-kpi-icon{font-size:1.5rem}.kpi-value,.stats-kpi-value{font-size:1.35rem}.kpi-title,.stats-kpi-title{font-size:.6875rem}.stats-kpi-hint{font-size:.625rem}.stats-charts-grid,.charts-row{gap:.75rem}.stats-chart-head{padding:.625rem .875rem}.stats-chart-head h3{font-size:.875rem}.stats-chart-icon{font-size:1rem}.stats-chart-body{padding:.625rem;min-height:180px}.table-section h4{font-size:.9375rem;margin-bottom:.625rem}.stats-table th,.stats-table td{padding:.625rem .75rem;font-size:.75rem}.stats-table th{font-size:.6875rem}}@media (max-width: 480px){.stats-page{padding:.5rem}.page-header{margin-bottom:.625rem;gap:.25rem}.page-title{flex-wrap:wrap;gap:.5rem}.page-title h1{font-size:1.125rem;width:100%}.page-title .title-icon{font-size:1.125rem}.page-subtitle{margin-bottom:.375rem}.page-subtitle p{font-size:.75rem}.stats-filters{padding:.75rem}.filters-row{gap:.375rem}.filter-group label,.stats-field label{font-size:.75rem}.filter-group input,.filter-group select,.stats-field input,.stats-field select{padding:.375rem .5rem;font-size:.75rem}.filters-actions{gap:.25rem;margin-top:.25rem}.btn-filter,.btn-export,.stats-btn{padding:.5rem .75rem;font-size:.75rem}.kpi-grid,.stats-kpi-grid{gap:.375rem;margin-bottom:.5rem}.kpi-card,.stats-kpi-card{padding:.625rem;gap:.5rem}.kpi-icon,.stats-kpi-icon{font-size:1.5rem}.kpi-value,.stats-kpi-value{font-size:1.25rem}.kpi-title,.stats-kpi-title{font-size:.625rem}.stats-kpi-hint{font-size:.5625rem}.stats-charts-grid,.charts-row{gap:.5rem}.stats-chart-head{padding:.5rem .75rem}.stats-chart-head h3{font-size:.8125rem}.stats-chart-icon{font-size:.9375rem}.stats-chart-body{padding:.5rem;min-height:150px}.table-section h4{font-size:.875rem;margin-bottom:.5rem}.stats-table th,.stats-table td{padding:.5rem .625rem;font-size:.6875rem}.stats-table th{font-size:.625rem}}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--suivi-primary: #FF7F00;--suivi-secondary: #142658;--suivi-secondary-light: #1e3a8a;--suivi-secondary-dark: #0f1d40;--suivi-card: #ffffff;--suivi-bg: #f8fafc;--suivi-border: #e2e8f0;--suivi-text: #1e293b;--suivi-text-muted: #64748b;--suivi-success: #10b981;--suivi-danger: #ef4444;--suivi-warning: #f59e0b;--suivi-shadow-sm: 0 2px 4px rgba(20, 38, 88, .06);--suivi-shadow-md: 0 4px 12px rgba(20, 38, 88, .08);--suivi-shadow-lg: 0 12px 25px rgba(20, 38, 88, .12);--suivi-radius-sm: 6px;--suivi-radius-md: 10px;--suivi-radius-lg: 14px;--suivi-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.suivi-page{padding:1.5rem;max-width:1600px;margin:0 auto;background:var(--suivi-bg);min-height:100vh;animation:fadeIn .4s ease-out}.suivi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.spinner{width:60px;height:60px;border:5px solid rgba(255,127,0,.1);border-top:5px solid var(--suivi-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.suivi-loading p{color:var(--suivi-text-muted);font-size:1rem;font-weight:500}.page-title .title-icon{font-size:2rem;color:var(--suivi-primary);animation:iconFloat 3s ease-in-out infinite}.page-title h1{font-size:2rem;font-weight:700;color:var(--suivi-secondary);margin:0}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--suivi-primary),#3b82f6);color:#fff;border:none;border-radius:var(--suivi-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--suivi-transition);box-shadow:var(--suivi-shadow-md)}.btn-export:hover{transform:translateY(-2px);box-shadow:var(--suivi-shadow-lg);background:linear-gradient(135deg,#3b82f6,var(--suivi-primary))}.suivi-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);padding:1.5rem;border-radius:var(--suivi-radius-md);box-shadow:0 4px 16px #14265814;display:flex;align-items:center;gap:1rem;transition:var(--suivi-transition);border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;animation:fadeIn .5s ease-out backwards}.stat-card:before{content:"";position:absolute;inset:0;border-radius:var(--suivi-radius-md);padding:2px;background:linear-gradient(135deg,var(--suivi-primary),var(--suivi-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.5;transition:opacity .3s}.stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,127,0,.08) 0%,transparent 70%);transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #14265826}.stat-card:hover:before{opacity:1}.stat-card.primary{border-left-color:var(--suivi-secondary);background:linear-gradient(135deg,#fff,#f0f4ff)}.stat-card.success{border-left-color:var(--suivi-success);background:linear-gradient(135deg,#fff,#f0fdf9)}.stat-card.info{border-left-color:var(--suivi-primary);background:linear-gradient(135deg,#fff,#fff7ed)}.stat-card.warning{border-left-color:var(--suivi-warning);background:linear-gradient(135deg,#fff,#fffbeb)}.stat-card svg{font-size:2rem;color:var(--suivi-text-muted);position:relative;z-index:1}.stat-card.primary svg{color:var(--suivi-secondary)}.stat-card.success svg{color:var(--suivi-success)}.stat-card.info svg{color:var(--suivi-primary)}.stat-card.warning svg{color:var(--suivi-warning)}.stat-card>div{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.stat-value{font-size:1.875rem;font-weight:700;color:var(--suivi-text);line-height:1}.stat-label{font-size:.8125rem;color:#64748b;font-weight:500}.suivi-filters{background:var(--suivi-card);padding:1.5rem;border-radius:var(--suivi-radius-lg);box-shadow:var(--suivi-shadow-sm);margin-bottom:2rem;border:1px solid var(--suivi-border);animation:slideInUp .5s ease-out}.filter-row{display:grid;grid-template-columns:repeat(3,1fr) auto auto auto;gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;font-weight:600;color:var(--suivi-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem}.filter-group.date-filter{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.filter-group.date-filter label{font-size:.75rem;font-weight:600;color:var(--suivi-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem}.filter-group.search{grid-column:span 3;position:relative}.filter-group.search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--suivi-text-muted);font-size:1rem}.filter-group.search input{padding-left:2.75rem}.filter-group input,.filter-group select{width:100%;padding:.75rem 1rem;border:2px solid var(--suivi-border);border-radius:var(--suivi-radius-sm);font-size:.875rem;transition:var(--suivi-transition);background:var(--suivi-card);color:var(--suivi-text)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--suivi-primary);box-shadow:0 0 0 3px #ff7f001a}.btn-reset{display:inline-flex!important;align-items:center;justify-content:center;width:46px!important;height:46px!important;padding:0!important;background:var(--suivi-secondary)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--suivi-radius-sm);font-size:1.125rem;cursor:pointer;transition:var(--suivi-transition);flex-shrink:0;box-shadow:0 4px 6px #0000001a;opacity:1!important;visibility:visible!important;z-index:10}.btn-reset:hover{background:var(--suivi-secondary-light)!important;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-reset:hover{background:linear-gradient(135deg,var(--suivi-secondary-light),var(--suivi-secondary-dark));transform:translateY(-2px);box-shadow:0 4px 12px #1426584d}.suivi-table-container{background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:var(--suivi-radius-lg);overflow:visible;box-shadow:0 4px 24px #1426581a,inset 0 1px #fffc;border:2px solid transparent;background-clip:padding-box;position:relative;animation:slideInUp .6s ease-out}.suivi-table-container:before{content:"";position:absolute;inset:0;border-radius:var(--suivi-radius-lg);padding:2px;background:linear-gradient(135deg,var(--suivi-primary),var(--suivi-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6}.suivi-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;overflow:hidden;border-radius:var(--suivi-radius-lg)}.suivi-table thead{background:linear-gradient(135deg,var(--suivi-secondary),var(--suivi-secondary-light));position:sticky;top:0;z-index:10}.suivi-table th{padding:1rem;text-align:left;font-weight:700;color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:3px solid var(--suivi-primary)}.suivi-table thead th:first-child{border-top-left-radius:var(--suivi-radius-lg)}.suivi-table thead th:last-child{border-top-right-radius:var(--suivi-radius-lg)}.suivi-table td{padding:1rem;border-bottom:1px solid var(--suivi-border);font-size:.875rem;color:var(--suivi-text);transition:var(--suivi-transition)}.suivi-table td:not(:has(.mouvement-details)){overflow:hidden;text-overflow:ellipsis}.suivi-table td:has(.mouvement-details){overflow:visible}.suivi-table tbody tr td:last-child{position:relative;z-index:2}.suivi-table tbody tr{transition:var(--suivi-transition)}.suivi-table tbody tr:hover{background:linear-gradient(90deg,rgba(255,127,0,.03),transparent);box-shadow:inset 4px 0 0 0 var(--suivi-primary),0 2px 8px #0000000d}.suivi-table tbody tr{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.suivi-table tbody tr td:not(:last-child){user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.suivi-table tr.sortie{border-left:4px solid var(--suivi-danger)}.suivi-table tr.entree{border-left:4px solid var(--suivi-success)}.date-time{display:flex;flex-direction:column;gap:2px}.date-time .date{font-weight:500;color:#1e293b}.date-time .time{font-size:12px;color:#94a3b8}.type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.type-badge.sortie{background:#fee2e2;color:#dc2626}.type-badge.entree{background:#d1fae5;color:#059669}.type-badge.reception{background:#e0f2fe;color:#0369a1}.type-badge.transfert_sortie{background:#fef3c7;color:#d97706}.type-badge.transfert_entree{background:#fef9c3;color:#ca8a04}.type-badge.ajustement_plus{background:#ddd6fe;color:#7c3aed}.type-badge.ajustement_moins{background:#ffe4e6;color:#e11d48}.badge{display:inline-block;padding:4px 12px;background:#e0e7ff;color:#4338ca;border-radius:12px;font-size:12px;font-weight:500}.agence-info{display:flex;align-items:center;gap:8px;color:var(--suivi-text)}.agence-icon{color:var(--suivi-primary);font-size:14px}.quantity-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--suivi-primary),#ff9933);color:#fff;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #ff7f004d;transition:var(--suivi-transition)}.quantity-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff7f0066}.quantity-badge .qty-icon{font-size:12px}.btn-view{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--suivi-primary),#ff9933);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--suivi-transition);box-shadow:0 2px 8px #ff7f004d;position:relative;z-index:1}.btn-view:hover{background:linear-gradient(135deg,#ff9933,var(--suivi-primary));transform:translateY(-2px);box-shadow:0 4px 12px #ff7f0066}.btn-view:active{transform:translateY(0);box-shadow:0 2px 6px #ff7f004d}.btn-view svg{font-size:14px}.anomalies{display:flex;flex-direction:column;gap:4px}.anomaly{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;transition:var(--suivi-transition);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.anomaly.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.anomaly.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #60a5fa}.anomaly:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.anomaly svg{font-size:12px}.modal-overlay{z-index:99999!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{z-index:100000!important;max-width:800px;animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1);border:3px solid transparent;background-clip:padding-box}.modal-content:before{content:"";position:absolute;inset:0;border-radius:14px;padding:3px;background:linear-gradient(135deg,var(--suivi-primary),var(--suivi-secondary),var(--suivi-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}@keyframes slideInModal{0%{opacity:0;transform:scale(.85) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.status-ok{display:inline-flex;align-items:center;gap:4px;color:#10b981;font-size:13px}.details-header{background:linear-gradient(135deg,var(--suivi-secondary),var(--suivi-secondary-light),var(--suivi-secondary));padding:16px 20px;border-bottom:4px solid transparent;background-image:linear-gradient(135deg,var(--suivi-secondary),var(--suivi-secondary-light)),linear-gradient(90deg,var(--suivi-primary),var(--suivi-secondary),var(--suivi-primary));background-origin:padding-box,border-box;background-clip:padding-box,border-box;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.details-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--suivi-primary),var(--suivi-secondary),var(--suivi-primary))}.details-header h4{margin:0;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.details-header .detail-icon{color:var(--suivi-primary);font-size:18px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.close-btn{background:transparent;border:none;color:#fff;font-size:32px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .3s ease;padding:0;margin:0}.close-btn:hover{background:#ff7f0033;transform:rotate(90deg)}.close-btn:active{transform:rotate(90deg) scale(.95)}.details-info{padding:20px;background:linear-gradient(135deg,#f8fafc,#fff)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:12px;border:2px solid #e2e8f0;transition:var(--suivi-transition);position:relative;overflow:hidden;animation:fadeInUp .4s ease-out backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.info-card:nth-child(1){animation-delay:.1s}.info-card:nth-child(2){animation-delay:.15s}.info-card:nth-child(3){animation-delay:.2s}.info-card:nth-child(4){animation-delay:.25s}.info-card:nth-child(5){animation-delay:.3s}.info-card:nth-child(6){animation-delay:.35s}.info-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--suivi-primary),var(--suivi-secondary));opacity:0;transition:opacity .3s}.info-card:hover:before{opacity:1}.info-card:hover{border-color:var(--suivi-primary);box-shadow:0 6px 20px #ff7f0026;transform:translateY(-2px)}.info-card.full-width{grid-column:1 / -1}.info-icon-wrapper{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:var(--suivi-transition)}.info-icon-wrapper.type{background:linear-gradient(135deg,#ff7f001a,#ff7f0033);color:var(--suivi-primary)}.info-icon-wrapper.user{background:linear-gradient(135deg,#1426581a,#14265833);color:var(--suivi-secondary)}.info-icon-wrapper.agence{background:linear-gradient(135deg,#10b9811a,#10b98133);color:var(--suivi-success)}.info-icon-wrapper.destination{background:linear-gradient(135deg,#3b82f61a,#3b82f633);color:#3b82f6}.info-icon-wrapper.date{background:linear-gradient(135deg,#a855f71a,#a855f733);color:#a855f7}.info-icon-wrapper.motif{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:var(--suivi-warning)}.info-card:hover .info-icon-wrapper{transform:scale(1.1) rotate(5deg)}.info-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.info-label{font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.info-value{color:var(--suivi-text);font-size:14px;font-weight:500;word-wrap:break-word}.info-value.motif-text{line-height:1.5;color:#475569}.type-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,var(--suivi-primary),#ff9933);color:#fff;border-radius:20px;font-weight:600;font-size:12px}.details-section{padding:16px 20px 8px;background:#fff}.details-section h5{margin:0 0 12px;color:var(--suivi-secondary);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.details-section .section-icon{color:var(--suivi-primary);font-size:16px}.articles-grid{padding:0 16px 16px;display:grid;gap:8px;max-height:350px;overflow-y:auto}.article-card{display:grid;grid-template-columns:100px 1fr 70px;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-left:4px solid var(--suivi-primary);border-radius:8px;transition:all .3s ease;position:relative;animation:slideInLeft .3s ease-out backwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.article-card:nth-child(1){animation-delay:0s}.article-card:nth-child(2){animation-delay:.05s}.article-card:nth-child(3){animation-delay:.1s}.article-card:nth-child(4){animation-delay:.15s}.article-card:nth-child(5){animation-delay:.2s}.article-card:nth-child(n+6){animation-delay:.25s}.article-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--suivi-primary),var(--suivi-secondary));border-radius:8px 0 0 8px;transition:width .3s}.article-card:hover:before{width:6px}.article-card:hover{border-color:var(--suivi-primary);box-shadow:0 6px 20px #ff7f0026;transform:translate(6px);background:linear-gradient(90deg,#ff7f0008,#fff)}.article-ref{font-weight:700;color:var(--suivi-secondary);font-size:11px;font-family:Courier New,monospace;background:linear-gradient(135deg,var(--suivi-secondary),var(--suivi-secondary-light));color:#fff;padding:6px 10px;border-radius:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #14265833;position:relative}.article-ref:before{content:"#";position:absolute;left:4px;top:50%;transform:translateY(-50%);opacity:.5;font-size:10px}.article-designation{color:#475569;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.article-qty{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,var(--suivi-primary),#ff9933);color:#fff;padding:8px 12px;border-radius:10px;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 3px 10px #ff7f004d;position:relative;overflow:hidden}.article-qty:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.article-qty .qty-icon{font-size:14px}.stock-info{margin-top:8px;padding:6px 8px;background:#f1f5f9;border-radius:6px;text-align:center}.stock-info small{font-size:11px;color:#64748b;font-weight:600}.machine-card{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#dbeafe;border-left:4px solid var(--suivi-secondary)}.machine-card:before{background:linear-gradient(180deg,var(--suivi-secondary),var(--suivi-secondary-light))}.machine-card:hover{border-color:var(--suivi-secondary);box-shadow:0 6px 20px #1426582e;background:linear-gradient(90deg,#1426580a,#fff)}.machine-card .article-ref{background:linear-gradient(135deg,#1e40af,var(--suivi-secondary))}.machine-serial{font-size:11px;color:#94a3b8;font-style:italic}.machine-qty{background:linear-gradient(135deg,var(--suivi-secondary),var(--suivi-secondary-light))}.no-items{padding:30px 20px;text-align:center;color:#94a3b8}.no-items svg{font-size:32px;margin-bottom:10px;color:#cbd5e1}.no-items p{margin:0;font-size:14px}.details-section+.articles-grid{margin-bottom:16px}.articles-grid::-webkit-scrollbar{width:6px}.articles-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.articles-grid::-webkit-scrollbar-thumb{background:var(--suivi-primary);border-radius:3px}.articles-grid::-webkit-scrollbar-thumb:hover{background:#f93}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--suivi-primary),var(--suivi-secondary));border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff9933,var(--suivi-secondary-light))}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#fff;border-radius:var(--suivi-radius-lg);box-shadow:var(--suivi-shadow-sm)}.pagination button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--suivi-secondary),var(--suivi-secondary-light));color:#fff;border:none;border-radius:var(--suivi-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--suivi-transition);box-shadow:0 2px 8px #14265833}.pagination button:hover:not(:disabled){background:linear-gradient(135deg,var(--suivi-primary),#ff9933);transform:translateY(-2px);box-shadow:0 4px 12px #ff7f0066}.pagination button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.page-info{font-size:.875rem;color:var(--suivi-text);font-weight:500;padding:0 1rem}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--suivi-text-muted)}.no-data svg{font-size:4rem;margin-bottom:1rem;color:#cbd5e1;opacity:.5}.no-data p{font-size:1.125rem;font-weight:500;margin:0}@media (min-width: 1440px){.suivi-page{max-width:1600px}}@media (max-width: 1200px){.suivi-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suivi-page{padding:1.25rem}}@media (max-width: 1024px){.suivi-page{padding:1rem}.suivi-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.suivi-stats{grid-template-columns:repeat(2,1fr)}.suivi-table th,.suivi-table td{padding:.875rem .75rem;font-size:.8125rem}}@media (max-width: 768px){.suivi-page{padding:.875rem}.suivi-header h1{font-size:1.5rem}.header-icon{font-size:2rem}.suivi-stats{grid-template-columns:repeat(2,1fr);gap:.875rem}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.8125rem}.filter-row{grid-template-columns:1fr;gap:.75rem}.filter-group,.filter-group.search{grid-column:span 1;min-width:100%}.btn-reset{width:100%;height:46px!important;grid-column:span 1}.suivi-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.suivi-table th,.suivi-table td{padding:.75rem .625rem;font-size:.8125rem}.badge-type{padding:4px 8px;font-size:.7rem}.btn-view,.btn-export{padding:.625rem 1rem;font-size:.8125rem}.modal-content{max-width:90vw;margin:20px;max-height:85vh}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.article-card{grid-template-columns:80px 1fr 60px;gap:8px;padding:8px 10px}}@media (max-width: 640px){.suivi-page{padding:.75rem}.suivi-header{padding:1rem}.suivi-header h1{font-size:1.35rem}.header-icon{font-size:1.75rem}.suivi-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.875rem}.stat-value{font-size:1.6rem}.filter-card{padding:1rem}.filter-group label{font-size:.8125rem}.filter-group input,.filter-group select{font-size:.8125rem;padding:.625rem .875rem}.suivi-table th,.suivi-table td{padding:.75rem .5rem;font-size:.75rem}.modal-content{max-width:95vw;max-height:90vh;margin:10px;border-radius:10px}.details-header{padding:12px 16px}.details-header h4{font-size:14px}.details-info{padding:16px}.info-grid{grid-template-columns:1fr;gap:12px}.info-card{padding:12px;gap:10px}.info-icon-wrapper{width:36px;height:36px;font-size:16px}.info-value{font-size:13px}.article-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.article-ref{align-self:flex-start;font-size:10px;padding:4px 8px}.article-designation{font-size:13px;-webkit-line-clamp:3;line-clamp:3}.article-qty{width:100%;justify-content:space-between;padding:6px 12px;font-size:12px}.article-qty:after{content:attr(data-label)}.pagination{gap:.5rem;padding:1rem;flex-wrap:wrap}.pagination button{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 480px){.suivi-page{padding:.625rem}.suivi-header{padding:.875rem}.suivi-header h1{font-size:1.25rem}.header-icon{font-size:1.5rem}.suivi-stats{grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.filter-card{padding:.875rem}.filter-group label{font-size:.75rem}.filter-group input,.filter-group select{font-size:.75rem;padding:.5rem .75rem;height:40px}.btn-reset{padding:.625rem 1rem;font-size:.8125rem;height:40px}.btn-view,.btn-export{padding:.5rem .875rem;font-size:.75rem}.suivi-table th{padding:.625rem .375rem;font-size:.7rem;letter-spacing:.02em}.suivi-table td{padding:.625rem .375rem;font-size:.7rem}.badge-type{padding:3px 6px;font-size:.65rem}.anomaly{padding:2px 6px;font-size:.65rem}.details-popup{width:calc(100vw - 20px)}.detail-item{padding:.75rem}.detail-label{font-size:.7rem}.detail-value{font-size:.8125rem}.page-btn{min-width:32px;height:32px;font-size:.75rem;padding:0 .5rem}.page-info{font-size:.75rem}}@media (max-width: 360px){.suivi-page{padding:.5rem}.suivi-header{padding:.75rem}.suivi-header h1{font-size:1.1rem;gap:.5rem}.header-icon{font-size:1.25rem}.stat-value{font-size:1.35rem}.stat-label{font-size:.7rem}.filter-card{padding:.75rem}.suivi-table th,.suivi-table td{padding:.5rem .25rem;font-size:.65rem}.badge-type{padding:2px 4px;font-size:.6rem}.btn-view,.btn-export{padding:.375rem .625rem;font-size:.7rem}.details-popup{width:calc(100vw - 15px)}.page-btn{min-width:28px;height:28px;font-size:.7rem;padding:0 .375rem}.page-info{font-size:.7rem}}:root{--sidebar-width: 260px;--sidebar-width-collapsed: 72px;--header-height: 64px;--header-height-mobile: 60px;--content-max: 1400px;--primary: #ff7f00;--primary-600: #ff8f1f;--primary-700: #e87300;--primary-gradient: linear-gradient(135deg, #ff7f00, #ff9a2e);--primary-glow: rgba(255, 127, 0, .25);--bg-900: #0f172a;--bg-800: #111827;--bg-700: #1f2937;--bg-600: #273449;--surface-1: #0b1224;--surface-2: #151b2e;--surface-3: #1c2540;--text-100: #f8fafc;--text-300: #cbd5e1;--text-500: #94a3b8;--hover-bg: rgba(255, 255, 255, .06);--active-bg: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-base: .25s cubic-bezier(.4, 0, .2, 1);--t-slow: .35s cubic-bezier(.4, 0, .2, 1);--gap-1: .5rem;--gap-2: 1rem;--gap-3: 1.5rem;--gap-4: 2rem;--pad-x: .75rem;--btn-size: 36px;--icon-size: 16px;--actions-gap: .5rem;--z-sidebar: 1000;--z-header: 300;--z-overlay: 999;--z-tooltip: 1100}@media (prefers-color-scheme: light){:root{--bg-900: #f8fafc;--bg-800: #ffffff;--bg-700: #f1f5f9;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #f8fafc;--text-100: #0f172a;--text-300: #475569;--text-500: #64748b;--border: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .12);--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(0, 0, 0, .06);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16)}}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}:root{--primary: #FF7F00;--primary-hover: #e56f00;--primary-light: #ffedd5;--primary-lighter: #fff7ed;--blue-helpstock: #142658;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #06b6d4;--info-light: #cffafe;--bg-base: #fcfcfd;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-placeholder: #9ca3af;--text-disabled: #d1d5db;--border-subtle: #f3f4f6;--border-default: #e5e7eb;--border-strong: #d1d5db;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-300: #d1d5db;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-colored: 0 8px 32px rgba(255, 127, 0, .2);--ring-primary: 0 0 0 3px rgba(255, 127, 0, .2);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--control-md: 40px;--control-lg: 48px;--primary-color: var(--primary);--orange-light: var(--primary-light);--orange-lighter: var(--primary-lighter);--border-radius: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}.sortie-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary);padding:var(--space-6);font-family:Poppins,system-ui,sans-serif;display:flex;flex-direction:column;gap:var(--space-6)}.sortie-content-wrapper{display:grid;grid-template-columns:1fr 700px;gap:var(--space-6);align-items:start}.search-zone,.cart-zone{display:flex;flex-direction:column;gap:var(--space-6)}.cart-zone{position:sticky;top:var(--space-6);max-height:calc(100vh - var(--space-12));overflow-y:auto}.page-title .title-icon{font-size:2rem;color:var(--primary);animation:iconFloat 3s ease-in-out infinite}.page-title h1{font-size:2rem;font-weight:700;color:var(--blue-helpstock);margin:0}@keyframes slideInScale{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes successPop{0%{opacity:0;transform:scale(.5) translateY(50px)}50%{transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sortie-filters,.picker,.cart{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:slideInUp var(--duration-slow) var(--ease-spring)}.sortie-filters{margin-bottom:var(--space-8);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.picker{margin-bottom:var(--space-8)}.cart{margin-top:var(--space-8);animation-delay:.4s}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.field select,.field input,.picker-input{height:var(--control-lg);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:.875rem;font-weight:500;outline:none;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xs);font-family:Poppins,sans-serif}.field select:focus,.field input:focus,.picker-input:focus{border-color:var(--primary);box-shadow:var(--ring-primary),var(--shadow-md);transform:translateY(-1px)}.field input::placeholder{color:var(--text-placeholder)}.picker-input:disabled{background:var(--bg-base);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.picker-input{width:100%;padding-left:48px;border:2px solid var(--border-default)}.picker-row{display:flex;gap:var(--space-3);align-items:stretch}.picker-row:before{content:none!important}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-tertiary);font-size:1.1rem;pointer-events:none;transition:all var(--duration-fast) var(--ease-out)}.search-input-wrapper:focus-within .search-icon{color:var(--primary);transform:scale(1.1)}.search-filters{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);margin-top:var(--space-4);border:1px solid var(--border-subtle)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label:first-child{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.radio-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:2px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:.875rem;font-weight:500}.radio-option:hover{border-color:var(--primary);background:var(--primary-lighter)}.radio-option input[type=radio]{accent-color:var(--primary);cursor:pointer}.radio-option:has(input:checked){border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #ff7f0066}.results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.results-info{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.results-info:before{content:"🔍";font-size:1.2rem}.pagination-controls{display:flex;gap:var(--space-1);align-items:center}.pagination-btn{min-width:36px!important;height:36px!important;padding:0!important;font-size:1.1rem;border-radius:var(--radius-md)!important}.page-info{padding:0 var(--space-3);font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:60px;text-align:center}.search-results{margin-top:var(--space-4);transition:opacity var(--duration-normal) var(--ease-out)}.search-results.page-changing{opacity:.6}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.result-card{background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-3);animation:slideInScale var(--duration-normal) var(--ease-spring) backwards;box-shadow:var(--shadow-sm)}.result-card:nth-child(1){animation-delay:0ms}.result-card:nth-child(2){animation-delay:40ms}.result-card:nth-child(3){animation-delay:80ms}.result-card:nth-child(4){animation-delay:.12s}.result-card:nth-child(5){animation-delay:.16s}.result-card:nth-child(6){animation-delay:.2s}.result-card:nth-child(7){animation-delay:.24s}.result-card:nth-child(8){animation-delay:.28s}.result-card:nth-child(9){animation-delay:.32s}.result-card:nth-child(10){animation-delay:.36s}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#FFA640);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-spring)}.result-card:hover{border-color:var(--primary);background:var(--primary-lighter);transform:translateY(-4px);box-shadow:var(--shadow-colored)}.result-card:hover:before{transform:scaleX(1)}.result-card.unavailable{opacity:.6;cursor:not-allowed;border-color:var(--border-default)}.result-card.unavailable:hover{transform:none;background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.type-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.type-badge.machine{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 2px 8px #3b82f64d}.type-badge.consommable{background:linear-gradient(135deg,var(--primary),#FFA640);color:#fff;box-shadow:0 2px 8px #ff7f004d}.stock-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.875rem;font-weight:700;background:var(--gray-50)}.stock-badge .status-icon{font-size:1rem}.result-card.good .stock-badge{background:var(--success-light);color:var(--success)}.result-card.low .stock-badge{background:var(--warning-light);color:#92400e}.result-card.empty .stock-badge{background:var(--danger-light);color:var(--danger)}.card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.item-name,.item-ref{margin:0;font-size:1.1rem;font-weight:700;color:var(--blue-helpstock);line-height:1.3}.item-ref{font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--primary)}.item-desc{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-details{display:flex;flex-direction:column;gap:var(--space-1);font-size:.8rem;color:var(--text-tertiary)}.item-details span{padding:var(--space-1) 0}.card-add-btn{width:100%;height:44px;border:none;background:linear-gradient(135deg,var(--primary),#FFA640);color:#fff;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.95rem;font-weight:700;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px #ff7f004d;text-transform:uppercase;letter-spacing:.03em}.card-add-btn svg{font-size:1.2rem;transition:transform var(--duration-fast) var(--ease-spring)}.card-add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff7f0080}.card-add-btn:hover:not(:disabled) svg{transform:rotate(90deg)}.card-add-btn:disabled{background:linear-gradient(135deg,var(--gray-300),var(--gray-300));cursor:not-allowed;opacity:.6;box-shadow:none}.item-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:var(--space-1);width:fit-content;transition:all var(--t-fast)}.status-icon{font-size:.875rem;font-weight:700}.status-icon.good{color:var(--success)}.status-icon.low{color:var(--warning)}.status-icon.empty,.status-icon.error{color:var(--danger)}.no-results,.no-search-yet{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-tertiary);border:1px dashed var(--border-default);border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--bg-base),white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.no-search-yet .muted{color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.muted{font-size:.875rem;color:var(--text-tertiary)}.cart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-subtle)}.cart-head h3{margin:0;font-size:1.5rem;font-weight:800;color:var(--blue-helpstock);display:flex;align-items:center;gap:var(--space-3)}.cart-head h3:before{content:"🛒";font-size:1.5rem}.table-wrap{overflow:auto;border:2px solid var(--border-subtle);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.cart-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}.cart-table thead{background:linear-gradient(180deg,var(--bg-base),var(--border-subtle));position:sticky;top:0;z-index:10}.cart-table thead th{text-align:left;font-weight:700;padding:var(--space-4) var(--space-6);color:var(--blue-helpstock);border-bottom:2px solid var(--border-default);font-size:.75rem;text-transform:uppercase}.cart-table tbody tr{transition:all var(--duration-normal) var(--ease-out);border-bottom:1px solid var(--border-subtle)}.cart-table tbody tr:nth-child(2n){background:var(--bg-base)}.cart-table tbody tr:hover{background:var(--primary-lighter);box-shadow:inset 4px 0 0 var(--primary)}.cart-table td{padding:var(--space-4) var(--space-6);font-size:.875rem;font-weight:500;color:var(--text-primary)}.cart-table .center{text-align:center;padding:var(--space-12);color:var(--text-tertiary);font-style:italic}.cart-table td.good{color:var(--success);font-weight:700}.cart-table td.low{color:var(--warning);font-weight:700}.cart-table td.empty{color:var(--danger);font-weight:700}.cart-table .item-type-badge{margin-left:0;font-size:1.2rem;padding:4px;border:none;background:transparent}.cart-table input[type=number]{width:100px;height:var(--control-md);background:#fff;border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-weight:700;text-align:center;font-family:Poppins,sans-serif;outline:none;transition:all var(--duration-fast) var(--ease-out)}.cart-table input[type=number]:focus{border-color:var(--primary);box-shadow:var(--ring-primary);transform:scale(1.05)}.cart-table input[type=number]:disabled,.input-readonly{background:var(--bg-base)!important;color:var(--text-disabled)!important;cursor:not-allowed!important;opacity:.7}.cart-table input[type=number]::-webkit-outer-spin-button,.cart-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-actions{display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-6);border-top:2px solid var(--border-subtle)}.cart-actions .btn.primary{min-width:220px;position:relative;overflow:hidden}.cart-actions .btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cart-actions .btn.primary:hover:before{left:100%}.stock-indicator{display:inline-block;min-width:46px;text-align:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:800;font-size:.8rem;font-family:ui-monospace,SF Mono,Consolas,monospace}.stock-indicator.good{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.stock-indicator.low{background:var(--warning-light);border:1px solid var(--warning);color:var(--warning)}.stock-indicator.empty{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.warn{color:var(--warning);font-size:.75rem;font-weight:600;margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-12);min-height:60vh;text-align:center;color:var(--text-tertiary)}.spinner,.spinner-small{width:48px;height:48px;border:4px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:32px;height:32px;border-width:3px}.cart-summary-floating{position:fixed;bottom:24px;right:24px;z-index:1000;animation:slideInFromRight .4s var(--ease-spring)}.summary-content{background:linear-gradient(135deg,var(--primary),#FFA640);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #ff7f0066;display:flex;align-items:center;gap:var(--space-4);min-width:280px;border:2px solid rgba(255,255,255,.3);transition:all var(--duration-normal) var(--ease-out)}.summary-content:hover{transform:translateY(-4px) scale(1.02)}.summary-icon{font-size:2rem;animation:bounce 2s ease-in-out infinite}.summary-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.summary-count{font-size:1rem;font-weight:700}.summary-qty{font-size:.85rem;opacity:.9}.btn-quick-validate{width:48px;height:48px;border-radius:var(--radius-full);background:#fff;color:var(--primary);border:none;font-size:1.5rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-quick-validate:hover:not(:disabled){transform:scale(1.15) rotate(15deg)}.btn-quick-validate:disabled{opacity:.5;cursor:not-allowed}.success-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.success-content{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center;max-width:500px;box-shadow:0 25px 50px #00000080;animation:successPop .5s var(--ease-spring)}.success-icon{width:120px;height:120px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--success),#34d399);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;box-shadow:0 12px 40px #10b98166}.success-content h2{margin:0 0 var(--space-4) 0;color:var(--blue-helpstock);font-size:2rem;font-weight:800}.success-content p{margin:0;color:var(--text-secondary);font-size:1.1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm);transition:background var(--duration-normal)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 1400px){.sortie-page{padding:var(--space-6)}.sortie-content-wrapper{gap:var(--space-6)}}@media (max-width: 1200px){.sortie-page{padding:var(--space-4)}.sortie-content-wrapper{grid-template-columns:1fr;gap:var(--space-4)}.cart-zone{position:static;max-height:none}.sortie-filters{grid-template-columns:1fr;gap:var(--space-4)}.search-filters{flex-direction:column;gap:var(--space-3)}.page-title h1{font-size:1.75rem}}@media (max-width: 992px){.sortie-page{padding:var(--space-4)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.page-title{justify-content:center}.page-title h1{font-size:1.625rem}.picker-row{flex-wrap:wrap;gap:var(--space-3)}.radio-option{flex:1 1 calc(50% - var(--space-3));min-width:200px}.results-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.item-actions{gap:var(--space-2)}}@media (max-width: 768px){.sortie-page{padding:var(--space-3)}.sortie-filters,.picker,.cart{padding:var(--space-4)}.page-title h1{font-size:1.5rem}.page-title svg{font-size:1.5rem}.picker-row{flex-direction:column}.radio-option{width:100%;justify-content:center}.results-header{flex-direction:column;gap:var(--space-3)}.results-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.result-card{padding:var(--space-3)}.card-add-btn{height:40px;font-size:.85rem}.card-add-btn svg{font-size:1rem}.cart-actions{flex-direction:column;gap:var(--space-3)}.cart-actions .btn{width:100%}.cart-summary-floating{left:12px;right:12px;bottom:12px}.summary-content{width:100%}.success-content{margin:var(--space-4);padding:var(--space-6)}.success-icon{width:80px;height:80px;font-size:3rem}.success-content h2{font-size:1.5rem}.cart-table{font-size:.9rem}.cart-table thead th,.cart-table td{padding:var(--space-3)}}@media (max-width: 640px){.sortie-page{padding:var(--space-3)}.page-title h1{font-size:1.375rem}.picker,.cart{padding:var(--space-3)}.results-grid{grid-template-columns:1fr;gap:var(--space-3)}.result-card{padding:var(--space-3)}.card-add-btn{height:38px;font-size:.8rem}.item-name,.item-ref{font-size:1rem}.item-desc{font-size:.8rem}.cart-summary-floating{left:8px;right:8px;bottom:8px}}@media (max-width: 480px){.sortie-page{padding:var(--space-2)}.page-title h1{font-size:1.25rem}.page-title svg{font-size:1.25rem}.sortie-filters,.picker,.cart{padding:var(--space-3)}.result-card{padding:var(--space-2);gap:var(--space-2)}.card-header{padding-bottom:var(--space-1)}.type-badge{font-size:.65rem;padding:2px var(--space-2)}.stock-badge{font-size:.8rem;padding:2px var(--space-1)}.item-name,.item-ref{font-size:.95rem}.item-desc{font-size:.75rem}.card-add-btn{height:36px;font-size:.75rem;gap:var(--space-1)}.card-add-btn svg{font-size:.95rem}.cart-table thead th,.cart-table td{padding:var(--space-2);font-size:.8rem}.summary-icon{font-size:1.5rem}.summary-count{font-size:.9rem}.btn-quick-validate{width:40px;height:40px;font-size:1.2rem}.success-content{padding:var(--space-4)}.success-icon{width:64px;height:64px;font-size:2.5rem}.success-content h2{font-size:1.25rem}.success-content p{font-size:.9rem}.radio-option{padding:var(--space-3);font-size:.9rem}}@media (max-width: 360px){.sortie-page{padding:var(--space-2)}.page-title h1{font-size:1.125rem}.page-title svg{font-size:1.125rem}.picker,.cart{padding:var(--space-2)}.cart-table thead th,.cart-table td{padding:var(--space-1);font-size:.75rem}.btn-quick-validate{width:36px;height:36px;font-size:1.1rem}.success-icon{width:56px;height:56px;font-size:2rem}.success-content h2{font-size:1.125rem}.item-title{font-size:.85rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}@media (max-width: 768px){.historique-page{padding:1rem!important}.historique-header{flex-direction:column!important;gap:1rem!important}.historique-search,.historique-filters{width:100%!important}.historique-table-container{overflow-x:scroll!important}.historique-table{min-width:500px!important;font-size:.8rem!important}.historique-table th,.historique-table td{padding:.5rem!important}.modal-overlay .modal-details{width:95%!important;margin:1rem!important}}:root{--historique-primary: #142658;--historique-secondary: #FF7F00;--historique-bg: #f8fafc;--historique-card: #ffffff;--historique-text: #1e293b;--historique-text-light: #64748b;--historique-border: #e2e8f0;--historique-hover: #f9f9f9;--color-sortie: #dc3545;--color-sortie-bg: #ffe5e5;--color-entree: #28a745;--color-entree-bg: #e5f5e5;--color-reception: #007bff;--color-reception-bg: #e5f0ff;--color-transfert: #fd7e14;--color-transfert-bg: #fff3e5;--color-ajustement: #6f42c1;--color-ajustement-bg: #f3e5ff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow: var(--shadow-sm);--shadow-hover: var(--shadow-md);--radius: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}.historique-page{padding:var(--spacing-lg);min-height:100vh;background:var(--historique-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:15px 0}.pagination button{padding:8px 16px;background:#fff;border:1px solid var(--historique-border);border-radius:var(--radius);color:var(--historique-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.pagination button:hover:not(:disabled){background:var(--historique-primary);color:#fff;border-color:var(--historique-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.pagination span{font-size:14px;color:var(--historique-text);font-weight:500}.pagination span{color:var(--historique-text);font-size:15px;font-weight:500;background:#1426580d;padding:8px 16px;border-radius:var(--historique-radius-md)}.historique-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px;animation:fadeIn .5s ease-in-out}.spinner{width:60px;height:60px;border:4px solid rgba(20,38,88,.1);border-top:4px solid var(--historique-secondary);border-right:4px solid var(--historique-primary);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;box-shadow:0 4px 10px #0000001a}.historique-loading p{font-size:1rem;font-weight:500;color:var(--historique-primary);letter-spacing:.02em;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes historyPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.header-icon{animation:historyPulse 2s infinite ease-in-out}.no-data svg{font-size:60px;color:var(--historique-secondary);opacity:.7;margin-bottom:20px}.no-data p{font-size:18px;font-weight:500;margin:10px 0}.historique-footer{margin-top:2rem!important;padding:1.5rem!important;text-align:center!important;color:var(--historique-text-light)!important;font-size:.875rem!important;border-top:1px solid var(--historique-border)!important;background:linear-gradient(to right,#14265805,#1426580d,#14265805);border-radius:var(--historique-radius-md)}.page-title .title-icon{font-size:2rem;color:var(--historique-secondary);animation:iconFloat 3s ease-in-out infinite}.page-title h1{font-size:2rem;font-weight:700;color:var(--historique-primary);margin:0;letter-spacing:.5px}.btn-export{display:flex;align-items:center;gap:var(--spacing-sm);padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--historique-secondary),#ff9933);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.btn-export:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.historique-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-left:3px solid var(--historique-primary);transition:all .2s ease;background:#fafbfc;border-radius:8px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.stat-card.entrees{border-left-color:#10b981}.stat-card.entrees .stat-icon{color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.stat-card.sorties{border-left-color:#ef4444}.stat-card.sorties .stat-icon{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.stat-icon{font-size:20px;padding:8px;border-radius:6px;background:linear-gradient(135deg,#1426581a,#1426580d);color:var(--historique-primary);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px;flex:1}.stat-label{font-size:11px;color:var(--historique-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.stat-value{font-size:20px;font-weight:700;color:var(--historique-primary)}.historique-filters{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:1.5rem;padding:1rem;background:#fff;border:1px solid var(--historique-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);position:relative}.historique-filters:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(180deg,#0000000f,#0000);border-radius:50%;filter:blur(3px)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;flex:1;width:100%}.filter-group{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.filter-group.search{grid-column:span 2}.filter-group label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--historique-text-light);text-transform:uppercase;letter-spacing:.02em}.filter-group label svg{color:var(--historique-primary);font-size:12px}.filter-group input,.filter-group select{width:100%;padding:8px 12px;border:1px solid var(--historique-border);border-radius:var(--radius);font-size:13px;color:var(--historique-text);background:#fff;transition:all .2s ease}.filter-group.search input{padding-left:42px}.filter-group.search label svg{position:absolute;left:14px;bottom:14px;font-size:16px;color:var(--historique-text-light);pointer-events:none;transition:var(--historique-transition)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--historique-primary);box-shadow:0 0 0 3px #1426581a;transform:translateY(-1px)}.filter-group.search input:focus+label svg,.filter-group.search input:focus~label svg{color:var(--historique-primary);transform:scale(1.1)}.filter-group input:hover,.filter-group select:hover{border-color:var(--historique-primary-light)}.filter-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23142658' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.btn-reset{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,var(--historique-secondary),var(--historique-secondary-light));color:#fff;border:none;border-radius:var(--historique-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--historique-transition);box-shadow:0 4px 12px #ff7f004d;position:relative;overflow:hidden;white-space:nowrap;align-self:flex-end}.btn-reset:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.btn-reset:hover{background:linear-gradient(135deg,var(--historique-primary-light),var(--historique-primary));transform:translateY(-2px);box-shadow:0 6px 14px #14265859}.btn-reset:hover:before{transform:translate(100%)}.btn-reset:active{transform:translateY(0);box-shadow:0 2px 5px #1426584d}.historique-table-container{background:var(--historique-card);border-radius:var(--historique-radius-lg);overflow:hidden;box-shadow:var(--historique-shadow-md);transition:var(--historique-transition);animation:fadeIn .6s ease-out}.historique-table-container:hover{box-shadow:var(--historique-shadow-lg)}.historique-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,system-ui,sans-serif}.historique-table thead{background:linear-gradient(to right,#14265808,#14265814)}.historique-table th{padding:16px 20px;text-align:left;font-weight:600;color:var(--historique-primary);font-size:14px;border-bottom:2px solid var(--historique-primary);letter-spacing:.02em;text-transform:uppercase;position:relative}.historique-table th:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--historique-primary),var(--historique-primary-light),rgba(20,38,88,.1));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.historique-table th:hover:after{transform:scaleX(1)}.historique-table td{padding:16px 20px;border-bottom:1px solid var(--historique-border);font-size:14px;color:var(--historique-text);transition:var(--historique-transition)}.historique-table tr{transition:var(--historique-transition)}.historique-table tr:hover{background:#14265805}.historique-table tr:hover td{color:var(--historique-primary)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(135deg,var(--historique-primary),var(--historique-primary-light));color:#fff;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.03em;box-shadow:0 2px 6px #14265833;transition:var(--historique-transition)}.badge:hover{transform:scale(1.05);box-shadow:0 3px 8px #1426584d}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:var(--historique-transition)}.type-badge.entree{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b9814d}.type-badge.sortie{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 6px #ef44444d}.type-badge svg{font-size:10px}.type-badge:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.historique-table tr.entree-row{border-left:3px solid #10b981}.historique-table tr.sortie-row{border-left:3px solid #ef4444}.historique-table tr.entree-row:hover{background:#10b9810d}.historique-table tr.sortie-row:hover{background:#ef44440d}.mouvement-details{cursor:pointer;position:relative;width:100%}.mouvement-details summary,.sortie-details summary,.details-summary{padding:10px 16px;background:#f1f5f9;border-radius:var(--historique-radius-md);font-size:13px;font-weight:600;color:var(--historique-primary);transition:var(--historique-transition);list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;cursor:pointer;white-space:nowrap}.mouvement-details summary:before,.sortie-details summary:before{content:"+";display:inline-block;font-size:16px;font-weight:700;transition:transform .3s ease}.mouvement-details summary:hover,.sortie-details summary:hover{background:#1426581a;transform:translateY(-2px);box-shadow:0 3px 6px #1426581a}.mouvement-details[open] summary,.sortie-details[open] summary{background:linear-gradient(135deg,var(--historique-secondary),var(--historique-secondary-light));color:#fff;margin-bottom:12px;border-radius:var(--historique-radius-md) var(--historique-radius-md) 0 0;box-shadow:0 4px 8px #ff7f0026}.mouvement-details[open] summary:before,.sortie-details[open] summary:before{content:"−";transform:rotate(180deg)}.details-content{padding:16px;background:#f8fafc;border-radius:0 0 var(--historique-radius-md) var(--historique-radius-md);border:1px solid rgba(20,38,88,.1);border-top:none;animation:fadeIn .3s ease-out;max-width:100%;overflow-x:hidden}.detail-item{display:grid;grid-template-columns:100px 1fr 80px;gap:12px;padding:12px;margin-bottom:10px;background:#fff;border-radius:var(--historique-radius-sm);font-size:13px;box-shadow:0 2px 4px #00000008;transition:var(--historique-transition);border-left:3px solid var(--historique-primary)}.detail-item:hover{transform:translate(3px);box-shadow:0 3px 6px #0000000d;background:#fafbff}.detail-item .ref{font-weight:600;color:var(--historique-primary);letter-spacing:.02em}.detail-item .designation{color:var(--historique-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-item .qty{text-align:right;font-weight:600;color:var(--historique-secondary);background:#ff7f0014;padding:4px 8px;border-radius:var(--historique-radius-sm);display:inline-block}.detail-item.machine-item{grid-template-columns:1fr 80px;border-left-color:#2196f3;background:linear-gradient(90deg,#2196f305,#fff)}.detail-item.machine-item:hover{background:linear-gradient(90deg,#2196f30d,#fafbff)}.machine-info{display:flex;flex-direction:column;gap:6px}.machine-name{font-weight:700;font-size:14px;color:#2196f3;letter-spacing:.01em}.machine-details{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.machine-serial,.machine-code,.machine-brand{font-size:12px;padding:3px 8px;border-radius:4px;background:#2196f314;color:#1976d2;font-weight:500}.machine-serial{background:#4caf5014;color:#388e3c}.machine-code{background:#ff980014;color:#f57c00}.machine-brand{background:#9c27b014;color:#7b1fa2;font-style:italic}.qty.machine-qty{background:#2196f314;color:#2196f3}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--historique-text-light);animation:fadeIn .5s ease-out}.no-data svg{font-size:48px;margin-bottom:16px}.no-data p{font-size:16px;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.pagination button{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#1d4ed8}.pagination button:disabled{background:#cbd5e1;cursor:not-allowed}.pagination span{font-size:14px;color:#475569;font-weight:500}.date-cell{display:flex;flex-direction:column;gap:2px}.date-value{font-weight:600;color:var(--historique-text);font-size:15px}.time-value{font-size:13px;color:var(--historique-text-light)}.articles-summary{display:flex;flex-direction:column;gap:5px}.badge-consommable,.badge-machine{padding:5px 10px;border-radius:var(--radius);font-size:13px;font-weight:500;display:inline-flex;align-items:center}.badge-consommable{background:#28a745;color:#fff}.badge-machine{background:#007bff;color:#fff}.mouvement-details{width:100%}.details-summary{cursor:pointer;padding:10px 14px;background:var(--historique-primary);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:500;display:flex;align-items:center;list-style:none}.details-summary:hover{background:#1a3a8f}.mouvement-details[open] .details-summary{border-radius:var(--radius) var(--radius) 0 0}.details-content{background:#fff;border:1px solid var(--historique-border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:15px}.details-header{background:#f8f9fa;padding:12px;border-radius:var(--radius);margin-bottom:15px;border-left:3px solid var(--historique-primary);max-width:100%;overflow:hidden}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid #eee;font-size:14px;gap:12px;flex-wrap:wrap}.detail-row:last-child{border-bottom:none}.detail-row strong{color:var(--historique-text-light);font-weight:600;flex-shrink:0;min-width:100px}.detail-row span{color:var(--historique-text);font-weight:500;word-break:break-word;text-align:right;flex:1}.details-section{margin-top:15px}.section-title{display:flex;align-items:center;font-size:15px;font-weight:600;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--historique-border)}.consommable-title{color:#28a745}.machine-title{color:#007bff}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;margin-top:10px;width:100%}.item-card{background:#fff;border:1px solid var(--historique-border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.item-card:hover{box-shadow:var(--shadow-hover);border-color:#aaa}.item-card.consommable-card{border-left:3px solid #28a745}.item-card.machine-card{border-left:3px solid #007bff}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee}.item-reference{font-weight:600;color:var(--historique-primary);font-size:14px;background:#f8f9fa;padding:3px 8px;border-radius:var(--radius)}.item-quantity{background:var(--historique-secondary);color:#fff;padding:3px 10px;border-radius:var(--radius);font-weight:600;font-size:13px}.item-designation{color:var(--historique-text);font-size:14px;line-height:1.5;margin-bottom:8px}.machine-info-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.machine-info-row strong{color:var(--historique-text-light);font-weight:600}.machine-info-row span{color:var(--historique-text)}.item-stock-evolution{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.stock-avant,.stock-apres{flex:1;padding:6px 10px;border-radius:var(--radius);font-size:13px;font-weight:600;text-align:center}.stock-avant{background:#ffe5e5;color:#dc3545;border:1px solid #ffcccc}.stock-apres{background:#e5f5e5;color:#28a745;border:1px solid #c3e6c3}.modal-header{background:linear-gradient(135deg,var(--historique-primary),#1a3a7a);color:#fff}.modal-details{max-width:900px;animation:slideUp .3s ease}.btn-voir-details{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--historique-primary);color:#fff;border:none;border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-voir-details:hover{background:#1a3a7a;transform:translateY(-2px);box-shadow:0 4px 8px #1426584d}.btn-voir-details svg{font-size:11px}@media (min-width: 1400px){.historique-stats{justify-content:space-between}.stat-card{flex:0 1 auto}}@media (max-width: 1200px){.historique-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.875rem}.stat-icon{font-size:18px;padding:7px}.stat-value{font-size:18px}.historique-table{font-size:13px}.historique-table th,.historique-table td{padding:12px 14px}.page-title h1{font-size:1.75rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 1024px){.historique-page{padding:1rem}.page-header{gap:1rem}.historique-stats{grid-template-columns:repeat(2,1fr);gap:.625rem}.historique-filters{flex-direction:column;padding:.875rem;gap:12px;align-items:stretch}.filters-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.modal-details{max-width:95%}.filter-group{width:100%}.filter-group.search{grid-column:span 1}.btn-reset{width:100%;align-self:stretch}.mouvement-details summary,.details-summary{font-size:12px;padding:9px 14px}.items-grid{grid-template-columns:1fr}.historique-stats{gap:.875rem}.stat-card{padding:1.25rem}.stat-icon{font-size:28px;padding:12px}.stat-value{font-size:28px}}@media (max-width: 768px){.historique-page{padding:.875rem}.historique-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem}.stat-card{padding:.625rem .875rem}.stat-icon{font-size:16px;padding:6px}.stat-label{font-size:10px}.stat-value{font-size:16px}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.modal-details{max-width:100%;max-height:95vh}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.page-title h1,.page-title .title-icon{font-size:1.5rem}.btn-export{width:100%;justify-content:center;padding:.75rem 1.25rem}.historique-filters{padding:16px}.filters-row{grid-template-columns:1fr;gap:10px}.filter-group.search{grid-column:span 1}.filter-group label{font-size:12px}.filter-group input,.filter-group select{font-size:13px}.historique-stats{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-icon{font-size:24px;padding:10px}.stat-label{font-size:12px}.stat-value{font-size:24px}.historique-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.historique-table{font-size:12px;min-width:600px}.historique-table th,.historique-table td{padding:10px 12px}.type-badge{font-size:11px;padding:5px 10px}.detail-item{grid-template-columns:1fr;gap:8px;padding:10px}.items-grid{grid-template-columns:1fr;gap:10px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.item-stock-evolution{flex-direction:column;gap:6px}.detail-item.machine-item{grid-template-columns:1fr}.machine-details{flex-direction:column;align-items:flex-start;gap:6px}.pagination{flex-wrap:wrap;gap:.5rem;padding:16px}.pagination button,.pagination span{font-size:13px;padding:7px 14px}.mouvement-details summary,.sortie-details summary,.details-summary{font-size:11px;padding:8px 10px;flex-wrap:wrap;gap:6px}.details-content{padding:12px}.details-header{padding:10px}.detail-row{font-size:12px;gap:8px}.detail-row strong{min-width:80px;font-size:11px}.detail-row span{font-size:12px}.items-grid{gap:10px}.section-title{font-size:13px;margin-bottom:8px}}@media (max-width: 480px){.historique-page{padding:.75rem}.historique-stats{padding:.625rem;gap:.375rem}.stat-card{padding:.5rem .75rem}.stat-icon{font-size:14px;padding:5px}.stat-label{font-size:9px}.stat-value{font-size:14px}.modal-overlay{padding:.5rem}.modal-header{padding:.875rem}.modal-header h3{font-size:1rem}.btn-close-modal{width:32px;height:32px;font-size:1.1rem}.modal-body{padding:.875rem}.btn-voir-details{font-size:11px;padding:5px 10px}.page-title h1,.page-title .title-icon{font-size:1.25rem}.page-title{gap:.75rem}.btn-export{font-size:13px;padding:.65rem 1rem}.historique-filters{padding:12px;gap:10px}.filters-row{gap:8px;grid-template-columns:1fr}.filter-group{gap:6px}.filter-group.search{grid-column:span 1}.filter-group label{font-size:10px}.filter-group input,.filter-group select{padding:9px 10px;font-size:12px}.filter-group.search input{padding-left:36px}.btn-reset{font-size:13px;padding:10px 20px}.stat-card{padding:.875rem}.stat-icon{font-size:20px;padding:8px}.stat-label{font-size:11px}.stat-value{font-size:20px}.historique-table{font-size:11px;min-width:550px}.historique-table th,.historique-table td{padding:8px 10px}.type-badge{font-size:10px;padding:4px 8px;gap:4px}.mouvement-details summary,.sortie-details summary,.details-summary{font-size:10px;padding:7px 8px;gap:4px}.mouvement-details summary svg,.sortie-details summary svg,.details-summary svg{font-size:10px}.details-content{padding:8px}.details-header{padding:8px;margin-bottom:10px}.detail-row{font-size:11px;padding:4px 0;gap:6px}.detail-row strong{min-width:70px;font-size:10px}.detail-row span{font-size:11px}.detail-item{padding:8px;font-size:11px}.item-card{padding:10px}.item-reference{font-size:12px}.item-quantity{font-size:11px;padding:2px 8px}.item-designation{font-size:12px}.machine-info-row{font-size:11px}.pagination{padding:12px;gap:.4rem}.pagination button,.pagination span{font-size:11px;padding:6px 10px}.machine-serial,.machine-code,.machine-brand{font-size:10px;padding:2px 5px}.machine-name{font-size:12px}.stock-avant,.stock-apres{font-size:11px;padding:5px 8px}.section-title{font-size:13px}.detail-row{font-size:12px}}@media (max-width: 360px){.historique-page{padding:.5rem}.page-title h1{font-size:1.1rem}.historique-stats{padding:.5rem;gap:.25rem}.stat-card{padding:.5rem}.stat-icon{font-size:12px;padding:4px}.stat-value{font-size:12px}.modal-header h3{font-size:.95rem}.btn-close-modal{width:28px;height:28px;font-size:1rem}.historique-table{min-width:500px}.btn-export{font-size:12px}}:root{--sa-primary: #ff7f00;--sa-primary-light: #ffb366;--sa-primary-dark: #e56f00;--sa-primary-bg: rgba(255, 127, 0, .08);--sa-primary-hover: rgba(255, 127, 0, .12);--sa-secondary: #142658;--sa-secondary-light: #1e3a8a;--sa-secondary-dark: #0f1d42;--sa-secondary-bg: rgba(20, 38, 88, .08);--sa-secondary-hover: rgba(20, 38, 88, .12);--sa-bg: #f8fafc;--sa-card: #ffffff;--sa-text: #1e293b;--sa-text-secondary: #64748b;--sa-text-muted: #94a3b8;--sa-border: #e2e8f0;--sa-border-hover: #cbd5e1;--sa-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--sa-shadow-md: 0 6px 10px -2px rgb(0 0 0 / .12);--sa-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--sa-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--sa-radius: 12px;--sa-radius-sm: 8px;--sa-radius-lg: 16px;--sa-radius-xl: 20px;--sa-radius-full: 9999px;--sa-transition: all .3s cubic-bezier(.4, 0, .2, 1);--sa-transition-fast: all .15s ease-out;--sa-success: #10b981;--sa-success-bg: rgba(16, 185, 129, .1);--sa-warning: #f59e0b;--sa-warning-bg: rgba(245, 158, 11, .1);--sa-danger: #ef4444;--sa-danger-bg: rgba(239, 68, 68, .1);--sa-info: #3b82f6;--sa-info-bg: rgba(59, 130, 246, .1)}.sa-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);position:relative;animation:fadeIn .5s ease-out}.sa-page:before{content:"";position:absolute;inset:0 0 auto;height:240px;background:radial-gradient(ellipse at top,rgba(255,127,0,.06) 0%,transparent 70%);pointer-events:none}.sa-hq-section{margin-bottom:2rem;animation:slideUp .4s ease-out .1s both}.sa-hq-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--sa-secondary),var(--sa-secondary-light));color:#fff;padding:.5rem 1.25rem;border-radius:var(--sa-radius) var(--sa-radius) 0 0;font-weight:800;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--sa-shadow)}.sa-hq-card{border:3px solid var(--sa-secondary)!important;background:linear-gradient(135deg,#14265808,#fffffff2)!important;box-shadow:var(--sa-shadow-xl)!important;position:relative;overflow:hidden}.sa-hq-card:before{content:"🏢";position:absolute;top:10px;right:10px;font-size:4rem;opacity:.05;pointer-events:none}.sa-hq-card h3{color:var(--sa-secondary);font-size:1.5rem;margin-bottom:.5rem}.sa-hq-address,.sa-agency-address{font-size:.875rem;color:var(--sa-text-secondary);margin:.5rem 0 1rem;display:flex;align-items:center;gap:.5rem}.sa-hq-address:before{content:"📍"}.sa-agency-address:before{content:"📍"}.sa-section-title{margin:2rem 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--sa-border)}.sa-section-title h2{font-size:1.5rem;font-weight:700;color:var(--sa-text);margin:0;display:flex;align-items:center;gap:.75rem}.sa-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;animation:slideUp .4s ease-out .2s both}.sa-agency-card{background:var(--sa-card);border-radius:var(--sa-radius);padding:1.5rem;box-shadow:var(--sa-shadow);transition:var(--sa-transition);border:2px solid var(--sa-border)}.sa-agency-card:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow-lg);border-color:var(--sa-primary)}.sa-agency-card h3{margin:0 0 1rem;font-size:1.25rem;color:var(--sa-text)}.sa-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.sa-stat{display:flex;align-items:center;gap:.75rem}.sa-stat-icon{font-size:1.5rem;color:var(--sa-primary)}.sa-stat-content{display:flex;flex-direction:column}.sa-stat-value{font-size:1.25rem;font-weight:600;color:var(--sa-text)}.sa-stat-label{font-size:.875rem;color:var(--sa-text-secondary)}.sa-progress-bars{display:flex;flex-direction:column;gap:.5rem}.sa-progress{height:4px;background:var(--sa-border);border-radius:2px;overflow:hidden}.sa-progress-fill{height:100%;transition:width .3s ease-out}.page-title{display:flex;align-items:center;gap:1rem}.page-title .title-icon{font-size:2rem;color:var(--sa-primary);animation:iconFloat 3s ease-in-out infinite}.page-title h1{font-size:2rem;font-weight:700;color:var(--sa-secondary);margin:0;letter-spacing:.5px}.sa-header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.sa-search{display:inline-flex;align-items:center;gap:.75rem;background:var(--sa-card);border:2px solid var(--sa-border);border-radius:var(--sa-radius);padding:.75rem 1rem;box-shadow:var(--sa-shadow);transition:var(--sa-transition);position:relative;overflow:hidden}.sa-search:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,127,0,.02),transparent);opacity:0;transition:var(--sa-transition);pointer-events:none;z-index:0}.sa-search:focus-within,.sa-search.sa-search-active{border-color:var(--sa-primary);box-shadow:var(--sa-shadow-lg),0 0 0 3px #ff7f001a;transform:translateY(-1px)}.sa-search:focus-within:before,.sa-search.sa-search-active:before{opacity:1}.sa-search input{border:none;outline:none;min-width:300px;background:transparent;color:var(--sa-text);font-size:.95rem;font-weight:500;transition:var(--sa-transition-fast);position:relative;z-index:1}.sa-search input::placeholder{color:var(--sa-text-muted);font-weight:400}.sa-search svg{color:var(--sa-text-muted);font-size:1.1rem;transition:var(--sa-transition);position:relative;z-index:1;flex-shrink:0}.sa-search:focus-within svg,.sa-search.sa-search-active svg{color:var(--sa-primary);transform:scale(1.1)}.sa-search-clear{background:var(--sa-danger-bg);color:var(--sa-danger);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:700;transition:var(--sa-transition-fast);flex-shrink:0;position:relative;z-index:1}.sa-search-clear:hover{background:var(--sa-danger);color:#fff;transform:scale(1.1)}.sa-search-results-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:linear-gradient(90deg,var(--sa-primary-bg),transparent);border-left:4px solid var(--sa-primary);border-radius:var(--sa-radius);margin:1rem 0;font-size:.9rem;color:var(--sa-text-secondary);animation:slideInDown .3s ease-out}.sa-search-results-info strong{color:var(--sa-primary);font-weight:700}.sa-clear-search{background:var(--sa-card);border:2px solid var(--sa-primary);color:var(--sa-primary);padding:.5rem 1rem;border-radius:var(--sa-radius);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--sa-transition)}.sa-clear-search:hover{background:var(--sa-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--sa-shadow-md)}.sa-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--sa-card);border:2px solid var(--sa-border);border-radius:var(--sa-radius);font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--sa-transition);box-shadow:var(--sa-shadow);position:relative;overflow:hidden;color:var(--sa-text-secondary)}.sa-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--sa-primary-bg),var(--sa-primary-hover));opacity:0;transition:var(--sa-transition);pointer-events:none;z-index:0}.sa-btn:hover{border-color:var(--sa-primary);color:var(--sa-primary);transform:translateY(-2px);box-shadow:var(--sa-shadow-lg)}.sa-btn:hover:before{opacity:1}.sa-btn:active{transform:translateY(0);box-shadow:var(--sa-shadow)}.sa-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:var(--sa-shadow)!important}.sa-btn svg{position:relative;z-index:1;transition:var(--sa-transition)}.sa-btn:hover svg{transform:scale(1.1)}.sa-btn .spin{animation:saSpin 1s linear infinite}@keyframes saSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sa-tabs{display:flex;gap:.5rem;margin:1rem 0 1.5rem;padding:.25rem;background:var(--sa-card);border-radius:var(--sa-radius);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow);animation:slideUp .4s ease-out .2s both}.sa-tab{background:transparent;border:2px solid transparent;padding:.75rem 1.25rem;border-radius:var(--sa-radius-sm);font-weight:700;font-size:.9rem;display:inline-flex;gap:.5rem;align-items:center;cursor:pointer;transition:var(--sa-transition);color:var(--sa-text-secondary);position:relative;flex:1;justify-content:center}.sa-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--sa-primary-bg),var(--sa-primary-hover));border-radius:inherit;opacity:0;transition:var(--sa-transition);pointer-events:none;z-index:0}.sa-tab:hover{color:var(--sa-primary);border-color:var(--sa-primary)}.sa-tab:hover:before{opacity:.5}.sa-tab.active{border-color:var(--sa-primary);color:var(--sa-primary);background:var(--sa-primary-bg);box-shadow:0 2px 4px #ff7f0033}.sa-tab.active:before{opacity:1}.sa-tab svg{position:relative;z-index:1;transition:var(--sa-transition)}.sa-tab:hover svg,.sa-tab.active svg{transform:scale(1.1)}.sa-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--sa-border);border-radius:var(--sa-radius-full);font-size:.75rem;font-weight:800;margin-left:.5rem;transition:var(--sa-transition);position:relative;z-index:1}.sa-tab.active .sa-tab-count{background:var(--sa-primary);color:#fff}.sa-table-wrap{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);overflow:hidden;position:relative;animation:slideUp .4s ease-out .3s both}.sa-table-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sa-primary),var(--sa-primary-light),var(--sa-primary));opacity:.8}.sa-table-wrap{overflow:auto;max-height:70vh}.sa-table-wrap::-webkit-scrollbar{width:8px;height:8px}.sa-table-wrap::-webkit-scrollbar-track{background:var(--sa-bg);border-radius:4px}.sa-table-wrap::-webkit-scrollbar-thumb{background:var(--sa-border-hover);border-radius:4px;transition:var(--sa-transition)}.sa-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--sa-text-muted)}.sa-table{width:100%;border-collapse:separate;border-spacing:0;position:relative;table-layout:fixed}.sa-table thead th{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,var(--sa-secondary),var(--sa-secondary-light));color:var(--sa-card);border-bottom:3px solid var(--sa-primary);text-align:left;padding:1rem .75rem;font-size:.85rem;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;transition:var(--sa-transition)}.sa-table thead th:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sa-primary),var(--sa-secondary))}.sa-table tbody tr{transition:var(--sa-transition);border-bottom:1px solid var(--sa-border)}.sa-table tbody tr:hover{background:linear-gradient(90deg,var(--sa-primary-bg),transparent);box-shadow:inset 4px 0 0 0 var(--sa-primary),0 2px 8px #0000000d}.sa-table tbody tr:nth-child(2n){background:#f8fafc80}.sa-table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,var(--sa-primary-bg),rgba(248,250,252,.5))}.sa-table tbody td{padding:.8rem .75rem;border-top:1px solid var(--sa-border);transition:var(--sa-transition);position:relative}.sa-ref{font-weight:800;letter-spacing:-.01em;color:var(--sa-text);font-family:SF Mono,Monaco,Inconsolata,monospace;background:linear-gradient(45deg,var(--sa-primary-bg),transparent);border-radius:4px;padding:.8rem .75rem}.sa-desig{color:var(--sa-text-secondary);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--sa-text);position:relative}.sa-th-hq{background:linear-gradient(135deg,var(--sa-secondary-dark),var(--sa-secondary))!important;color:#fff!important;position:relative}.sa-th-hq:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sa-secondary),var(--sa-primary))}.sa-hq-col{background:linear-gradient(90deg,rgba(20,38,88,.05),transparent);font-weight:800;border-left:3px solid var(--sa-secondary)}.sa-th-total{background:linear-gradient(135deg,var(--sa-primary-dark),var(--sa-primary))!important;color:#fff!important}.sa-total{font-weight:800;color:var(--sa-primary);background:var(--sa-primary-bg);border-radius:4px;border:1px solid rgba(255,127,0,.2)}.sa-zero{color:var(--sa-text-muted);opacity:.6;font-style:italic}.sa-num:not(.sa-zero):not(.sa-total):not(.sa-hq-col):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--sa-success),var(--sa-info));border-radius:2px;opacity:.7}.sa-legend{color:var(--sa-text-muted);font-size:.85rem;margin-top:1rem;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--sa-bg);border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border);animation:fadeIn .4s ease-out .4s both}.sa-zero-box{width:20px;height:12px;background:linear-gradient(45deg,#f1f5f9,#e2e8f0);border:1px solid var(--sa-border);border-radius:3px;display:inline-block;position:relative}.sa-zero-box:after{content:"0";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--sa-text-muted);font-weight:600}.sa-loading,.sa-error-container{text-align:center;padding:3rem 2rem;border-radius:var(--sa-radius);animation:fadeIn .5s ease-out}.sa-loading{color:var(--sa-text-secondary);background:var(--sa-card);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow)}.sa-error{color:var(--sa-danger);background:var(--sa-danger-bg);border:2px solid var(--sa-danger);border-radius:var(--sa-radius);padding:1rem 1.5rem;margin:1rem 0;font-weight:600}.sa-no-data{text-align:center;padding:3rem 2rem;color:var(--sa-text-muted);font-size:1.1rem;background:linear-gradient(135deg,var(--sa-bg),var(--sa-card));border-radius:var(--sa-radius);border:2px dashed var(--sa-border);animation:fadeIn .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sa-btn:focus-visible,.sa-tab:focus-visible,.sa-search:focus-within{outline:3px solid var(--sa-primary);outline-offset:2px}.sa-table tbody tr:focus-visible{outline:2px solid var(--sa-primary);outline-offset:-2px}@media (max-width: 1400px){.sa-page{padding:1.75rem}.sa-search input{min-width:280px}.sa-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media (max-width: 1200px){.sa-page{padding:1.5rem}.sa-search input{min-width:250px}.sa-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.page-title h1,.page-title .title-icon{font-size:1.75rem}}@media (max-width: 992px){.sa-page{padding:1.25rem}.page-header{flex-direction:column;align-items:stretch;gap:1.25rem}.page-title{justify-content:center}.sa-header-actions{width:100%;justify-content:center}.sa-search{flex:1;width:100%}.sa-search input{min-width:auto;width:100%}.sa-cards{grid-template-columns:repeat(2,1fr);gap:1rem}.sa-table thead th{font-size:.8rem;padding:.875rem .625rem}.sa-table tbody td{font-size:.9rem;padding:.75rem .625rem}}@media (max-width: 768px){.sa-page{padding:1rem}.sa-page:before{height:160px}.page-header{margin-bottom:1.5rem}.page-title h1,.page-title .title-icon{font-size:1.5rem}.sa-header-actions{flex-direction:column;gap:.875rem}.sa-search{width:100%}.sa-search input{min-width:auto;width:100%;font-size:.9rem}.sa-btn{width:100%;justify-content:center}.sa-hq-section{margin-bottom:1.5rem}.sa-hq-card h3{font-size:1.25rem}.sa-card-stats{grid-template-columns:1fr;gap:.875rem}.sa-cards{grid-template-columns:1fr;gap:1rem}.sa-tabs{flex-direction:column;gap:.5rem}.sa-tab{padding:.75rem 1rem;font-size:.9rem}.sa-search-results-info{flex-direction:column;align-items:flex-start;gap:.75rem;font-size:.85rem}.sa-table-wrap{max-height:60vh;border-radius:var(--sa-radius-sm)}.sa-table thead th{padding:.75rem .5rem;font-size:.75rem;letter-spacing:.03em}.sa-table tbody td{padding:.65rem .5rem;font-size:.85rem}.sa-ref{padding:.65rem .5rem;font-size:.8rem}.sa-desig{max-width:200px;font-size:.8rem}.sa-stat-icon{font-size:1.25rem}.sa-stat-value{font-size:1.125rem}.sa-stat-label{font-size:.8rem}}@media (max-width: 480px){.sa-page{padding:.875rem}.sa-page:before{height:120px}.page-header{margin-bottom:1.25rem}.page-title h1,.page-title .title-icon{font-size:1.25rem}.sa-search{padding:.625rem .875rem}.sa-search input{font-size:.85rem}.sa-search svg{font-size:1rem}.sa-search-clear{width:22px;height:22px;font-size:.85rem}.sa-btn{padding:.625rem 1rem;font-size:.85rem}.sa-hq-badge{font-size:.7rem;padding:.4rem 1rem}.sa-hq-card h3{font-size:1.125rem}.sa-hq-address,.sa-agency-address{font-size:.8rem}.sa-agency-card{padding:1.25rem}.sa-agency-card h3{font-size:1.125rem}.sa-section-title h2{font-size:1.25rem}.sa-cards{gap:.875rem}.sa-tabs{padding:.2rem;gap:.35rem}.sa-tab{padding:.625rem .875rem;font-size:.85rem}.sa-tab svg{font-size:.9rem}.sa-tab-count{min-width:20px;height:20px;font-size:.7rem;margin-left:.35rem}.sa-search-results-info{padding:.625rem 1rem;font-size:.8rem}.sa-clear-search{padding:.4rem .875rem;font-size:.8rem}.sa-table-wrap{max-height:55vh}.sa-table thead th{padding:.625rem .35rem;font-size:.7rem}.sa-table tbody td{padding:.55rem .35rem;font-size:.8rem}.sa-ref{padding:.55rem .35rem;font-size:.75rem}.sa-desig{max-width:150px;font-size:.75rem}.sa-stat{gap:.625rem}.sa-stat-icon{font-size:1.125rem}.sa-stat-value{font-size:1rem}.sa-stat-label{font-size:.75rem}.sa-legend{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.625rem .875rem;font-size:.8rem}.sa-no-data{padding:2rem 1rem;font-size:.95rem}}@media (max-width: 360px){.sa-page{padding:.75rem}.page-title h1,.page-title .title-icon{font-size:1.125rem}.sa-search{padding:.5rem .75rem}.sa-search input{font-size:.8rem}.sa-btn{padding:.5rem .875rem;font-size:.8rem}.sa-hq-card h3,.sa-agency-card h3{font-size:1rem}.sa-section-title h2{font-size:1.125rem}.sa-tab{padding:.5rem .75rem;font-size:.8rem}.sa-table thead th{padding:.5rem .25rem;font-size:.65rem}.sa-table tbody td{padding:.45rem .25rem;font-size:.75rem}.sa-ref,.sa-desig{font-size:.7rem}.sa-stat-value{font-size:.95rem}.sa-stat-label{font-size:.7rem}.sa-table-wrap{max-height:50vh}}@media print{.sa-page{background:#fff!important;padding:1rem!important}.sa-header-actions,.sa-tabs{display:none!important}.sa-table-wrap{box-shadow:none!important;border:1px solid #ddd!important;max-height:none!important}.sa-table tbody tr:hover{background:transparent!important;transform:none!important}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary, #ff7f00);color:#fff;border:none;border-radius:var(--radius-md, 12px);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));white-space:nowrap}.btn-primary:hover{background:var(--primary-700, #e87300);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.btn-primary:disabled{background:var(--bg-600, #cbd5e1);cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface-2, #f3f4f6);color:var(--text-100, #111827);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 12px);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease);white-space:nowrap}.btn-secondary:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));border-color:var(--primary, #ff7f00)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md, 12px);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:var(--radius-md, 12px);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:var(--radius-sm, 8px);cursor:pointer;transition:var(--transition-base, all .2s ease);color:var(--text-300, #6b7280)}.btn-icon:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--primary, #ff7f00);border-color:var(--primary, #ff7f00)}.btn-export{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:var(--radius-md, 12px);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease)}.btn-export:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.btn-reset,.btn-cancel{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--text-300, #6b7280);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 12px);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-base, all .2s ease)}.btn-reset:hover,.btn-cancel:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-100, #111827);border-color:var(--text-300, #6b7280)}.btn-edit,.btn-view{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:var(--primary-light, rgba(255, 127, 0, .1));color:var(--primary, #ff7f00);border:none;border-radius:var(--radius-sm, 8px);cursor:pointer;transition:var(--transition-base, all .2s ease)}.btn-edit:hover,.btn-view:hover{background:var(--primary, #ff7f00);color:#fff;transform:scale(1.05)}.btn-delete{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#ef44441a;color:#ef4444;border:none;border-radius:var(--radius-sm, 8px);cursor:pointer;transition:var(--transition-base, all .2s ease)}.btn-delete:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.btn-sm{padding:.5rem 1rem;font-size:.875rem;height:2.25rem}.btn-lg{padding:1rem 2rem;font-size:1rem;height:3rem}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.modal,.modal-content{background:var(--bg-primary, #ffffff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .1));max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border, #e5e7eb);position:sticky;top:0;background:var(--bg-primary, #ffffff);z-index:10;border-radius:var(--radius-lg, 16px) var(--radius-lg, 16px) 0 0}.modal-header h2,.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #111827);display:flex;align-items:center;gap:.75rem}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--radius-sm, 8px);color:var(--text-tertiary, #6b7280);cursor:pointer;transition:var(--transition-base, all .2s ease);flex-shrink:0}.modal-close:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary, #111827)}.modal-close svg{width:1.25rem;height:1.25rem}.modal-body{padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-actions,.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border, #e5e7eb);position:sticky;bottom:0;background:var(--bg-primary, #ffffff);border-radius:0 0 var(--radius-lg, 16px) var(--radius-lg, 16px)}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-confirm{max-width:400px;text-align:center}.modal-confirm .modal-icon{width:3rem;height:3rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem}.modal-confirm .modal-icon.danger{background:#ef44441a;color:#ef4444}.modal-confirm .modal-icon.warning{background:#f59e0b1a;color:#f59e0b}.modal-confirm .modal-icon.info{background:#3b82f61a;color:#3b82f6}.modal-confirm .modal-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary, #111827)}.modal-confirm .modal-message{color:var(--text-secondary, #6b7280);margin-bottom:1.5rem}.modal::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary, #f9fafb);border-radius:4px}.modal::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--border, #e5e7eb);border-radius:4px}.modal::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal,.modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-lg, 16px) var(--radius-lg, 16px) 0 0;animation:slideInUpMobile .3s ease-out}@keyframes slideInUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header,.modal-body{padding:1rem}.modal-actions,.modal-footer{padding:1rem;flex-direction:column-reverse}.modal-actions>*,.modal-footer>*{width:100%}}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #374151)}.form-group label .required{color:#ef4444}.form-control,.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],input[type=search],textarea,select{width:100%;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;color:var(--text-primary, #111827);background:var(--bg-primary, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 12px);transition:var(--transition-base, all .2s ease);outline:none}.form-control:hover,.form-input:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-hover, #d1d5db)}.form-control:focus,.form-input:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary, #ff7f00);box-shadow:0 0 0 3px var(--primary-light, rgba(255, 127, 0, .1))}.form-control:disabled,.form-input:disabled,input:disabled,textarea:disabled,select:disabled{background:var(--bg-tertiary, #f9fafb);color:var(--text-tertiary, #9ca3af);cursor:not-allowed;opacity:.6}.form-control::placeholder,.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-quaternary, #9ca3af)}textarea{resize:vertical;min-height:100px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.input-group{position:relative;display:flex;align-items:center}.input-group-icon{position:absolute;left:1rem;color:var(--text-tertiary, #9ca3af);pointer-events:none;display:flex;align-items:center;justify-content:center}.input-group input{padding-left:2.75rem}.input-group-icon-right{position:absolute;right:1rem;color:var(--text-tertiary, #9ca3af)}.input-group input.has-icon-right{padding-right:2.75rem}.form-check{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-check input[type=checkbox],.form-check input[type=radio]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--primary, #ff7f00)}.form-check label{cursor:pointer;margin:0;font-weight:400;-webkit-user-select:none;user-select:none}.form-help,.form-hint{font-size:.8125rem;color:var(--text-tertiary, #6b7280);margin-top:.25rem}.form-error{font-size:.8125rem;color:#ef4444;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-group.has-error .form-control,.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:#ef4444}.form-group.has-error .form-control:focus,.form-group.has-error input:focus,.form-group.has-error textarea:focus,.form-group.has-error select:focus{box-shadow:0 0 0 3px #ef44441a}.form-switch{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer}.form-switch input[type=checkbox]{position:relative;width:2.75rem;height:1.5rem;appearance:none;background:var(--border, #e5e7eb);border-radius:9999px;cursor:pointer;transition:background .2s ease}.form-switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.form-switch input[type=checkbox]:checked{background:var(--primary, #ff7f00)}.form-switch input[type=checkbox]:checked:before{transform:translate(1.25rem)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-row.cols-2{grid-template-columns:repeat(2,1fr)}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border, #e5e7eb)}.form-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:var(--primary-light, rgba(255, 127, 0, .1));color:var(--primary, #ff7f00)}@media (max-width: 640px){.form-row,.form-row.cols-2,.form-row.cols-3{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}}.table-container{width:100%;overflow-x:auto;background:var(--bg-primary, #ffffff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.table{width:100%;border-collapse:separate;border-spacing:0}.table thead{background:var(--bg-tertiary, #f9fafb);position:sticky;top:0;z-index:10}.table thead th{padding:1rem;text-align:left;font-size:.875rem;font-weight:700;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border, #e5e7eb);white-space:nowrap}.table thead th:first-child{border-top-left-radius:var(--radius-lg, 16px);padding-left:1.5rem}.table thead th:last-child{border-top-right-radius:var(--radius-lg, 16px);padding-right:1.5rem}.table tbody tr{transition:background .2s ease}.table tbody tr:hover{background:var(--hover-bg, rgba(0, 0, 0, .02))}.table tbody td{padding:1rem;font-size:.9375rem;color:var(--text-primary, #111827);border-bottom:1px solid var(--border, #e5e7eb)}.table tbody td:first-child{padding-left:1.5rem}.table tbody td:last-child{padding-right:1.5rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg, 16px)}.table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg, 16px)}.table-sm thead th,.table-sm tbody td{padding:.75rem 1rem;font-size:.875rem}.table-striped tbody tr:nth-child(2n){background:var(--bg-tertiary, #f9fafb)}.table-striped tbody tr:nth-child(2n):hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.table td.actions,.table th.actions{text-align:center;width:120px}.table-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.table-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;border-radius:9999px;white-space:nowrap}.table-badge.success{background:#d1fae5;color:#059669}.table-badge.danger{background:#fee2e2;color:#dc2626}.table-badge.warning{background:#fef3c7;color:#d97706}.table-badge.info{background:#dbeafe;color:#2563eb}.table-badge.primary{background:var(--primary-light, rgba(255, 127, 0, .1));color:var(--primary, #ff7f00)}.table-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-tertiary, #9ca3af)}.table-empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--text-quaternary, #cbd5e1)}.table-empty-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.table-empty-description{font-size:.875rem;color:var(--text-tertiary, #9ca3af)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border, #e5e7eb)}.pagination-info{font-size:.875rem;color:var(--text-tertiary, #6b7280)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:var(--transition-base, all .2s ease);color:var(--text-secondary, #6b7280)}.pagination-btn:hover:not(:disabled){background:var(--hover-bg, rgba(0, 0, 0, .05));border-color:var(--primary, #ff7f00);color:var(--primary, #ff7f00)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--primary, #ff7f00);color:#fff;border-color:var(--primary, #ff7f00)}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sortable:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.table thead th.sortable:after{content:"";display:inline-block;width:0;height:0;margin-left:.5rem;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3}.table thead th.sortable.asc:after{border-bottom:4px solid currentColor;opacity:1}.table thead th.sortable.desc:after{border-top:4px solid currentColor;opacity:1}@media (max-width: 768px){.table-container{border-radius:var(--radius-md, 12px)}.table thead th,.table tbody td{padding:.75rem;font-size:.875rem}.table thead th:first-child,.table tbody td:first-child{padding-left:1rem}.table thead th:last-child,.table tbody td:last-child{padding-right:1rem}.table-pagination{flex-direction:column;gap:1rem;padding:1rem}.pagination-controls{width:100%;justify-content:center}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-tertiary, #f9fafb);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--border, #e5e7eb);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}:root{--entree-primary: #FF7F00;--entree-secondary: #142658;--entree-success: #10b981;--entree-danger: #ef4444;--entree-warning: #f59e0b;--entree-info: #3b82f6;--entree-bg: #f8fafc;--entree-card: #ffffff;--entree-border: #e2e8f0;--entree-text: #1e293b;--entree-text-light: #64748b;--entree-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--entree-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--entree-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--entree-radius-sm: 8px;--entree-radius-md: 12px;--entree-radius-lg: 16px;--entree-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.entree-stock-page{padding:2rem;background:var(--entree-bg);min-height:100vh;animation:fadeIn .5s ease-out}.entree-header,.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.entree-title,.page-title{display:flex;align-items:center;gap:1rem}.entree-title .title-icon,.page-title .title-icon{font-size:2rem;color:var(--entree-primary);animation:iconFloat 3s ease-in-out infinite}.entree-title h1,.page-title h1{font-size:2rem;font-weight:700;color:var(--entree-secondary);margin:0}.btn-nouveau-retour{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--entree-primary),#ff9933);color:#fff;border:none;border-radius:var(--entree-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--entree-transition);box-shadow:var(--entree-shadow-md)}.btn-nouveau-retour:hover{transform:translateY(-2px);box-shadow:var(--entree-shadow-lg);background:linear-gradient(135deg,#ff9933,var(--entree-primary))}.entree-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--entree-card);border-radius:var(--entree-radius-md);box-shadow:var(--entree-shadow-sm);border-left:4px solid;transition:var(--entree-transition);animation:slideInUp .5s ease-out}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--entree-shadow-lg)}.stat-card.blue{border-color:var(--entree-info)}.stat-card.green{border-color:var(--entree-success)}.stat-card .stat-icon{font-size:3rem;opacity:.8}.stat-card.blue .stat-icon{color:var(--entree-info)}.stat-card.green .stat-icon{color:var(--entree-success)}.stat-info h3{font-size:2rem;font-weight:700;color:var(--entree-text);margin:0 0 .25rem}.stat-info p{font-size:.875rem;color:var(--entree-text-light);margin:0}.entree-list{background:var(--entree-card);border-radius:var(--entree-radius-lg);padding:2rem;box-shadow:var(--entree-shadow-md);animation:fadeIn .6s ease-out}.entree-list h2{font-size:1.5rem;font-weight:600;color:var(--entree-secondary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--entree-border)}.entrees-grid{display:grid;gap:1.5rem}.entree-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--entree-border);border-radius:var(--entree-radius-md);overflow:hidden;transition:var(--entree-transition);box-shadow:var(--entree-shadow-sm)}.entree-card:hover{transform:translateY(-2px);box-shadow:var(--entree-shadow-md);border-color:var(--entree-primary)}.entree-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--entree-secondary),#1e3a8a);color:#fff;flex-wrap:wrap;gap:1rem}.entree-header-left,.entree-header-right{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.entree-type{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.entree-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9}.entree-info-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.95}.entree-info-inline svg{font-size:1rem}.entree-card-body{padding:1.25rem 1.5rem}.entree-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;color:var(--entree-text)}.entree-info svg{color:var(--entree-primary);font-size:1.1rem}.entree-motif{margin-bottom:1rem;padding:.75rem;background:#fef3c7;border-left:3px solid var(--entree-warning);border-radius:var(--entree-radius-sm);font-size:.9rem;color:#92400e}.entree-machines{display:flex;flex-direction:column;gap:.75rem}.entree-machines strong{display:block;color:var(--entree-secondary);font-size:.95rem}.machines-inline{display:flex;flex-wrap:wrap;gap:.5rem}.machine-badge{display:inline-flex;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid var(--entree-info);border-radius:var(--entree-radius-sm);font-size:.875rem;color:var(--entree-text);font-weight:500;transition:var(--entree-transition);box-shadow:0 1px 3px #0000001a}.machine-badge:hover{background:linear-gradient(135deg,#dbeafe,#bae6fd);transform:translateY(-2px);box-shadow:0 4px 6px #3b82f626}.machine-badge:before{content:"🔧";margin-right:.5rem;font-size:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--entree-text-light)}.empty-state svg{font-size:4rem;opacity:.3;margin-bottom:1rem}.empty-state p{font-size:1.1rem;margin:0}.modal-header h2{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-header h2 svg{color:#fff}.selected-machines{margin-top:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--entree-radius-md);border:2px solid #7dd3fc;animation:slideInUp .4s ease-out;box-shadow:0 4px 6px #3b82f61a}.selected-machines strong:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--entree-success);color:#fff;border-radius:50%;font-weight:700;font-size:.875rem}.selected-machines li{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.selected-machines li span:before{content:"🔧";font-size:1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}@media (max-width: 1200px){.entree-stats{grid-template-columns:repeat(2,1fr)}.entree-table th,.entree-table td{padding:.75rem;font-size:13px}}@media (max-width: 1024px){.entree-form{grid-template-columns:1fr}.entree-table-container{overflow-x:auto}}@media (max-width: 768px){.entree-stock-page{padding:1rem}.entree-title h1{font-size:1.5rem}.entree-stats{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-submit{width:100%}.entree-table{font-size:12px}.entree-table th,.entree-table td{padding:.5rem}}@media (max-width: 480px){.entree-title h1{font-size:1.25rem}.entree-stats{gap:.75rem}.stat-card{padding:.75rem}.stat-value{font-size:1.5rem}.modal-header h2{font-size:1.25rem}.form-group label{font-size:.875rem}}:root{--primary: #FF7F00;--primary-hover: #e56f00;--primary-light: #ffedd5;--primary-lighter: #fff7ed;--blue-helpstock: #142658;--success: #10b981;--danger: #ef4444;--bg-base: #fcfcfd;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--border-subtle: #f3f4f6;--border-default: #e5e7eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-colored: 0 8px 32px rgba(255, 127, 0, .2);--ring-primary: 0 0 0 3px rgba(255, 127, 0, .2);--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--control-lg: 48px}.reception-siege-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary);padding:var(--space-6);font-family:Poppins,system-ui,sans-serif;display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:700;color:var(--blue-helpstock);margin:0}.page-header h1 svg{font-size:2rem;color:var(--primary);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.page-header p{color:var(--text-tertiary);margin:0;font-size:.95rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;background:var(--bg-glass);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.spinner{width:50px;height:50px;border:4px solid var(--border-default);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reception-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}@media (max-width: 1024px){.reception-content{grid-template-columns:1fr}}.card{background:linear-gradient(135deg,#fffffff2,#fcfcfdf2);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:2px solid transparent;background-clip:padding-box;position:relative;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 4px 24px #14265814,0 0 0 1px #1426580a;animation:slideInUp .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-2xl);padding:2px;background:linear-gradient(135deg,var(--primary),var(--blue-helpstock));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .3s}.card:hover:before{opacity:1}.card:hover{box-shadow:0 8px 32px #1426581f,0 0 0 1px #1426580f;transform:translateY(-2px)}.search-section h2{display:flex;align-items:center;gap:var(--space-3);font-size:1.5rem;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--blue-helpstock),#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;padding-bottom:var(--space-4);border-bottom:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--primary),var(--blue-helpstock));background-origin:padding-box,border-box;background-clip:padding-box,border-box;-webkit-text-fill-color:var(--blue-helpstock);position:relative}.search-section h2:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--blue-helpstock));border-radius:3px}.search-section h2:before{content:"🔍";font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(255,127,0,.3))}.search-box{margin-bottom:var(--space-4);position:relative}.search-input{width:100%;height:var(--control-lg);padding:var(--space-3) var(--space-4);padding-left:48px;border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-elevated);color:var(--text-primary);font-family:Poppins,sans-serif;box-shadow:var(--shadow-xs)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring-primary),var(--shadow-md);transform:translateY(-1px)}.search-input::placeholder{color:var(--text-tertiary)}.search-results{max-height:500px;overflow-y:auto;border:2px solid var(--border-default);border-radius:var(--radius-xl);background:linear-gradient(to bottom,#fff,#fafbfc);box-shadow:0 4px 16px #14265814,inset 0 1px #fffc;position:relative;overflow:hidden}.search-results:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--blue-helpstock));opacity:.8}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-subtle);transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.search-result-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--primary),var(--blue-helpstock));transform:scaleY(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:2px 0 8px #ff7f0066}.search-result-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,127,0,.1),transparent);transition:left .6s}.search-result-item:hover{background:linear-gradient(90deg,#ff7f000d,#14265808);transform:translate(8px);box-shadow:0 4px 20px #ff7f0033,inset 0 1px #ffffff80}.search-result-item:hover:before{transform:scaleY(1)}.search-result-item:hover:after{left:100%}.search-result-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:var(--space-2)}.item-info strong{color:var(--text-primary);font-weight:700;font-size:1rem}.item-ref{font-size:.85rem;color:var(--text-tertiary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-weight:600}.item-cat{font-size:.8rem;color:var(--text-tertiary);font-style:italic}.btn-add-small{display:flex;align-items:center;justify-content:center;gap:0;width:44px;height:44px;padding:0;background:linear-gradient(135deg,var(--primary),#FFA640);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:1.8rem;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff7f0059,0 0 #ff7f0000;flex-shrink:0}.btn-add-small:hover:not(:disabled){transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #ff7f0080,0 0 0 4px #ff7f001a}.btn-add-small:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6;transform:none}.cart-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:3px solid transparent;position:relative}.cart-header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-helpstock),var(--primary));border-radius:3px}.cart-header h2{display:flex;align-items:center;gap:var(--space-3);font-size:1.5rem;background:linear-gradient(135deg,var(--blue-helpstock),#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:800;position:relative;-webkit-text-fill-color:var(--blue-helpstock)}.cart-header h2:before{content:"🛒";font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(20,38,88,.3))}.cart-header h2 svg{color:var(--primary-orange)}.btn-clear{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #ef444433}.btn-clear:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.cart-empty{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-tertiary);border:1px dashed var(--border-default);border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--bg-base),white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cart-empty p{margin-bottom:var(--space-2);font-size:1.1rem;color:var(--text-secondary);font-weight:600}.cart-empty small{font-size:.9rem;color:var(--text-tertiary)}.cart-items{max-height:500px;overflow-y:auto;margin-bottom:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-xl);background:linear-gradient(to bottom,#fff,#fafbfc);box-shadow:0 4px 16px #14265814,inset 0 1px #fffc;position:relative;overflow:hidden}.cart-items:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-helpstock),var(--primary));opacity:.8;z-index:1}.cart-items::-webkit-scrollbar{width:10px}.cart-items::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-lg)}.cart-items::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-lg);transition:background .2s}.cart-items::-webkit-scrollbar-thumb:hover{background:var(--primary)}.cart-item{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#fff;cursor:default}.cart-item:nth-child(2n){background:var(--bg-base)}.cart-item:hover{background:linear-gradient(90deg,#1426580a,#ff7f000f);box-shadow:inset 5px 0 0 var(--blue-helpstock),0 2px 8px #14265814;transform:translate(4px)}.cart-item:last-child{border-bottom:none}.item-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.item-details strong{color:var(--text-primary);font-weight:700;font-size:1rem}.item-inputs{display:grid;grid-template-columns:150px auto;gap:var(--space-4);align-items:end}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:.75rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.025em;-webkit-user-select:none;user-select:none;cursor:default}.qty-input{width:100px;height:40px;background:#fff;border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-weight:700;text-align:center;font-family:Poppins,sans-serif;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);color:#111827!important;font-size:1rem;cursor:text}.qty-input:focus{border-color:var(--primary);box-shadow:var(--ring-primary);transform:scale(1.05)}.qty-wrapper{display:flex;align-items:center;gap:var(--space-2)}.unit{font-size:.875rem;color:var(--text-tertiary);white-space:nowrap;font-weight:600;-webkit-user-select:none;user-select:none;cursor:default}.btn-remove{width:40px;height:40px;padding:0;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 4px #ef444433}.btn-remove:hover{background:#dc2626;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ef44444d}.cart-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:2px solid var(--border-subtle);margin-top:var(--space-4)}.cart-summary strong{color:var(--blue-helpstock);font-size:1.1rem;font-weight:700}.btn-validate{display:flex;align-items:center;gap:var(--space-2);min-width:220px;height:var(--control-lg);padding:0 var(--space-6);background:linear-gradient(135deg,var(--primary),#FFA640);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff7f004d;position:relative;overflow:hidden;font-family:Poppins,sans-serif}.btn-validate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-validate:hover:not(:disabled){background:linear-gradient(135deg,#ff8c1a,#ffb366);transform:translateY(-3px);box-shadow:0 6px 16px #ff7f0066}.btn-validate:hover:before{left:100%}.btn-validate:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}@media (min-width: 1440px){.reception-content{max-width:1400px;margin:0 auto}}@media (max-width: 1199px){.reception-siege-page{padding:1.25rem}.page-header h1{font-size:1.75rem}.page-header h1 svg{font-size:1.75rem}}@media (max-width: 1024px){.reception-content{grid-template-columns:1fr;gap:1.5rem}.item-inputs{grid-template-columns:1fr;gap:.75rem}.search-results{max-height:350px}.reception-siege-page{padding:1rem}}@media (max-width: 768px){.reception-siege-page{padding:1rem;gap:1.25rem}.page-header{padding:.75rem;margin-bottom:1rem;flex-direction:column;align-items:flex-start}.page-header h1{font-size:1.5rem}.page-header h1 svg{font-size:1.5rem}.page-header p{font-size:.875rem}.cart-footer{flex-direction:column;gap:1rem;align-items:stretch}.btn-validate{width:100%;justify-content:center;min-width:100%}.card{padding:1rem}.search-section h2,.cart-header h2{font-size:1.25rem}.cart-items{max-height:400px}.search-result-item{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-add-small{align-self:flex-end}}@media (max-width: 640px){.reception-siege-page{padding:.875rem;gap:1rem}.page-header{padding:.5rem}.page-header h1{font-size:1.35rem}.page-header h1 svg{font-size:1.35rem}.card{padding:.875rem}.search-section h2,.cart-header h2{font-size:1.15rem}.search-input{font-size:14px;height:44px;padding-left:42px}.search-icon{left:14px}.search-result-item{padding:.75rem}.item-info strong{font-size:.95rem}.cart-item{padding:.75rem;gap:.75rem}.cart-item-info{flex:1;min-width:0}.qty-input{width:70px;font-size:.875rem}.btn-add-small{width:40px;height:40px;font-size:1.6rem}.btn-remove{width:40px;height:40px}}@media (max-width: 480px){.reception-siege-page{padding:.75rem;gap:.875rem}.page-header{padding:.25rem}.page-header h1{font-size:1.25rem}.page-header h1 svg{font-size:1.25rem}.card{padding:.75rem}.search-section h2,.cart-header h2{font-size:1.1rem}.search-input{font-size:13px;height:42px;padding-left:40px}.search-icon{left:12px;font-size:1rem}.search-result-item{padding:.625rem}.item-info strong{font-size:.9rem}.item-ref{font-size:.8rem}.item-cat{font-size:.75rem}.cart-item{padding:.625rem;gap:.5rem}.qty-input{width:60px;font-size:.8rem;padding:.25rem}.btn-add-small{width:36px;height:36px;font-size:1.5rem}.btn-remove{width:36px;height:36px;font-size:1rem}.btn-validate{min-width:100%;height:44px;font-size:.875rem;padding:0 1rem}.cart-summary strong{font-size:.95rem}.search-results{max-height:300px}.cart-items{max-height:350px}}@media (max-width: 360px){.reception-siege-page{padding:.5rem;gap:.75rem}.page-header h1{font-size:1.1rem;gap:.5rem}.page-header h1 svg{font-size:1.1rem}.card{padding:.625rem}.search-section h2,.cart-header h2{font-size:1rem}.search-input{font-size:12px;height:40px;padding-left:36px}.search-icon{left:10px;font-size:.9rem}.search-result-item{padding:.5rem}.item-info strong{font-size:.85rem}.item-ref{font-size:.75rem}.item-cat{font-size:.7rem}.cart-item{padding:.5rem;flex-direction:column;align-items:flex-start}.cart-item-actions{width:100%;display:flex;justify-content:space-between;align-items:center}.qty-input{width:50px;font-size:.75rem}.btn-add-small{width:32px;height:32px;font-size:1.3rem}.btn-remove{width:32px;height:32px;font-size:.9rem}.btn-validate{height:42px;font-size:.8rem;padding:0 .75rem}.cart-summary strong{font-size:.9rem}.search-results{max-height:250px}.cart-items{max-height:300px}}.repartition-agences-page{padding:2rem;max-width:1600px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header{text-align:center;margin-bottom:2rem;animation:fadeInDown .5s ease-out}.page-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.page-header h1 svg{color:#3498db}.page-header p{color:#7f8c8d;font-size:1.1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.repartition-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-section h2{font-size:1.3rem;color:#2c3e50;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.search-box{margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-results{max-height:400px;overflow-y:auto;border-top:1px solid #e0e0e0;padding-top:.5rem}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #f0f0f0;transition:background .2s}.search-result-item:hover{background:#f8f9fa}.item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-info strong{color:#2c3e50;font-size:1rem}.item-ref{color:#7f8c8d;font-size:.85rem}.item-cat{display:inline-block;background:#e3f2fd;color:#1976d2;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.item-stock{color:#27ae60;font-size:.85rem;font-weight:500}.btn-add-small{width:35px;height:35px;border:none;background:#3498db;color:#fff;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-add-small:hover:not(:disabled){background:#2980b9;transform:scale(1.1)}.btn-add-small:disabled{background:#bdc3c7;cursor:not-allowed}.cart-section{position:sticky;top:2rem}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.cart-header h2{font-size:1.3rem;color:#2c3e50;margin:0;display:flex;align-items:center;gap:.5rem}.btn-clear{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:#e74c3c;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s}.btn-clear:hover{background:#c0392b;transform:translateY(-2px)}.cart-empty{text-align:center;padding:3rem 1rem;color:#7f8c8d}.empty-icon{font-size:4rem;color:#bdc3c7;margin-bottom:1rem}.cart-empty p{font-size:1.1rem;margin:.5rem 0}.cart-empty small{font-size:.9rem;color:#95a5a6}.cart-items{max-height:500px;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.cart-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .3s}.cart-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db26}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.item-title{display:flex;flex-direction:column;gap:.25rem}.item-title strong{color:#2c3e50;font-size:1.05rem}.btn-remove-icon{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-remove-icon:hover{background:#c0392b;transform:scale(1.1)}.transfer-config{display:grid;grid-template-columns:1fr auto 1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.transfer-field{display:flex;flex-direction:column;gap:.4rem}.transfer-field label{font-size:.85rem;color:#7f8c8d;font-weight:500}.select-input,.qty-input{padding:.6rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:all .3s}.select-input:focus,.qty-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.stock-info{color:#27ae60;font-size:.8rem;font-weight:500}.transfer-arrow{color:#3498db;font-size:1.5rem;display:flex;align-items:center;padding-bottom:.3rem}.qty-field{min-width:120px}.qty-wrapper{display:flex;align-items:center;gap:.5rem}.qty-input{width:80px;text-align:center}.unit{color:#7f8c8d;font-size:.9rem;font-weight:500}.transfer-summary{background:#e8f5e9;border-left:4px solid #27ae60;padding:.75rem;border-radius:4px;margin-top:.5rem}.summary-text{color:#2c3e50;font-size:.9rem}.summary-text strong{color:#27ae60}.cart-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px solid #e0e0e0;gap:1rem}.cart-summary{display:flex;flex-direction:column;gap:.3rem}.summary-line{color:#2c3e50;font-size:.95rem}.summary-line strong{color:#3498db;font-weight:600}.btn-validate{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #27ae604d}.btn-validate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #27ae6066}.btn-validate:disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none}.search-results::-webkit-scrollbar,.cart-items::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track,.cart-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.search-results::-webkit-scrollbar-thumb,.cart-items::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:10px}.search-results::-webkit-scrollbar-thumb:hover,.cart-items::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width: 1200px){.repartition-content{grid-template-columns:1fr}.cart-section{position:static}}@media (max-width: 768px){.repartition-agences-page{padding:1rem}.page-header h1{font-size:1.8rem}.transfer-config{grid-template-columns:1fr;gap:.75rem}.transfer-arrow{transform:rotate(90deg);padding:0;justify-content:center}.cart-footer{flex-direction:column;align-items:stretch}.btn-validate{width:100%;justify-content:center}}