@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;background:var(--gradient-dark);color:var(--white);z-index:1000;display:flex;flex-direction:column;border-right:1px solid rgba(212,175,55,.2);box-shadow:var(--shadow-xl);transition:transform .3s ease,width .3s ease}.sidebar.collapsed{width:80px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .user-info,.sidebar.collapsed .user-actions,.sidebar.collapsed .sidebar-progress,.sidebar.collapsed .sidebar-search{display:none}.sidebar.collapsed .logo{justify-content:center;padding:1rem}.sidebar.collapsed .logo-icon{margin:0}.sidebar.collapsed .nav-link{justify-content:center;padding:.875rem}.sidebar.collapsed .nav-icon{margin:0;font-size:1.5rem}.sidebar.collapsed .user-profile{justify-content:center;padding:1rem 0}.sidebar.collapsed .user-avatar{width:36px;height:36px}@media(max-width:1200px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:block;position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;z-index:1001;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-close:hover{background:#ffffff1a;transform:scale(1.1)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:relative}.sidebar-toggle{background:none;border:none;color:var(--white);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;opacity:.7}.sidebar-toggle:hover{opacity:1;background:#ffffff1a}.logo{display:flex;align-items:center;gap:.75rem;position:relative;transition:all .3s ease}.logo-icon{width:40px;height:40px;background:var(--gradient-gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #d4af374d;flex-shrink:0}.logo-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite;transform:rotate(45deg)}.logo-text{font-size:1.375rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:opacity .3s ease}.sidebar-search{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.search-container{position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:var(--white);font-size:.875rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:var(--gold-primary);background:#ffffff26;box-shadow:0 0 0 3px #d4af3733}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#fff9}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto;transition:all .3s ease}.nav-section{margin-bottom:2rem;animation:fadeIn .6s ease-out}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-light);padding:0 1.5rem;margin-bottom:1rem;opacity:.7;transition:all .3s ease}.nav-list{list-style:none}.nav-item{margin-bottom:.375rem;position:relative}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--gray-medium);text-decoration:none;transition:all .3s ease;position:relative;border-left:3px solid transparent;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .6s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--white);background:#ffffff0d;border-left-color:var(--gold-primary);padding-left:2rem}.nav-link.active{color:var(--gold-primary);background:#d4af371a;border-left-color:var(--gold-primary);box-shadow:inset 0 0 20px #d4af371a}.nav-link.active .nav-glow{opacity:1}.nav-icon{font-size:1.25rem;width:24px;text-align:center;transition:transform .3s ease;flex-shrink:0}.nav-link:hover .nav-icon{transform:scale(1.2)}.nav-label{font-weight:500;flex:1;transition:transform .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link:hover .nav-label{transform:translate(5px)}.nav-badge{background:var(--gold-primary);color:var(--black);font-size:.6875rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;animation:pulse 2s infinite;flex-shrink:0}.nav-badge.badge-new{background:var(--success);color:var(--white);font-size:.625rem;text-transform:uppercase;letter-spacing:.05em}.nav-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(212,175,55,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;transition:all .3s ease}.user-profile{display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.user-avatar{width:44px;height:44px;border-radius:12px;overflow:hidden;border:2px solid var(--gold-primary);position:relative;box-shadow:0 4px 12px #d4af374d;flex-shrink:0}.user-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--gray-darker)}.user-info{flex:1;transition:all .3s ease}.user-name{font-weight:600;font-size:.875rem;margin-bottom:.125rem}.user-role{font-size:.75rem;color:var(--gold-light);opacity:.8}.user-actions{display:flex;gap:.25rem;transition:all .3s ease}.user-action-btn{background:#ffffff1a;border:none;color:var(--gray-medium);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-action-btn:hover{background:var(--gold-primary);color:var(--black);transform:scale(1.1)}.sidebar-progress{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a;transition:all .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-medium);margin-bottom:.5rem}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-gold);border-radius:2px;transition:width 1s ease;position:relative}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(min-width:1201px){.sidebar-close{display:none}}@media(max-width:1200px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:flex}}@media(max-width:768px){.sidebar{width:100%;max-width:320px}}@media(max-width:480px){.sidebar{width:100%;max-width:300px}.sidebar-header{padding:1rem}.sidebar-nav{padding:1rem 0}.nav-link{padding:.75rem 1rem}.sidebar-footer{padding:1rem}}.navbar{display:flex;align-items:center;justify-content:space-between;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem 2rem;box-shadow:var(--shadow);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:100;transition:all .3s ease}.navbar-scrolled{background:#fffffff2;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.navbar-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle-mobile{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:10px;transition:all .3s ease;width:40px;height:40px;display:none;align-items:center;justify-content:center}.sidebar-toggle-mobile:hover{background:var(--gray-medium);transform:scale(1.1)}.hamburger{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger span{height:2px;background:var(--gray-dark);border-radius:2px;transition:all .3s ease}.hamburger span:nth-child(1){width:100%}.hamburger span:nth-child(2){width:75%}.hamburger span:nth-child(3){width:100%}.sidebar-toggle-mobile:hover .hamburger span{width:100%;background:var(--gold-primary)}.navbar-search{position:relative;width:400px}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid var(--gray-medium);border-radius:12px;background:var(--white);font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.search-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af371a,0 4px 12px #0000001a;transform:translateY(-1px)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-dark);font-size:1rem}.search-shortcut{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--gray-light);color:var(--gray-dark);font-size:.75rem;padding:.25rem .5rem;border-radius:6px;border:1px solid var(--gray-medium)}.navbar-right{display:flex;align-items:center;gap:1.5rem}.datetime-widget{text-align:right;padding:.5rem 1rem;background:var(--gray-light);border-radius:10px;border:1px solid var(--gray-medium)}.time{font-size:.875rem;font-weight:600;color:var(--gray-darker);margin-bottom:.125rem}.date{font-size:.75rem;color:var(--gray-dark)}.navbar-actions{display:flex;align-items:center;gap:.5rem}.nav-action{position:relative;background:none;border:none;padding:.75rem;border-radius:10px;cursor:pointer;color:var(--gray-dark);transition:all .3s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.nav-action:hover{background:var(--gray-light);color:var(--gold-primary);transform:translateY(-1px)}.nav-action.quick-action{background:var(--gradient-gold);color:var(--black);font-weight:600;box-shadow:0 4px 12px #d4af374d}.nav-action.quick-action:hover{transform:scale(1.1);box-shadow:0 6px 20px #d4af3766}.action-icon{font-size:1.125rem}.action-badge{position:absolute;top:8px;right:8px;background:var(--error);color:var(--white);font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:16px;text-align:center;border:2px solid var(--white)}.notification-dropdown,.navbar-user{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.75rem;background:var(--white);border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid var(--gray-medium);min-width:320px;z-index:1000;animation:fadeIn .2s ease}.dropdown-menu:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--white);transform:rotate(45deg);border-left:1px solid var(--gray-medium);border-top:1px solid var(--gray-medium)}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-medium)}.dropdown-header h3{font-size:1rem;font-weight:600;color:var(--gray-darker)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-light);transition:background .2s ease}.notification-item:hover{background:var(--gray-light)}.notification-item:last-child{border-bottom:none}.notification-icon{font-size:1rem;margin-top:.125rem}.notification-content{flex:1}.notification-content p{font-size:.875rem;color:var(--gray-darker);margin-bottom:.25rem}.notification-content span{font-size:.75rem;color:var(--gray-dark)}.dropdown-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-medium);text-align:center}.view-all{background:none;border:none;color:var(--gold-primary);font-weight:600;cursor:pointer;font-size:.875rem;transition:color .2s ease}.view-all:hover{color:var(--gold-dark)}.user-menu-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:var(--gray-light);border-radius:12px 12px 0 0}.user-avatar.large{width:50px;height:50px;border-radius:12px}.user-details{flex:1}.user-details .user-name{font-weight:600;color:var(--gray-darker);margin-bottom:.25rem}.user-details .user-email{font-size:.875rem;color:var(--gray-dark)}.menu-items{padding:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--gray-darker);text-decoration:none;border-radius:8px;transition:all .2s ease;font-size:.875rem}.menu-item:hover{background:var(--gray-light);color:var(--gold-primary)}.menu-item.logout{color:var(--error)}.menu-item.logout:hover{background:#f565651a}.menu-icon{font-size:1rem;width:20px;text-align:center}.menu-divider{height:1px;background:var(--gray-medium);margin:.5rem 0}.navbar-user{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:12px;transition:all .3s ease;cursor:pointer}.user-profile-trigger:hover{background:var(--gray-light)}.user-avatar{width:36px;height:36px;border-radius:10px;overflow:hidden;border:2px solid var(--gold-primary);position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-status{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--white)}.user-status.online{background:var(--success)}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.875rem;font-weight:600;color:var(--gray-darker)}.user-role{font-size:.75rem;color:var(--gold-primary);font-weight:500}.user-dropdown{background:none;border:none;color:var(--gray-dark);cursor:pointer;font-size:1.125rem;transition:all .2s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.user-profile-trigger:hover .user-dropdown{color:var(--gold-primary)}@media(max-width:1200px){.sidebar-toggle-mobile{display:flex}.navbar-search{width:300px}.datetime-widget{display:none}}@media(max-width:768px){.navbar{padding:.75rem 1rem}.navbar-search{width:200px}.search-shortcut,.user-info{display:none}}@media(max-width:480px){.navbar-search{display:none}.navbar-actions .nav-action:not(.quick-action){display:none}}.layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0;transition:all .3s ease;margin-left:300px}.layout.sidebar-collapsed .layout-main{margin-left:80px}.layout-content{flex:1;padding:0;overflow-y:auto;transition:all .3s ease;position:relative}.content-wrapper{min-height:calc(100vh - 140px);padding:2rem;animation:fadeIn .6s ease-out}.layout-footer{background:var(--white);border-top:1px solid var(--gray-medium);padding:1.5rem 2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-left{font-size:.875rem;color:var(--gray-dark)}.footer-right{display:flex;gap:1.5rem}.footer-link{font-size:.875rem;color:var(--gray-dark);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--gold-primary)}.floating-actions{position:fixed;bottom:2rem;right:2rem;z-index:90}.floating-btn{width:60px;height:60px;border-radius:50%;border:none;background:var(--gradient-gold);color:var(--black);font-size:1.5rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-xl);transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.floating-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 25px #d4af3766}.floating-btn.primary{animation:pulse 2s infinite}.floating-menu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}.floating-actions:hover .floating-menu{opacity:1;transform:translateY(0);pointer-events:all}.floating-menu-item{width:50px;height:50px;border-radius:50%;border:none;background:var(--white);color:var(--gray-darker);font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.floating-menu-item:hover{background:var(--gold-primary);color:var(--black);transform:scale(1.1)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}@media(max-width:1200px){.layout-main{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.content-wrapper{padding:1.5rem 1rem}}@media(max-width:1024px){.layout-main{margin-left:0}.sidebar{width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}@media(max-width:768px){.content-wrapper,.layout-footer{padding:1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-right{flex-direction:column;gap:.5rem}.floating-actions{bottom:1rem;right:1rem}.sidebar{width:100%;max-width:320px}}@media(max-width:480px){.content-wrapper{padding:.75rem}.sidebar{width:100%;max-width:300px}}.page-content{max-width:1400px;margin:0 auto;width:100%;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-dark)}.breadcrumb-divider{color:var(--gray-medium)}.breadcrumb-active{color:var(--gold-primary);font-weight:600}.header-actions{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-outline{background:transparent;border:2px solid var(--gray-medium);color:var(--gray-dark)}.btn-outline:hover{border-color:var(--gold-primary);color:var(--gold-primary);transform:translateY(-1px)}.btn-primary{background:var(--gradient-gold);color:var(--black);box-shadow:0 4px 12px #d4af374d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-icon{font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card.premium{background:var(--white);padding:1.5rem;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-medium);transition:all .3s ease;position:relative;overflow:hidden}.stat-card.premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-gold)}.stat-card.premium:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.analytics-card{background:var(--white);padding:1.5rem;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-medium)}.analytics-card.large{grid-column:1 / -1}.time-filters{display:flex;gap:.5rem}.time-filter{padding:.5rem 1rem;border:1px solid var(--gray-medium);background:var(--white);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.time-filter.active{background:var(--gold-primary);color:var(--black);border-color:var(--gold-primary)}.traffic-chart{padding:2rem 0 1rem}.chart-placeholder{height:200px;position:relative;border-bottom:2px solid var(--gray-medium)}.chart-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gradient-gold)}.chart-points{position:absolute;top:0;left:0;width:100%;height:100%}.chart-point{position:absolute;width:12px;height:12px;background:var(--gold-primary);border-radius:50%;transform:translate(-50%,50%);cursor:pointer}.chart-point:hover .point-tooltip{opacity:1}.point-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--gray-darker);color:var(--white);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;opacity:0;transition:opacity .2s ease}.chart-labels{display:flex;justify-content:space-between;margin-top:1rem;font-size:.75rem;color:var(--gray-dark)}.traffic-sources{space-y:1rem}.traffic-source{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.source-info{display:flex;align-items:center;gap:.75rem;flex:1}.source-color{width:12px;height:12px;border-radius:2px}.source-name{font-size:.875rem;color:var(--gray-darker)}.source-stats{display:flex;align-items:center;gap:1rem;min-width:120px}.source-percentage{font-size:.875rem;font-weight:600;color:var(--gray-darker);min-width:40px}.source-bar{flex:1;height:6px;background:var(--gray-medium);border-radius:3px;overflow:hidden}.source-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-light);border-radius:12px}.metric-icon{width:48px;height:48px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.metric-content{flex:1}.metric-value{font-size:1.25rem;font-weight:700;color:var(--gray-darker);margin-bottom:.25rem}.metric-label{font-size:.875rem;color:var(--gray-dark);margin-bottom:.25rem}.metric-trend{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:12px}.metric-trend.positive{background:#48bb781a;color:var(--success)}.metric-trend.negative{background:#f565651a;color:var(--error)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.content-card.premium{background:var(--white);padding:1.5rem;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-medium);transition:all .3s ease}.content-card.premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--gray-darker)}.card-action{background:none;border:none;color:var(--gold-primary);font-weight:600;cursor:pointer;font-size:.875rem;transition:color .2s ease}.card-action:hover{color:var(--gold-dark)}.activity-list{space-y:1rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.activity-item:hover{background:var(--gray-light);border-color:var(--gray-medium)}.activity-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0}.activity-avatar img{width:100%;height:100%;object-fit:cover}.activity-content{flex:1}.activity-text{color:var(--gray-darker);margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.activity-text strong{color:var(--gray-darker)}.activity-meta{display:flex;gap:1rem;font-size:.75rem}.activity-project{color:var(--gold-primary);font-weight:500}.activity-time{color:var(--gray-dark)}.activity-action{background:none;border:none;color:var(--gray-dark);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;opacity:0}.activity-item:hover .activity-action{opacity:1}.activity-action:hover{background:var(--gray-medium);color:var(--gray-darker)}.projects-list{space-y:1rem}.project-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:12px;border:1px solid var(--gray-medium);transition:all .2s ease}.project-item:hover{border-color:var(--gold-primary);transform:translate(4px)}.project-info{flex:1}.project-name{font-size:.875rem;font-weight:600;color:var(--gray-darker);margin-bottom:.5rem}.project-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--gray-dark)}.project-progress{display:flex;align-items:center;gap:.75rem;min-width:120px}.progress-text{font-size:.875rem;font-weight:600;color:var(--gray-darker);min-width:40px;text-align:right}.progress-bar{width:100%;height:6px;background:var(--gray-medium);border-radius:3px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-gold);border-radius:3px;transition:width 1s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@media(max-width:1200px){.content-grid,.analytics-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-content{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.stats-grid,.metrics-grid{grid-template-columns:1fr}}@media(max-width:480px){.page-content{padding:.5rem}.btn{padding:.625rem 1rem;font-size:.8125rem}.activity-meta{flex-direction:column;gap:.25rem}}.commandes-table-container{--ct-white: #ffffff;--ct-black: #1a202c;--ct-gray-light: #f7fafc;--ct-gray-medium: #e2e8f0;--ct-gray-dark: #718096;--ct-gray-darker: #2d3748;--ct-gold-light: #faf089;--ct-gold-primary: #d4af37;--ct-gradient-gold: linear-gradient(135deg, #d4af37, #fbbf24);--ct-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:block;width:100%}.commandes-table-container *{box-sizing:border-box;font-family:inherit}.commandes-table-container .commandes-table{background:var(--ct-white);border-radius:16px;overflow:hidden;box-shadow:var(--ct-shadow);border:1px solid var(--ct-gray-medium);width:100%}.commandes-table-container .table-header{background:linear-gradient(135deg,var(--ct-gray-darker),var(--ct-black));border-bottom:1px solid var(--ct-gray-medium)}.commandes-table-container .table-row{display:grid;grid-template-columns:50px 50px minmax(140px,1fr) minmax(200px,1.5fr) minmax(120px,1fr) minmax(120px,1fr) minmax(150px,1fr) minmax(130px,1fr);gap:1.5rem;padding:1.25rem 1.5rem;align-items:center;transition:all .3s ease;min-height:80px}.commandes-table-container .header-row{font-weight:700;color:var(--ct-gold-light);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.commandes-table-container .table-body{max-height:600px;overflow-y:auto}.commandes-table-container .commande-item{border-bottom:1px solid var(--ct-gray-light);transition:all .3s ease;position:relative}.commandes-table-container .commande-item:hover{background:linear-gradient(90deg,rgba(212,175,55,.03) 0%,transparent 100%)}.commandes-table-container .commande-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:transparent;transition:all .3s ease}.commandes-table-container .commande-item:hover:before{background:var(--ct-gradient-gold)}.commandes-table-container .main-row{font-size:.9rem;cursor:pointer}.commandes-table-container .col-checkbox{display:flex;align-items:center;justify-content:center}.commandes-table-container .col-checkbox input[type=checkbox]{width:20px;height:20px;border:2px solid var(--ct-gray-medium);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;appearance:none;-webkit-appearance:none;background:var(--ct-white)}.commandes-table-container .col-checkbox input[type=checkbox]:checked{background:var(--ct-gold-primary);border-color:var(--ct-gold-primary)}.commandes-table-container .col-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ct-black);font-weight:700;font-size:12px}.commandes-table-container .col-details{display:flex;align-items:center;justify-content:center}.commandes-table-container .btn-details{background:var(--ct-gradient-gold);border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--ct-black);font-weight:700;font-size:.9rem}.commandes-table-container .btn-details:hover{transform:scale(1.1);box-shadow:0 4px 12px #d4af374d}.commandes-table-container .col-numero{display:flex;flex-direction:column;gap:.5rem}.commandes-table-container .numero-badge{background:var(--ct-gradient-gold);color:var(--ct-black);padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.8rem;letter-spacing:.05em;box-shadow:0 2px 8px #d4af3733;text-align:center;display:inline-block;width:fit-content}.commandes-table-container .fournisseur-info{display:flex;flex-direction:column;gap:.5rem}.commandes-table-container .fournisseur-nom{font-weight:600;color:var(--ct-gray-darker);font-size:.9rem}.commandes-table-container .fournisseur-contact{font-size:.8rem;color:var(--ct-gray-dark);line-height:1.3}.commandes-table-container .col-date{font-size:.875rem;color:var(--ct-gray-darker);font-weight:500;display:flex;align-items:center}.commandes-table-container .col-montant{display:flex;align-items:center}.commandes-table-container .montant-badge{padding:.75rem 1rem;border-radius:12px;font-weight:700;font-size:.85rem;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:block;min-width:100px}.commandes-table-container .montant-badge.premium{background:linear-gradient(135deg,var(--ct-gold-primary),#FFD700);color:var(--ct-black)}.commandes-table-container .montant-badge.moyen{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--ct-white)}.commandes-table-container .montant-badge.standard{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:var(--ct-gray-darker)}.commandes-table-container .montant-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.commandes-table-container .col-statut{display:flex;align-items:center;justify-content:center}.commandes-table-container .statut-select{padding:.75rem 1rem;border:none;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;width:100%;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;min-height:44px;appearance:none;-webkit-appearance:none}.commandes-table-container .statut-select:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.commandes-table-container .col-actions{display:flex;gap:.75rem;justify-content:center;align-items:center}.commandes-table-container .btn-action{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;position:relative;overflow:hidden}.commandes-table-container .btn-action: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 .6s ease}.commandes-table-container .btn-action:hover:before{left:100%}.commandes-table-container .btn-action.view{background:linear-gradient(135deg,#4facfe,#00f2fe);color:var(--ct-white)}.commandes-table-container .btn-action.edit{background:linear-gradient(135deg,var(--ct-gold-primary),#FFD700);color:var(--ct-black)}.commandes-table-container .btn-action.delete{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--ct-white)}.commandes-table-container .btn-action:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 12px #0003}.commandes-table-container .details-container{width:100%;grid-column:1 / -1}.commandes-table-container .details-row{background:linear-gradient(135deg,#f8fafc,#f7fafc);border-top:1px solid var(--ct-gray-medium);position:relative;width:100%}.commandes-table-container .details-row:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--ct-gradient-gold)}.commandes-table-container .details-content{padding:2rem;animation:slideDown .4s ease;width:100%;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.commandes-table-container .details-content>.actions-details{grid-column:1 / -1;order:3;margin-top:1rem;border-top:1px dashed var(--ct-gray-medium);padding-top:1.5rem}.commandes-table-container .details-content>.details-section:nth-child(2){order:2}.commandes-table-container .details-section{margin-bottom:0;width:100%}.commandes-table-container .details-section.full-width{grid-column:1 / -1;order:1;margin-bottom:0}.commandes-table-container .details-section h4{font-size:1rem;font-weight:700;color:var(--ct-gray-darker);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--ct-gold-primary);display:inline-block}.commandes-table-container .produits-table-wrapper{width:100%;overflow-x:auto;margin-bottom:0}.commandes-table-container .produits-details-table{min-width:700px;width:100%;border-collapse:collapse;background:var(--ct-white);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.commandes-table-container .produits-details-table th{background:var(--ct-gray-light);padding:.75rem 1rem;text-align:left;font-size:.8rem;color:var(--ct-gray-darker);text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--ct-gray-medium)}.commandes-table-container .produits-details-table td{padding:.75rem 1rem;border-bottom:1px solid var(--ct-gray-light);font-size:.875rem;color:var(--ct-gray-darker);vertical-align:middle}.commandes-table-container .produits-details-table tbody tr:last-child td{border-bottom:none}.commandes-table-container .produits-details-table tbody tr:hover{background-color:#d4af370d}.commandes-table-container .produit-image-mini{width:50px;height:50px;object-fit:cover;border-radius:6px;border:1px solid var(--ct-gray-medium);cursor:pointer;transition:transform .2s ease}.commandes-table-container .produit-image-mini:hover{transform:scale(1.05);box-shadow:0 2px 5px #0000001a}.commandes-table-container .no-image{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--ct-gray-medium);border-radius:6px;background:var(--ct-gray-light)}.commandes-table-container .product-info{display:flex;flex-direction:column;gap:.25rem}.commandes-table-container .product-name{font-weight:600;color:var(--ct-gray-darker)}.commandes-table-container .product-family{font-size:.75rem;color:var(--ct-gray-dark)}.commandes-table-container .produits-details-table td:nth-child(4),.commandes-table-container .produits-details-table td:nth-child(5),.commandes-table-container .produits-details-table td:nth-child(6){text-align:right;font-weight:500}.commandes-table-container .produits-details-table td:nth-child(6) strong{font-weight:700;color:var(--ct-gold-primary);font-size:.95rem}.commandes-table-container .produits-details-table .empty-details{text-align:center;padding:2rem 1rem;font-style:italic;color:var(--ct-gray-dark);background:var(--ct-gray-light)}.commandes-table-container .details-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:0;width:100%}.commandes-table-container .detail-item{display:flex;justify-content:space-between;padding:1.25rem;background:var(--ct-white);border-radius:12px;border:1px solid var(--ct-gray-medium);transition:all .3s ease;width:100%}.commandes-table-container .detail-item:hover{border-color:var(--ct-gold-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.commandes-table-container .detail-item.total{background:var(--ct-gradient-gold);color:var(--ct-black);font-weight:700;border:none;box-shadow:0 4px 15px #d4af374d}.commandes-table-container .detail-label{color:var(--ct-gray-dark);font-weight:500}.commandes-table-container .detail-item.total .detail-label{color:var(--ct-black)}.commandes-table-container .detail-value{font-weight:600;color:var(--ct-gray-darker);font-size:1.125rem}.commandes-table-container .detail-item.total .detail-value{color:var(--ct-black);font-size:1.25rem}.commandes-table-container .actions-details{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap;width:100%}.commandes-table-container .btn-small{padding:.75rem 1.5rem;font-size:.875rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.commandes-table-container .btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.commandes-table-container .btn-primary{background:linear-gradient(135deg,var(--ct-gold-primary),#FFD700);color:var(--ct-black)}.commandes-table-container .btn-outline{background:var(--ct-white);color:var(--ct-gray-darker);border:1px solid var(--ct-gray-medium)}.commandes-table-container .btn-outline:hover{background:var(--ct-gray-light)}.image-zoom-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.image-zoom-content{max-width:90vw;max-height:90vh;box-shadow:0 0 30px #000000b3;border-radius:10px;overflow:hidden;cursor:pointer}.image-zoom-content img{display:block;width:100%;height:100%;object-fit:contain}.commandes-table-container .table-empty{padding:4rem 2rem;text-align:center;color:var(--ct-gray-dark);background:var(--ct-white);grid-column:1 / -1}.commandes-table-container .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.3;animation:bounce 2s infinite}.commandes-table-container .table-empty h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--ct-gray-darker);font-weight:600}.commandes-table-container .table-empty p{font-size:1rem;opacity:.7}.commandes-table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--ct-gray-light);border-top:1px solid var(--ct-gray-medium);width:100%}.commandes-table-container .pagination-info{font-size:.875rem;color:var(--ct-gray-dark);font-weight:500}.commandes-table-container .pagination-controls{display:flex;align-items:center;gap:1rem}.commandes-table-container .pagination-buttons{display:flex;gap:.5rem}.commandes-table-container .btn-pagination{padding:.75rem 1rem;border:1px solid var(--ct-gray-medium);background:var(--ct-white);color:var(--ct-gray-darker);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;min-width:40px;display:flex;align-items:center;justify-content:center}.commandes-table-container .btn-pagination:hover:not(:disabled){background:var(--ct-gold-primary);color:var(--ct-black);border-color:var(--ct-gold-primary);transform:translateY(-1px)}.commandes-table-container .btn-pagination.active{background:var(--ct-gradient-gold);color:var(--ct-black);border-color:var(--ct-gold-primary);box-shadow:0 2px 8px #d4af374d}.commandes-table-container .btn-pagination:disabled{opacity:.5;cursor:not-allowed;transform:none}.commandes-table-container .pagination-select{padding:.75rem;border:1px solid var(--ct-gray-medium);border-radius:8px;background:var(--ct-white);color:var(--ct-gray-darker);font-size:.875rem;cursor:pointer;appearance:none;-webkit-appearance:none}.commandes-table-container .pagination-ellipsis{padding:.75rem .5rem;color:var(--ct-gray-dark)}@media(max-width:1400px){.commandes-table-container .table-row{grid-template-columns:50px 50px minmax(130px,1fr) minmax(180px,1.2fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(140px,1fr) minmax(120px,.9fr);gap:1.25rem;padding:1rem 1.25rem}}@media(max-width:1200px){.commandes-table-container .commandes-table{border-radius:12px}.commandes-table-container .table-row{grid-template-columns:45px 45px minmax(120px,1fr) minmax(160px,1fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(130px,.9fr) minmax(110px,.8fr);gap:1rem;padding:.875rem 1rem}}@media(max-width:1024px){.commandes-table-container .commandes-table{overflow-x:auto;border-radius:10px}.commandes-table-container .table-row{grid-template-columns:40px 40px 120px 180px 100px 100px 120px 120px;min-width:900px;gap:.875rem}.commandes-table-container .pagination{flex-direction:column;gap:1rem;text-align:center;padding:1.25rem}.commandes-table-container .details-content{grid-template-columns:1fr;gap:1.5rem}.commandes-table-container .details-content>.actions-details{grid-column:1 / -1}.commandes-table-container .details-section.full-width{grid-column:1 / -1}}@media(max-width:768px){.commandes-table-container .table-row{grid-template-columns:35px 35px 110px 160px 90px 90px 110px 110px;min-width:800px;gap:.75rem;padding:.75rem}.commandes-table-container .btn-action{width:36px;height:36px;font-size:.9rem}.commandes-table-container .statut-select{padding:.625rem .75rem;font-size:.75rem}.commandes-table-container .details-content{padding:1.5rem}.commandes-table-container .produits-details-table{min-width:600px}.commandes-table-container .actions-details{justify-content:center}}@media(max-width:480px){.commandes-table-container .table-row{grid-template-columns:30px 30px 100px 150px 80px 80px 100px 100px;min-width:700px;gap:.5rem;padding:.625rem}.commandes-table-container .pagination-buttons{flex-wrap:wrap;justify-content:center;gap:.375rem}.commandes-table-container .btn-pagination{padding:.625rem .75rem;min-width:36px;font-size:.8rem}.commandes-table-container .pagination,.commandes-table-container .details-content{padding:1rem}.commandes-table-container .produits-details-table{min-width:500px}.commandes-table-container .produits-details-table td,.commandes-table-container .produits-details-table th{padding:.6rem .75rem}.commandes-table-container .actions-details .btn-small{width:100%;justify-content:center}}.filtres-commandes{background:linear-gradient(135deg,var(--white) 0%,#f8fafc 100%);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border:1px solid var(--gray-medium);margin-bottom:2rem;position:relative;overflow:hidden}.filtres-commandes:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,var(--gold-primary),#FFD700);border-radius:20px 20px 0 0}.filter-icon{font-size:1.5rem;background:linear-gradient(135deg,var(--gold-primary),#FFD700);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d4af374d}.btn-avance.active,.btn-avance:hover{background:linear-gradient(135deg,var(--gold-primary),#FFD700);color:var(--black);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.filtres-rapides{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0fff4,#f8fafc);border-radius:16px;border:1px solid rgba(72,187,120,.2)}.quick-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--gold-primary)}.quick-filter-btn.montant:hover{background:linear-gradient(135deg,#f0f4ff,#e8f5e8);border-color:#43e97b}.filtre-input:focus,.filtre-select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af371a;transform:translateY(-1px)}.statut-btn.active.en_attente{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-color:#ffeaa7}.statut-btn.active.confirme{background:linear-gradient(135deg,#d1ecf1,#a8e6cf);color:#0c5460;border-color:#a8e6cf}.statut-btn.active.livre{background:linear-gradient(135deg,#e2e3e5,#f5f5f5);color:#383d41;border-color:#f5f5f5}.date-range,.montant-range{display:flex;align-items:center;gap:1rem}.date-input,.montant-input{flex:1}.date-separator,.montant-separator{color:var(--gray-dark);font-weight:500;font-size:.875rem}.active-count{background:var(--gold-primary);color:var(--black);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700}@media(max-width:768px){.filtres-commandes{padding:1.5rem}.filtres-header{flex-direction:column;gap:1rem;text-align:center}.header-title{justify-content:center}.header-actions{width:100%;justify-content:center}.quick-filters-grid,.filtres-grid{grid-template-columns:1fr}.date-range,.montant-range{flex-direction:column;gap:.5rem}.date-separator,.montant-separator{display:none}.statut-buttons{flex-direction:column}}@media(max-width:480px){.filtres-commandes{padding:1rem;border-radius:16px}.filter-icon{width:40px;height:40px;font-size:1.25rem}.header-title h3{font-size:1.25rem}.btn-reset,.btn-avance{padding:.625rem 1rem;font-size:.75rem}.filtres-rapides{padding:1rem}.filtres-avances{padding:1.5rem}.active-filters{padding:1rem}.filters-tags{flex-direction:column}.filter-tag{width:100%;justify-content:space-between}}:root{--primary-color: #c9a227;--primary-dark: #a88c1f;--primary-light: #e6d8a8;--secondary-color: #888484;--success-color: #2ecc71;--success-light: #d5f4e6;--success-dark: #27ae60;--warning-color: #f1c40f;--warning-light: #fef9e7;--danger-color: #e74c3c;--danger-light: #fadbd8;--gray-lightest: #f8f9fa;--gray-light: #5e5e5f;--gray-dark: #6c757d;--gray-dark: #2c3e50;--border-radius: 8px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 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)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-commande-overlay.large{align-items:flex-start;padding-top:0;padding-bottom:0}.modal-commande.large{width:100%;max-width:100%;height:100vh;max-height:100vh;background:#fff;border-radius:0;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--gray-light);background:var(--gray-lightest);border-radius:0}.modal-header h2{margin:0 0 1rem;color:var(--gray-dark);font-size:1.5rem;font-weight:600}.etapes{display:flex;gap:2rem}.etape{display:flex;align-items:center;gap:.75rem;color:var(--gray-dark)}.etape.active{color:var(--primary-color)}.etape-numero{width:32px;height:32px;border-radius:50%;background:var(--gray-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.etape.active .etape-numero{background:var(--primary-color);color:#fff}.etape-label{font-weight:500}.btn-close{background:none;border:none;font-size:1.25rem;color:var(--gray-dark);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.btn-close:hover{background:var(--gray-light);color:var(--gray-dark)}.modal-form{flex:1;overflow:auto;padding:0}.form-section{padding:2rem}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-divider{margin:0;color:var(--gray-dark);font-size:1.25rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;font-size:.9rem}.btn-link:hover{color:var(--primary-dark)}.stats-container{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--gray-light);border-radius:var(--border-radius);padding:1rem 1.5rem;flex:1;min-width:200px}.stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-info{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-dark);line-height:1.1}.stat-label{font-size:.85rem;color:var(--gray-dark)}.catalogue-header-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.modal-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.modal-categorie-btn{border:2px solid var(--gray-light);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:all .3s ease;background:#fff;text-align:center}.modal-categorie-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.modal-categorie-btn.active{border-color:var(--primary-color);background:var(--primary-light)}.modal-categorie-icon{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.modal-categorie-nom{font-size:1.1rem;font-weight:600;color:var(--gray-dark);margin-bottom:.5rem}.modal-categorie-dates{font-size:.9rem;color:var(--gray-dark);margin-bottom:.5rem}.modal-categorie-count{font-size:.85rem;color:var(--gray-dark);background:var(--gray-lightest);padding:.25rem .5rem;border-radius:12px;display:inline-block}.produits-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.display-controls{display:flex;align-items:center;gap:.5rem}.control-label{font-weight:500;color:var(--gray-dark);font-size:.9rem}.btn-mode{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--gray-light);background:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;font-size:.9rem}.btn-mode.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.catalogue-filters{display:flex;gap:1rem;align-items:center;flex:1;max-width:600px}.form-group{margin-bottom:0}.input-large,.select-large{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-light);border-radius:var(--border-radius);font-size:.9rem;transition:all .2s}.input-large:focus,.select-large:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.affichage-liste{display:flex;flex-direction:column;gap:1rem}.produit-liste-item{display:flex;gap:1.5rem;padding:1.5rem;border:2px solid var(--gray-light);border-radius:var(--border-radius);transition:all .2s;background:#fff;position:relative}.produit-liste-item.produit-selectionne{border-color:var(--success-color);background:var(--success-light)}.produit-liste-image{flex:0 0 120px;position:relative}.produit-liste-image img{width:100%;height:120px;object-fit:contain;border-radius:var(--border-radius);background:var(--gray-lightest)}.badge-selection-liste{position:absolute;top:.5rem;right:.5rem;background:var(--success-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.produit-liste-details{flex:1}.produit-liste-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.produit-liste-nom{margin:0;font-size:1.1rem;font-weight:600;color:var(--gray-dark)}.produit-liste-prix{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.produit-liste-sku{color:var(--gray-dark);font-size:.9rem;margin-bottom:.5rem}.produit-liste-description{margin-bottom:1rem;color:var(--gray-dark);line-height:1.5}.produit-liste-caracteristiques{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.produit-caracteristique{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--gray-dark);background:var(--gray-lightest);padding:.4rem .75rem;border-radius:16px}.produit-selection-details{background:var(--success-color);color:#fff;padding:.75rem 1rem;border-radius:var(--border-radius);margin-top:.5rem}.selection-info{font-size:.9rem}.produit-liste-actions{display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-width:120px}.affichage-tableau{overflow-x:auto;border:1px solid var(--gray-light);border-radius:var(--border-radius);background:#fff}.produits-table{width:100%;border-collapse:collapse;background:#fff;min-width:1200px}.produits-table th{background:var(--gray-lightest);padding:1rem;text-align:left;font-weight:600;color:var(--gray-dark);border-bottom:1px solid var(--gray-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.produits-table td{padding:1rem;border-bottom:1px solid var(--gray-light);vertical-align:middle;font-size:.9rem}.produits-table tr:last-child td{border-bottom:none}.produits-table tr.ligne-selectionnee{background:var(--success-light);border-left:4px solid var(--success-color)}.produits-table tr:hover{background:var(--gray-lightest)}.col-checkbox{width:40px}.col-image{width:60px}.col-produit{width:200px}.col-sku{width:120px}.col-description{width:250px}.col-famille,.col-sous-famille,.col-genre,.col-niveau,.col-couleur{width:120px}.col-carton,.col-prix,.col-stock,.col-actions{width:100px}.checkbox-container{display:flex;justify-content:center}.produit-checkbox{width:18px;height:18px;cursor:pointer}.produit-table-image{width:50px;height:50px;object-fit:contain;border-radius:4px;background:var(--gray-lightest)}.produit-table-nom{font-weight:600;margin-bottom:.25rem;color:var(--gray-dark)}.badge-selection{display:inline-block;background:var(--success-color);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.produit-table-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produit-table-actions{display:flex;gap:.5rem;justify-content:center}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:var(--gray-light);cursor:pointer;transition:all .2s;color:var(--gray-dark)}.btn-icon:hover{transform:translateY(-1px)}.btn-icon.btn-primary{background:var(--primary-color);color:#fff}.btn-icon.btn-warning{background:var(--warning-color);color:#fff}.btn-icon.btn-danger{background:var(--danger-color);color:#fff}.btn-icon.btn-info{background:var(--gray-dark);color:#fff}.modal-detail-overlay{background:#000c;padding:2rem;z-index:1050}.modal-detail-produit.enhanced{width:95%;max-width:1200px;max-height:90vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-detail-content.enhanced{display:flex;flex:1;overflow:hidden;gap:0}.modal-detail-left{flex:0 0 40%;background:var(--gray-lightest);padding:2rem;border-right:1px solid var(--gray-light);overflow-y:auto}.modal-detail-right{flex:0 0 60%;display:flex;flex-direction:column;overflow:hidden}.product-image-section{text-align:center;margin-bottom:0;padding:2rem 2rem 1rem;flex-shrink:0}.modal-detail-image-main{width:100%;height:350px;object-fit:contain;border-radius:var(--border-radius);margin-bottom:1rem;border:1px solid var(--gray-light);cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease}.modal-detail-image-main:hover{transform:scale(1.03);box-shadow:var(--shadow)}.modal-detail-thumbnails{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.modal-detail-thumbnail{width:60px;height:60px;object-fit:contain;border-radius:4px;cursor:pointer;border:2px solid var(--gray-light);transition:all .2s}.modal-detail-thumbnail.active,.modal-detail-thumbnail:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.product-info-section{text-align:left;flex:1;overflow-y:auto;padding:1rem 2rem 2rem}.modal-detail-nom{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin-bottom:1.5rem;line-height:1.3}.product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.info-item{background:#fff;padding:.75rem;border-radius:var(--border-radius);border:1px solid #eee;gap:.5rem;display:flex;flex-direction:column}.info-item label{font-weight:600;color:var(--gray-dark);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:var(--gray-dark);font-size:.95rem;font-weight:500}.product-description{margin-top:2rem}.product-description h5{border-bottom:2px solid var(--gray-light);padding-bottom:.5rem;margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-dark)}.product-description p{color:var(--gray-dark);line-height:1.6;margin:0}.order-section h4{font-size:1.4rem;font-weight:600;color:var(--primary-dark);border-bottom:2px solid var(--primary-color);padding-bottom:.75rem;gap:.75rem;display:flex;align-items:center;margin:0 0 1.5rem}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.order-form-grid .form-group.full-width{grid-column:1 / -1}.input-enhanced{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-light);border-radius:var(--border-radius);font-size:1rem;transition:all .2s;background-color:#fff}.input-enhanced:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.input-enhanced.total-input{background:#fff;font-weight:700;color:var(--primary-color);font-size:1.75rem;border:2px solid var(--primary-dark);text-align:right;padding-right:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--gray-dark)}.form-group small{display:block;margin-top:.25rem;color:var(--gray-dark);font-size:.8rem}.total-group{grid-column:1 / -1;background:var(--primary-light);padding:1.5rem;border-radius:var(--border-radius);border-left:none;margin-top:1rem;box-shadow:inset 0 2px 4px #0000000d}.total-group label{font-size:1rem;color:var(--primary-dark);text-transform:uppercase;font-weight:700}.total-breakdown{margin-top:1rem;padding:.75rem;background:#ffffffb3;border-radius:4px;font-size:1rem;color:var(--gray-dark);text-align:center;font-weight:500}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--gray-light);background:var(--gray-lightest);border-radius:0}.modal-detail-actions.enhanced{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--gray-light);background:var(--gray-lightest);border-radius:0 0 12px 12px;gap:1rem}.actions-left,.actions-right{display:flex;align-items:center;gap:1rem}.produits-count{font-weight:500;color:var(--gray-dark);margin-right:1rem;font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;border:1px solid var(--gray-light);color:var(--gray-dark)}.btn-outline:hover:not(:disabled){background:var(--gray-lightest);border-color:var(--gray-dark)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-success{background:var(--success-dark);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px)}.btn-warning{background:var(--warning-color);color:#000}.btn-warning:hover:not(:disabled){background:#eab308;transform:translateY(-1px)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.commande-info{margin-bottom:2rem}.info-card{background:var(--gray-lightest);padding:1.5rem;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.info-card h4{margin:0 0 1rem;color:var(--gray-dark)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--gray-light)}.info-item.total-item{font-weight:600;font-size:1.1rem}.total-amount{color:var(--primary-color);font-weight:700}.recap-table-container{overflow-x:auto}.recap-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.recap-table th{background:var(--gray-lightest);padding:1rem;text-align:left;font-weight:600;color:var(--gray-dark);border-bottom:1px solid var(--gray-light)}.recap-table td{padding:1rem;border-bottom:1px solid var(--gray-light);vertical-align:middle}.recap-table tfoot{background:var(--gray-lightest);font-weight:600}.recap-table tfoot td{border-bottom:none}.total-label{text-align:right;font-weight:600}.total-commande{color:var(--primary-color);font-weight:700;font-size:1.1rem}.produit-recap-info{display:flex;align-items:center;gap:1rem}.recap-image{width:50px;height:50px;object-fit:contain;border-radius:4px}.recap-actions{display:flex;gap:.5rem}.modal-confirm-overlay{background:#00000080;z-index:1050}.modal-confirm{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg)}.modal-confirm-content{text-align:center}.confirm-icon{font-size:3rem;color:var(--warning-color);margin-bottom:1rem}.modal-confirm-content h4{margin:0 0 1rem;color:var(--gray-dark)}.modal-confirm-content p{color:var(--gray-dark);margin-bottom:1.5rem}.modal-produit-a-supprimer{background:var(--gray-lightest);padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.modal-empty-selection{text-align:center;padding:3rem 2rem;color:var(--gray-dark)}.modal-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-container{text-align:center;padding:3rem 2rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-light);border-left:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-left:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}@media(max-width:768px){.modal-commande.large{width:100%;max-height:100vh}.modal-header{padding:1rem;flex-direction:column;gap:1rem}.etapes{gap:1rem}.form-section{padding:1rem}.produits-controls{flex-direction:column;align-items:stretch}.catalogue-filters,.modal-detail-content.enhanced{flex-direction:column}.modal-detail-left,.modal-detail-right{flex:none}.modal-detail-left{border-right:none;border-bottom:1px solid var(--gray-light);padding:1rem}.order-form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:1rem}.actions-left,.actions-right{width:100%;justify-content:center}.product-info-grid{grid-template-columns:1fr}.modal-detail-nom{font-size:1.5rem}.info-item{padding:.5rem .75rem}.modal-detail-right .product-image-section{padding:1rem 1rem 0}.modal-detail-right .product-info-section{padding:1rem}.stats-container{flex-direction:column;gap:1rem}}.modal-form::-webkit-scrollbar,.modal-detail-left::-webkit-scrollbar,.modal-detail-right::-webkit-scrollbar,.product-info-section::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track,.modal-detail-left::-webkit-scrollbar-track,.modal-detail-right::-webkit-scrollbar-track,.product-info-section::-webkit-scrollbar-track{background:var(--gray-lightest)}.modal-form::-webkit-scrollbar-thumb,.modal-detail-left::-webkit-scrollbar-thumb,.modal-detail-right::-webkit-scrollbar-thumb,.product-info-section::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}.modal-form::-webkit-scrollbar-thumb:hover,.modal-detail-left::-webkit-scrollbar-thumb:hover,.modal-detail-right::-webkit-scrollbar-thumb:hover,.product-info-section::-webkit-scrollbar-thumb:hover{background:var(--gray-dark)}.image-zoom-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1200;cursor:zoom-out;padding:1rem}.image-zoom-content{max-width:90vw;max-height:90vh}.image-zoom-content img{width:100%;height:100%;object-fit:contain;border-radius:8px}.editable-cell-content{cursor:text;min-height:22px;width:100%;padding:4px 6px;border-radius:4px;transition:background-color .2s}.editable-cell-content:hover{background-color:var(--gray-lightest);box-shadow:0 0 0 1px var(--gray-light)}.editable-cell-input{width:100%;padding:4px 6px;border:1px solid var(--primary-color);border-radius:4px;font-size:.9rem;font-family:inherit;box-shadow:0 0 0 3px var(--primary-light);outline:none}.editable-cell-input[type=number]{-moz-appearance:textfield}.editable-cell-input[type=number]::-webkit-inner-spin-button,.editable-cell-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.alerts-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.alert{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border-left:5px solid;overflow:hidden;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.alert-visible{transform:translate(0);opacity:1}.alert-hidden{transform:translate(400px);opacity:0}.alert-content{display:flex;align-items:center;padding:16px 20px;gap:12px;position:relative}.alert-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.alert-message{flex:1;font-weight:500;font-size:14px;line-height:1.4;color:var(--gray-darker)}.alert-close{background:none;border:none;color:var(--gray-dark);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.alert-close:hover{background:#0000001a;color:var(--gray-darker)}.alert-progress{height:3px;background:#ffffff80;width:100%;animation:progressBar linear forwards}.alert.success{border-left-color:var(--success-color);background:linear-gradient(135deg,var(--success-light),#ffffff)}.alert.success .alert-icon,.alert.success .alert-progress{background:var(--success-color)}.alert.error{border-left-color:var(--danger-color);background:linear-gradient(135deg,var(--danger-light),#ffffff)}.alert.error .alert-icon,.alert.error .alert-progress{background:var(--danger-color)}.alert.warning{border-left-color:var(--warning-color);background:linear-gradient(135deg,var(--warning-light),#ffffff)}.alert.warning .alert-icon,.alert.warning .alert-progress{background:var(--warning-color)}.alert.info{border-left-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-light),#ffffff)}.alert.info .alert-icon,.alert.info .alert-progress{background:var(--primary-color)}@keyframes progressBar{0%{width:100%}to{width:0%}}.col-selection{width:140px;text-align:center}.selection-details{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.selection-qte{font-weight:600;color:var(--primary-color)}.selection-total{color:var(--gray-dark)}.selection-prix{font-weight:700;color:var(--success-color)}.non-selectionne{color:var(--gray-light);font-style:italic}.ligne-selectionnee{background:linear-gradient(135deg,var(--success-light),#f8fff8)!important;border-left:4px solid var(--success-color)}.ligne-selectionnee:hover{background:linear-gradient(135deg,#e8f5e8,#f0fff0)!important}@keyframes highlightUpdate{0%{background-color:var(--primary-light)}to{background-color:transparent}}.highlight-update{animation:highlightUpdate 1.5s ease-in-out}@media(max-width:768px){.alerts-container{top:10px;right:10px;left:10px;max-width:none}.alert-content{padding:12px 16px}.alert-message{font-size:13px}}.modal-commande{display:flex;flex-direction:column;max-height:90vh}.modal-form{flex-grow:1;overflow-y:auto;padding:20px 30px}.modal-footer{padding:15px 30px;border-top:1px solid var(--border-color);background-color:var( --background-light );flex-shrink:0}.modal-footer .modal-actions-confirmation{display:flex;justify-content:space-between;align-items:center;width:100%}.modal-footer .actions-right.confirmation-buttons{display:flex;align-items:center;gap:20px}.modal-footer .confirmation-summary{display:flex;flex-direction:column;text-align:right;font-size:.9em;color:var(--text-color-light)}.modal-footer .total-amount{font-size:1.2em;color:var(--primary-dark)}.modal-footer .confirmation-button-group{display:flex;gap:10px}.modal-importer-overlay{z-index:1100;position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.modal-importer{background:#fff;border-radius:var(--border-radius, 8px);width:90%;max-width:500px;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));display:flex;flex-direction:column;transition:max-width .3s ease}.modal-importer.expanded{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--gray-light, #e2e8f0)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--gray-darker, #2d3748)}.steps-indicator{display:flex;justify-content:center;padding:1rem 2rem;background:var(--gray-lightest, #f8f9fa);border-bottom:1px solid var(--gray-light, #e2e8f0)}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-number{width:30px;height:30px;border-radius:50%;background:var(--gray-medium, #e2e8f0);color:var(--gray-dark, #6c757d);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;transition:all .3s ease}.step-item.active .step-number{background:var(--primary-color, #c9a227);color:#fff}.step-item.completed .step-number{background:var(--success-color, #28a745);color:#fff}.step-label{font-size:.8rem;color:var(--gray-dark, #6c757d);text-align:center}.step-item.active .step-label{color:var(--primary-color, #c9a227);font-weight:600}.step-line{position:absolute;top:15px;left:50%;width:100%;height:2px;background:var(--gray-medium, #e2e8f0);z-index:-1}.step-item:first-child .step-line{left:50%}.step-item:last-child .step-line{width:50%}.modal-importer-content{padding:1.5rem 2rem;color:var(--gray-dark, #6c757d);flex:1;overflow-y:auto;max-height:60vh}.modal-importer-content p{margin-top:0;margin-bottom:1.5rem;text-align:center}.drag-drop-area{border:2px dashed var(--gray-light, #e2e8f0);border-radius:var(--border-radius, 8px);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--gray-lightest, #f8f9fa)}.drag-drop-area.drag-over{border-color:var(--primary-color, #c9a227);background:var(--primary-light, #e6d8a8)}.drag-drop-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--gray-dark, #6c757d)}.drag-drop-prompt svg{font-size:2rem;color:var(--primary-color, #c9a227)}.file-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.file-preview svg{font-size:2.5rem;color:var(--gray-dark, #6c757d)}.file-preview span{font-weight:600;color:var(--gray-darker, #2d3748)}.file-preview small{color:var(--gray-dark, #6c757d)}.btn-remove-file{position:absolute;top:-10px;right:-10px;background:var(--danger-color, #e74c3c);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:background-color .2s}.btn-remove-file:hover{background:var(--danger-dark, #c0392b)}.modal-actions{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--gray-light, #e2e8f0);background:var(--gray-lightest, #f8f9fa)}.modal-actions .left-actions,.modal-actions .right-actions{display:flex;gap:1rem}.loading-spinner-small-btn{animation:spin 1s linear infinite;margin-right:.5rem}.mapping-step,.preview-step{display:flex;flex-direction:column;gap:1.5rem}.mapping-instruction,.fixed-values-instruction,.preview-instruction{color:var(--gray-dark, #6c757d);font-style:italic;margin-bottom:.5rem;font-size:.9rem}.column-mapping-container{display:grid;grid-template-columns:3fr 2fr;gap:2rem;align-items:start;border-bottom:1px solid var(--gray-medium, #e2e8f0);padding-bottom:2rem}.mapping-section,.fixed-values-section{padding:1rem;border:1px solid var(--gray-light, #e2e8f0);border-radius:var(--border-radius, 8px);background:var(--gray-lightest, #f8f9fa)}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.mapping-item{display:flex;flex-direction:column;gap:.25rem}.source-label{font-weight:600;color:var(--gray-darker, #2d3748);border-bottom:1px dashed var(--gray-medium, #e2e8f0);padding-bottom:5px;font-size:.9rem}.fixed-values-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.input-enhanced{padding:8px 12px;border:1px solid var(--gray-medium, #e2e8f0);border-radius:var(--border-radius, 8px);background:#fff;width:100%;box-sizing:border-box}.preview-section{grid-column:1 / -1;margin-top:1rem}.data-preview-table-container{max-height:200px;overflow:auto;border:1px solid var(--gray-medium, #e2e8f0);border-radius:var(--border-radius, 8px)}.data-preview-table{width:100%;border-collapse:collapse}.data-preview-table th,.data-preview-table td{padding:.75rem;text-align:left;border-left:1px solid var(--gray-light, #f0f4f7);font-size:.85rem;white-space:nowrap}.data-preview-table th{background:#f0f4f7;border-bottom:2px solid var(--gray-medium, #e2e8f0);position:sticky;top:0;z-index:10}.target-row th{font-weight:600;background:#e9f0f5;border-top:1px solid var(--gray-medium, #e2e8f0);border-bottom:2px solid var(--gray-medium, #e2e8f0)}.target-row .mapped{color:var(--success-dark, #27ae60);font-weight:700}.target-row .unmapped{color:var(--danger-color, #e74c3c)}.preview-note{font-style:italic;font-size:.8rem;text-align:center;padding:.5rem 0;color:var(--gray-dark)}.mapping-status-bar{border-top:1px solid var(--gray-medium, #e2e8f0);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;background:var(--gray-lightest, #f8f9fa)}.required-fields-check{display:flex;gap:1rem;font-weight:600}.check-item{display:flex;align-items:center;gap:.25rem}.check-item.complete{color:var(--success-color, #2ecc71)}.check-item.incomplete{color:var(--danger-color, #e74c3c)}.final-preview{border:1px solid var(--gray-light, #e2e8f0);border-radius:var(--border-radius, 8px);padding:1rem;background:var(--gray-lightest, #f8f9fa)}.final-preview-table-container{max-height:300px;overflow:auto;border:1px solid var(--gray-medium, #e2e8f0);border-radius:var(--border-radius, 8px);background:#fff}.final-preview-table{width:100%;border-collapse:collapse}.final-preview-table th,.final-preview-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-light, #e2e8f0);font-size:.85rem}.final-preview-table th{background:var(--gray-light, #f8f9fa);font-weight:600;position:sticky;top:0}.import-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:1rem;background:#fff;border-radius:var(--border-radius, 8px);border:1px solid var(--gray-light, #e2e8f0)}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-value{font-size:1.5rem;font-weight:700;color:var(--primary-color, #c9a227)}.summary-label{font-size:.8rem;color:var(--gray-dark, #6c757d)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius, 8px);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary{background:var(--primary-color, #c9a227);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #a88c1f)}.btn-primary:disabled{background:var(--gray-medium, #e2e8f0);cursor:not-allowed}.btn-outline{background:#fff;color:var(--gray-darker, #2d3748);border:1px solid var(--gray-medium, #e2e8f0)}.btn-outline:hover:not(:disabled){background:var(--gray-lightest, #f8f9fa)}.alert{padding:.75rem 1rem;border-radius:var(--border-radius, 8px);margin-bottom:1rem}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.text-danger{color:var(--danger-color, #e74c3c)}.modal-edit-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.modal-edit-content{background:linear-gradient(135deg,var(--white) 0%,#f8fafc 100%);border-radius:24px;box-shadow:0 20px 60px #0003,0 0 0 1px #ffffff1a;border:1px solid var(--gray-medium);max-width:1000px;width:100%;max-height:95vh;overflow-y:auto;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-edit-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2,#4facfe);border-radius:24px 24px 0 0}.modal-edit-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2.5rem 2.5rem 1.5rem;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 100%);border-bottom:1px solid rgba(0,0,0,.1);position:relative}.header-title{display:flex;align-items:flex-start;gap:1rem}.header-icon{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #667eea4d}.header-title h2{font-size:1.75rem;font-weight:800;color:var(--gray-darker);margin:0 0 .25rem;background:linear-gradient(135deg,var(--gray-darker),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{color:var(--gray-dark);font-size:.875rem;font-weight:500;margin:0}.modal-edit-form{padding:0 2.5rem 2.5rem}.form-section{margin-bottom:2.5rem;background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.1) 100%)}.section-title{font-size:1.25rem;font-weight:700;color:var(--gray-darker);margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid rgba(102,126,234,.2)}.section-icon{font-size:1.5rem}.section-error{margin-left:auto;font-size:.875rem;font-weight:500}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;color:var(--gray-darker);margin-bottom:.5rem;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.error-message{color:#dc3545;font-size:.75rem;font-weight:500}.form-input,.form-select,.form-textarea{padding:1rem 1.25rem;border:2px solid var(--gray-medium);border-radius:12px;font-size:.875rem;transition:all .3s ease;background:var(--white);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #667eea1a;transform:translateY(-2px)}.form-input.error,.form-select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.ajout-produit-card{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:2px dashed #667eea;border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.ajout-produit-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.05) 50%,transparent 70%);animation:shimmer 3s infinite;transform:rotate(45deg)}.ajout-title{font-size:1.125rem;font-weight:700;color:#667eea;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.ajout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.ajout-action{display:flex;align-items:flex-end}.btn-ajouter{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.btn-ajouter:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-ajouter:disabled{opacity:.5;cursor:not-allowed;transform:none}.produits-list-section{margin-top:2rem}.produits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-medium)}.produits-header h4{font-size:1.125rem;font-weight:700;color:var(--gray-darker);margin:0}.sous-total{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.875rem}.produits-list{space-y:1rem}.produit-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--white);border:1px solid var(--gray-medium);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.produit-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.produit-item:hover:before{opacity:1}.produit-item:hover{border-color:#667eea;transform:translate(8px);box-shadow:0 8px 25px #667eea26}.produit-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.produit-nom{font-weight:700;color:var(--gray-darker);font-size:1rem}.produit-reference{font-size:.875rem;color:var(--gray-dark);background:var(--gray-light);padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.produit-categorie{font-size:.75rem;color:var(--gray-dark);background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);padding:.25rem .75rem;border-radius:12px;display:inline-block;width:fit-content;font-weight:600}.produit-controles{display:flex;align-items:center;gap:1.5rem}.controle-group{display:flex;flex-direction:column;gap:.5rem}.controle-group label{font-size:.75rem;font-weight:600;color:var(--gray-dark);text-align:center}.quantite-controls{display:flex;align-items:center;background:var(--gray-light);border-radius:8px;overflow:hidden;border:1px solid var(--gray-medium)}.btn-quantite{background:var(--white);border:none;width:36px;height:36px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.btn-quantite:hover:not(:disabled){background:#667eea;color:var(--white)}.btn-quantite:disabled{opacity:.5;cursor:not-allowed}.input-quantite{width:60px;height:36px;border:none;text-align:center;background:var(--white);font-weight:600}.input-prix{width:100px;padding:.5rem;border:1px solid var(--gray-medium);border-radius:6px;text-align:center;font-weight:600}.input-prix:focus{outline:none;border-color:#667eea}.produit-total{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:linear-gradient(135deg,#f0f4ff,#e6eeff);padding:.75rem 1rem;border-radius:8px;min-width:100px}.total-label{font-size:.75rem;font-weight:600;color:var(--gray-dark)}.total-montant{font-weight:800;color:#667eea;font-size:1.125rem}.btn-supprimer{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;width:44px;height:44px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.btn-supprimer:hover{transform:scale(1.1) rotate(8deg);box-shadow:0 4px 15px #f5576c66}.frais-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.resume-section{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:2px solid rgba(102,126,234,.2)}.resume-grid{space-y:1rem}.resume-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--white);border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.resume-item:hover{transform:translate(4px);border-color:#667eea}.resume-item.total{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);font-weight:800;font-size:1.25rem;margin-top:1rem}.resume-item.total:hover{transform:scale(1.02)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid var(--gray-medium);margin-top:2rem}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66}.btn-secondary:hover:not(:disabled){background:var(--gray-medium)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.modal-edit-overlay{padding:1rem}.modal-edit-content{max-height:90vh}.modal-edit-header{padding:2rem 2rem 1rem}.modal-edit-form{padding:0 2rem 2rem}}@media(max-width:768px){.modal-edit-content{margin:.5rem;max-width:calc(100% - 1rem)}.modal-edit-header{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:1rem;text-align:center}.header-title{flex-direction:column;text-align:center}.modal-edit-form{padding:0 1.5rem 1.5rem}.form-section{padding:1.5rem;margin-bottom:1.5rem}.form-grid,.ajout-grid,.frais-grid{grid-template-columns:1fr;gap:1rem}.produit-item{flex-direction:column;gap:1.5rem;text-align:center}.produit-controles{flex-wrap:wrap;justify-content:center}.modal-actions{flex-direction:column}.btn{width:100%}}@media(max-width:480px){.modal-edit-header{padding:1rem 1rem .5rem}.header-icon{width:50px;height:50px;font-size:2rem}.header-title h2{font-size:1.5rem}.form-section{padding:1rem;border-radius:16px}.section-title{font-size:1.125rem}.ajout-produit-card{padding:1rem}.produit-controles{gap:1rem}.input-prix{width:80px}}.commande-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:1.5rem;margin:1.5rem 0;text-align:left;border:1px solid var(--gray-medium);position:relative;overflow:hidden}.commande-info:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 100%)}.statut-badge.en_attente{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.statut-badge.confirme{background:linear-gradient(135deg,#d1ecf1,#a8e6cf);color:#0c5460}.statut-badge.livraison{background:linear-gradient(135deg,#cce5ff,#9cf);color:#004085}.produits-resume{margin:1.5rem 0;text-align:left}.produits-resume h4{color:var(--gray-darker);margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.produits-list-mini{space-y:.75rem}.produit-item-mini{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--white);border:1px solid var(--gray-medium);border-radius:12px;font-size:.875rem;transition:all .3s ease;position:relative;overflow:hidden}.produit-item-mini:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(135deg,#f093fb,#f5576c);opacity:0;transition:opacity .3s ease}.produit-item-mini:hover:before{opacity:1}.produit-item-mini:hover{transform:translate(4px);border-color:#f5576c}.produit-item-mini.more{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--gray-dark);font-style:italic;justify-content:center;border-style:dashed}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-details{background:var(--white, #ffffff);border-radius:16px;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));width:100%;max-width:900px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--gray-medium, #e2e8f0)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-darker, #2d3748);margin:0}.btn-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--gray-dark, #718096);transition:color .2s}.btn-close:hover{color:var(--black, #000000)}.modal-header .header-content{display:flex;align-items:center;gap:1rem}.commande-numero{background:var(--gradient-gold, linear-gradient(135deg, #d4af37, #fbbf24));color:var(--black, #000000);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.details-content{padding:2rem}.details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-light, #f7fafc)}.header-info{display:flex;gap:3rem}.info-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-dark, #718096);margin-bottom:.5rem}.info-value{font-size:1.125rem;font-weight:600;color:var(--gray-darker, #2d3748)}.info-value.large{font-size:1.25rem}.info-subvalue{font-size:.875rem;color:var(--gray-dark, #718096);margin-top:.25rem}.header-status{text-align:right}.statut-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;margin-bottom:.5rem;display:inline-block}.montant-total{font-size:1.5rem;font-weight:700;color:var(--gold-primary, #d4af37)}.section{margin-bottom:2rem}.section h3{font-size:1.125rem;font-weight:600;color:var(--gray-darker, #2d3748);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-medium, #e2e8f0)}.produits-table-wrapper{width:100%;overflow-x:auto;margin-bottom:0}.produits-details-table{min-width:650px;width:100%;border-collapse:collapse;background:var(--white, #ffffff);border-radius:10px;overflow:hidden;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--gray-medium, #e2e8f0)}.produits-details-table th{background:var(--gray-light, #f7fafc);padding:.75rem 1rem;text-align:left;font-size:.8rem;color:var(--gray-darker, #2d3748);text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--gray-medium, #e2e8f0);white-space:nowrap}.produits-details-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-light, #f7fafc);font-size:.875rem;color:var(--gray-darker, #2d3748);vertical-align:middle}.produits-details-table tbody tr:last-child td{border-bottom:none}.produits-details-table tbody tr:hover{background-color:#d4af370d}.produit-image-mini{width:50px;height:50px;object-fit:cover;border-radius:6px;border:1px solid var(--gray-medium, #e2e8f0);cursor:pointer;transition:transform .2s ease}.produit-image-mini:hover{transform:scale(1.05);box-shadow:0 2px 5px #0000001a}.no-image{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--gray-medium, #e2e8f0);border-radius:6px;background:var(--gray-light, #f7fafc)}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:600;color:var(--gray-darker, #2d3748)}.product-family{font-size:.75rem;color:var(--gray-dark, #718096)}.produits-details-table td:nth-child(4),.produits-details-table td:nth-child(5),.produits-details-table td:nth-child(6){text-align:right;font-weight:500}.produits-details-table td:nth-child(6) strong{font-weight:700;color:var(--gold-primary, #d4af37);font-size:.95rem}.empty-details{text-align:center;padding:2rem 1rem;font-style:italic;color:var(--gray-dark, #718096);background:var(--gray-light, #f7fafc)}.recap-financier{background:var(--gray-light, #f7fafc);border-radius:8px;padding:1.5rem;max-width:400px}.recap-ligne{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-medium, #e2e8f0)}.recap-ligne:last-child{border-bottom:none}.recap-ligne.total{font-weight:700;font-size:1.125rem;color:var(--gold-primary, #d4af37)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-card{background:var(--gray-light, #f7fafc);border-radius:8px;padding:1.5rem}.info-item{margin-bottom:1rem}.info-item:last-child{margin-bottom:0}.info-item label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-dark, #718096);margin-bottom:.25rem}.info-item div{color:var(--gray-darker, #2d3748);font-weight:500}.notes-card{background:var(--gray-light, #f7fafc);border-radius:8px;padding:1.5rem;font-style:italic;color:var(--gray-darker, #2d3748)}.historique-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-light, #f7fafc);border-radius:8px;border-left:4px solid var(--gold-primary, #d4af37);margin-bottom:1rem}.historique-item:last-child{margin-bottom:0}.historique-date{font-weight:600;color:var(--gray-darker, #2d3748);min-width:150px}.historique-action{flex:1;color:var(--gray-dark, #718096)}.historique-utilisateur{font-size:.875rem;color:var(--gray-dark, #718096);min-width:120px;text-align:right}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--gray-medium, #e2e8f0);background:var(--gray-light, #f7fafc);border-radius:0 0 16px 16px}.btn{padding:.75rem 1.5rem;font-size:.875rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--gradient-gold, linear-gradient(135deg, #d4af37, #fbbf24));color:var(--black, #000000)}.btn-outline{background:var(--white, #ffffff);color:var(--gray-darker, #2d3748);border:1px solid var(--gray-medium, #e2e8f0)}.btn-outline:hover{background:var(--gray-light, #f7fafc)}@media(max-width:768px){.modal-details{margin:1rem;max-height:95vh}.details-content{padding:1rem}.details-header,.header-info{flex-direction:column;gap:1rem}.header-status{text-align:left}.section-grid{grid-template-columns:1fr}.produits-details-table{min-width:550px}.historique-item{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-actions{flex-direction:column}}.commandes-page{padding:2rem;max-width:1400px;margin:0 auto}.stats-commandes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-icon.en-attente{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.confirme{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.livre{background:linear-gradient(135deg,#43e97b,#38f9d7)}@media(max-width:1024px){.commandes-page{padding:1rem}.page-header{flex-direction:column;gap:1.5rem;text-align:center}.stats-commandes{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-title{font-size:1.75rem}.stats-commandes{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{width:60px;height:60px;font-size:1.5rem}.stat-content h3{font-size:1.75rem}}@media(max-width:480px){.commandes-page{padding:.5rem}.page-header{padding:1.5rem}.btn-large{width:100%;justify-content:center}}.shipments-table{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-medium);width:100%}.shipments-table .table-header{background:linear-gradient(135deg,var(--gray-darker),var(--black));border-bottom:1px solid var(--gray-medium)}.shipments-table .table-row{display:grid;grid-template-columns:50px 50px minmax(150px,1fr) minmax(200px,1.5fr) minmax(180px,1fr) minmax(120px,.8fr) minmax(100px,.8fr) minmax(140px,1fr) minmax(130px,1fr);gap:1.5rem;padding:1.25rem 1.5rem;align-items:start;transition:all .3s ease;min-height:80px}.shipments-table .header-row{font-weight:700;color:var(--gold-light);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;align-items:center}.table-body{max-height:600px;overflow-y:auto}.shipment-item{border-bottom:1px solid var(--gray-light);transition:all .3s ease;position:relative}.shipment-item:hover{background:linear-gradient(90deg,rgba(212,175,55,.03) 0%,transparent 100%)}.shipment-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:transparent;transition:all .3s ease}.shipment-item:hover:before{background:var(--gradient-gold)}.main-row{font-size:.9rem;cursor:pointer;align-items:center}.shipments-table.col-checkbox{display:flex;align-items:center;justify-content:center}.shipments-table .col-checkbox input[type=checkbox]{width:20px;height:20px;border:2px solid var(--gray-medium);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;appearance:none;-webkit-appearance:none;background:var(--white)}.shipments-table .col-checkbox input[type=checkbox]:checked{background:var(--gold-primary);border-color:var(--gold-primary)}.shipments-table .col-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--black);font-weight:700;font-size:12px}.shipments-table .col-details{display:flex;align-items:center;justify-content:center}.shipments-table .btn-details{background:var(--gradient-gold);border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--black);font-weight:700;font-size:.9rem}.btn-details:hover{transform:scale(1.1);box-shadow:0 4px 12px #d4af374d}.col-numero{display:flex;flex-direction:column;gap:.5rem}.numero-badge{background:var(--gradient-gold);color:var(--black);padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.8rem;letter-spacing:.05em;box-shadow:0 2px 8px #d4af3733;text-align:center;display:inline-block;width:fit-content}.tracking-info small{color:var(--gray-dark);font-size:.75rem;font-weight:500}.col-transporteur{display:flex;flex-direction:column;gap:.5rem}.transporteur-nom{font-weight:600;color:var(--gray-darker);font-size:.9rem}.adresse-livraison{font-size:.8rem;color:var(--gray-dark);line-height:1.3}.col-dates{display:flex;flex-direction:column;gap:.75rem}.date-info{display:flex;flex-direction:column;gap:.25rem}.date-label{font-size:.75rem;color:var(--gray-dark);font-weight:500}.date-value{font-weight:600;color:var(--gray-darker);font-size:.8rem}.col-poids{display:flex;flex-direction:column;gap:.5rem;text-align:center}.poids-value,.volume-value{font-weight:600;color:var(--gray-darker);font-size:.9rem;padding:.25rem 0}.col-frais{display:flex;align-items:center;justify-content:center}.frais-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);padding:.75rem 1rem;border-radius:12px;font-weight:700;font-size:.85rem;text-align:center;min-width:80px;display:block}.col-statut{display:flex;align-items:center;justify-content:center}.statut-select{padding:.75rem 1rem;border:none;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;width:100%;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;min-height:44px;appearance:none;-webkit-appearance:none}.statut-select:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.col-actions{display:flex;gap:.75rem;justify-content:center;align-items:center}.btn-action{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;position:relative;overflow:hidden}.btn-action: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 .6s ease}.btn-action:hover:before{left:100%}.btn-action.view{background:linear-gradient(135deg,#4facfe,#00f2fe);color:var(--white)}.btn-action.edit{background:linear-gradient(135deg,var(--gold-primary),#FFD700);color:var(--black)}.btn-action.delete{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--white)}.btn-action:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 12px #0003}.details-row{background:linear-gradient(135deg,#f8fafc,#f7fafc);border-top:1px solid var(--gray-medium);position:relative}.details-row:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--gradient-gold)}.details-content{padding:2rem;animation:slideDown .4s ease}.details-section h4{font-size:1rem;font-weight:700;color:var(--gray-darker);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--gold-primary);display:inline-block}.commandes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.commande-item{display:grid;grid-template-columns:120px 1fr 100px 100px 60px;gap:1.5rem;padding:1.25rem;background:var(--white);border-radius:12px;border:1px solid var(--gray-medium);font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;align-items:center}.commande-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a;border-color:var(--gold-primary)}.commande-numero{font-weight:600;color:var(--gray-darker)}.commande-client{color:var(--gray-dark)}.commande-date,.commande-montant{color:var(--gray-dark);text-align:right;font-weight:500}.commande-statut{text-align:center;font-size:1.25rem}.lignes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.ligne-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--white);border-radius:12px;border:1px solid var(--gray-medium);transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.ligne-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a;border-color:var(--gold-primary)}.ligne-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.produit-nom{font-weight:600;color:var(--gray-darker)}.produit-reference{font-size:.75rem;color:var(--gray-dark);background:var(--gray-light);padding:.25rem .5rem;border-radius:6px;display:inline-block;width:fit-content}.ligne-details{display:flex;gap:1.5rem;align-items:center}.ligne-details span{font-size:.875rem;color:var(--gray-dark);font-weight:500}.statut-ligne{padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--white);border-radius:12px;border:1px solid var(--gray-medium);transition:all .3s ease}.detail-item:hover{border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.detail-label{color:var(--gray-dark);font-weight:600;font-size:.875rem}.detail-value{font-weight:500;color:var(--gray-darker);font-size:.875rem;line-height:1.4}.actions-details{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.btn-small{padding:.75rem 1.5rem;font-size:.875rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.table-empty{padding:4rem 2rem;text-align:center;color:var(--gray-dark);background:var(--white)}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.3;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.table-empty h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--gray-darker);font-weight:600}.table-empty p{font-size:1rem;opacity:.7}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--gray-light);border-top:1px solid var(--gray-medium)}.pagination-info{font-size:.875rem;color:var(--gray-dark);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-buttons{display:flex;gap:.5rem}.btn-pagination{padding:.75rem 1rem;border:1px solid var(--gray-medium);background:var(--white);color:var(--gray-darker);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;min-width:40px;display:flex;align-items:center;justify-content:center}.btn-pagination:hover:not(:disabled){background:var(--gold-primary);color:var(--black);border-color:var(--gold-primary);transform:translateY(-1px)}.btn-pagination.active{background:var(--gradient-gold);color:var(--black);border-color:var(--gold-primary);box-shadow:0 2px 8px #d4af374d}.btn-pagination:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-select{padding:.75rem;border:1px solid var(--gray-medium);border-radius:8px;background:var(--white);color:var(--gray-darker);font-size:.875rem;cursor:pointer;appearance:none;-webkit-appearance:none}.pagination-ellipsis{padding:.75rem .5rem;color:var(--gray-dark)}@media(max-width:1400px){.shipments-table .table-row{grid-template-columns:50px 50px minmax(140px,1fr) minmax(180px,1.2fr) minmax(160px,.9fr) minmax(110px,.7fr) minmax(90px,.7fr) minmax(130px,.9fr) minmax(120px,.9fr);gap:1.25rem;padding:1rem 1.25rem}}@media(max-width:1200px){.shipments-table{border-radius:12px}.shipments-table .table-row{grid-template-columns:45px 45px minmax(130px,1fr) minmax(160px,1fr) minmax(140px,.8fr) minmax(100px,.6fr) minmax(80px,.6fr) minmax(120px,.8fr) minmax(110px,.8fr);gap:1rem;padding:.875rem 1rem}}@media(max-width:1024px){.shipments-table{overflow-x:auto;border-radius:10px}.shipments-table .table-row{grid-template-columns:40px 40px 140px 180px 150px 100px 90px 130px 120px;min-width:1100px;gap:.875rem}.pagination{flex-direction:column;gap:1rem;text-align:center;padding:1.25rem}}@media(max-width:768px){.shipments-table .table-row{grid-template-columns:35px 35px 130px 160px 140px 90px 80px 120px 110px;min-width:1000px;gap:.75rem;padding:.75rem}.btn-action{width:36px;height:36px;font-size:.9rem}.statut-select{padding:.625rem .75rem;font-size:.75rem}.commande-item{grid-template-columns:1fr;gap:.75rem;text-align:center}.ligne-item{flex-direction:column;gap:1rem;text-align:center}.ligne-details{flex-direction:column;gap:.5rem}.details-grid{grid-template-columns:1fr}.actions-details{justify-content:center}.details-content{padding:1.5rem}}@media(max-width:480px){.shipments-table .table-row{grid-template-columns:30px 30px 120px 150px 130px 80px 70px 110px 100px;min-width:900px;gap:.5rem;padding:.625rem}.pagination-buttons{flex-wrap:wrap;justify-content:center;gap:.375rem}.btn-pagination{padding:.625rem .75rem;min-width:36px;font-size:.8rem}.pagination,.details-content{padding:1rem}}.filtres-shipments{background:linear-gradient(135deg,var(--white) 0%,#f8fafc 100%);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border:1px solid var(--gray-medium);margin-bottom:2rem;position:relative;overflow:hidden}.filtres-shipments:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.filtres-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.filter-icon{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.header-title h3{font-size:1.5rem;font-weight:700;color:var(--gray-darker);margin:0}.filtres-count{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}.header-subtitle{color:var(--gray-dark);font-size:.875rem;margin:0;opacity:.8}.header-actions{display:flex;gap:.75rem;align-items:center}.btn-reset,.btn-avance{padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-reset{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--gray-dark);border:1px solid var(--gray-medium)}.btn-reset:hover{background:linear-gradient(135deg,#f8d7da,#ffcdd2);color:#dc3545;border-color:#f5c6cb;transform:translateY(-2px);box-shadow:0 4px 12px #dc354533}.btn-avance{background:linear-gradient(135deg,var(--gray-light),var(--gray-medium));color:var(--gray-darker)}.btn-avance.active,.btn-avance:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.filtres-rapides{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0f4ff,#f8fafc);border-radius:16px;border:1px solid rgba(102,126,234,.2)}.filtres-rapides h4{font-size:1.125rem;font-weight:600;color:var(--gray-darker);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.quick-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.quick-filter-btn{padding:1rem 1.25rem;border:1px solid var(--gray-medium);background:var(--white);border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-align:left}.quick-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.quick-filter-btn.periode:hover{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#667eea}.quick-filter-btn.statut:hover{background:linear-gradient(135deg,#f0f4ff,#e8f5e8);border-color:#66bb6a}.quick-icon{font-size:1.25rem}.filtres-principaux{space-y:1.5rem}.filtres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.filtre-group{display:flex;flex-direction:column;gap:.75rem}.filtre-group.double{grid-column:1 / -1}.filtre-label{font-size:.875rem;font-weight:600;color:var(--gray-darker);display:flex;align-items:center;gap:.5rem}.label-icon{font-size:1rem;opacity:.7}.input-wrapper{position:relative;display:flex;align-items:center}.filtre-input,.filtre-select{padding:1rem 1.25rem;border:2px solid var(--gray-medium);border-radius:12px;font-size:.875rem;transition:all .3s ease;background:var(--white);width:100%;font-family:inherit}.filtre-input:focus,.filtre-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.clear-input{position:absolute;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--gray-dark);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-input:hover{background:var(--gray-light);color:var(--gray-darker)}.statut-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.statut-btn{padding:.75rem 1rem;border:1px solid var(--gray-medium);background:var(--white);border-radius:10px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;flex:1;min-width:100px}.statut-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.statut-btn.active.preparation{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-color:#ffeaa7}.statut-btn.active.transit{background:linear-gradient(135deg,#cce5ff,#9cf);color:#004085;border-color:#9cf}.statut-btn.active.livre{background:linear-gradient(135deg,#d4edda,#c8e6c9);color:#155724;border-color:#c8e6c9}.filtres-avances{background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:16px;padding:2rem;border:1px solid rgba(102,126,234,.2);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.avances-header{margin-bottom:1.5rem}.avances-header h5{font-size:1.125rem;font-weight:600;color:var(--gray-darker);margin:0 0 .25rem}.avances-subtitle{font-size:.875rem;color:var(--gray-dark);opacity:.8}.avances-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.date-range,.poids-range{display:flex;align-items:center;gap:1rem}.date-input,.poids-input{flex:1}.date-separator,.poids-separator{color:var(--gray-dark);font-weight:500;font-size:.875rem}.active-filters{background:linear-gradient(135deg,#fff3e0,#fff8e1);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,183,77,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.active-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.active-title{font-size:1rem;font-weight:600;color:var(--gray-darker)}.active-count{background:#667eea;color:var(--white);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700}.filters-tags{display:flex;gap:.75rem;flex-wrap:wrap}.filter-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--white),#f8f9fa);padding:.75rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid var(--gray-medium);box-shadow:0 2px 8px #0000000d;transition:all .3s ease;animation:tagAppear .3s ease}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.tag-icon{font-size:.875rem;opacity:.7}.tag-remove{background:none;border:none;cursor:pointer;font-size:1.125rem;color:var(--gray-dark);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tag-remove:hover{background:var(--gray-light);color:#dc3545;transform:scale(1.1)}@media(max-width:1024px){.filtres-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.avances-grid{grid-template-columns:1fr}}@media(max-width:768px){.filtres-shipments{padding:1.5rem}.filtres-header{flex-direction:column;gap:1rem;text-align:center}.header-title{justify-content:center}.header-actions{width:100%;justify-content:center}.quick-filters-grid,.filtres-grid{grid-template-columns:1fr}.date-range,.poids-range{flex-direction:column;gap:.5rem}.date-separator,.poids-separator{display:none}.statut-buttons{flex-direction:column}}@media(max-width:480px){.filtres-shipments{padding:1rem;border-radius:16px}.filter-icon{width:40px;height:40px;font-size:1.25rem}.header-title h3{font-size:1.25rem}.btn-reset,.btn-avance{padding:.625rem 1rem;font-size:.75rem}.filtres-rapides{padding:1rem}.filtres-avances{padding:1.5rem}.active-filters{padding:1rem}.filters-tags{flex-direction:column}.filter-tag{width:100%;justify-content:space-between}}.ms-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:ms-fadeIn .3s ease}.ms-modal-commande{background:var(--white);border-radius:20px;box-shadow:var(--shadow-xl);width:100%;max-width:80vw;max-height:90vh;overflow-y:auto;animation:ms-slideInUp .4s ease;border:1px solid var(--gray-medium)}@keyframes ms-slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ms-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--gray-medium);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.ms-modal-header .ms-header-content{flex:1}.ms-modal-header h2{font-size:1.75rem;font-weight:800;color:var(--gray-darker);margin:0 0 1.5rem;background:linear-gradient(135deg,var(--gray-darker),var(--gold-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ms-etapes{display:flex;gap:2rem;align-items:center}.ms-etape{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;background:var(--white);border:2px solid var(--gray-medium);transition:all .3s ease}.ms-etape.ms-active{background:var(--gradient-gold);border-color:var(--gold-primary);box-shadow:0 4px 12px #d4af374d}.ms-etape-numero{width:28px;height:28px;border-radius:50%;background:var(--gray-medium);color:var(--gray-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:all .3s ease}.ms-etape.ms-active .ms-etape-numero{background:var(--black);color:var(--gold-light)}.ms-etape-label{font-weight:600;color:var(--gray-dark);font-size:.875rem}.ms-etape.ms-active .ms-etape-label{color:var(--black)}.ms-btn-close{background:var(--white);border:2px solid var(--gray-medium);font-size:1.5rem;cursor:pointer;color:var(--gray-dark);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:300}.ms-btn-close:hover{background:var(--error);border-color:var(--error);color:var(--white);transform:rotate(90deg)}.ms-modal-form{padding:2rem}.ms-form-section{margin-bottom:2rem;animation:ms-fadeIn .4s ease}.ms-form-section h3{font-size:1.375rem;font-weight:700;color:var(--gray-darker);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gold-primary)}.ms-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ms-form-group{display:flex;flex-direction:column;gap:.75rem}.ms-form-group.ms-full-width{grid-column:1 / -1}.ms-form-group label{font-size:.875rem;font-weight:600;color:var(--gray-darker)}.ms-select-large,.ms-input-large,.ms-textarea-large{padding:1rem 1.25rem;border:2px solid var(--gray-medium);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--white);font-family:inherit}.ms-select-large:focus,.ms-input-large:focus,.ms-textarea-large:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 4px #d4af371a;transform:translateY(-1px)}.ms-select-medium,.ms-input-medium,.ms-textarea-medium{padding:1rem 1.25rem;border:2px solid var(--gray-medium);border-radius:12px;max-width:33%;font-size:1rem;transition:all .3s ease;background:var(--white);font-family:inherit}.ms-select-medium:focus,.ms-input-medium:focus,.ms-textarea-medium:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 4px #d4af371a;transform:translateY(-1px)}.ms-fournisseur-info-card{grid-column:1 / -1;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid var(--gray-medium);border-radius:16px;padding:1.5rem;margin-top:.5rem}.ms-info-header h4{font-size:1.125rem;font-weight:700;color:var(--gray-darker);margin-bottom:1rem}.ms-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ms-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--white);border-radius:8px;border:1px solid var(--gray-light)}.ms-info-label{font-size:.875rem;color:var(--gray-dark);font-weight:500}.ms-info-value{font-size:.875rem;font-weight:600;color:var(--gray-darker)}.ms-info-value.ms-highlight{color:var(--gold-primary);font-weight:700}.ms-modal-selection-container{display:grid;gap:2rem;height:60vh;overflow:hidden}.ms-modal-catalogue-produits{background:var(--white);border:2px solid var(--gray-light);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.ms-modal-catalogue-header{padding:1.5rem;background:var(--gray-light);border-bottom:1px solid var(--gray-medium);display:flex;justify-content:space-between;align-items:center}.ms-modal-catalogue-header h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--gray-darker)}.ms-catalogue-filters{display:flex;gap:1rem;align-items:center}.ms-modal-search-input{padding:.75rem 1rem;border:1px solid var(--gray-medium);border-radius:8px;width:300px;font-size:.875rem}.ms-modal-produits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.ms-modal-produit-card{background:var(--white);border:1px solid var(--gray-light);border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.ms-modal-produit-card:hover{border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.ms-modal-produit-image{width:100%;height:200px;border-radius:8px;overflow:hidden}.ms-modal-produit-image img{width:100%;height:100%;object-fit:contain}.ms-modal-produit-info{flex:1}.ms-modal-produit-nom{font-size:1.125rem;font-weight:700;color:var(--gray-darker);margin-bottom:.5rem;line-height:1.3}.ms-modal-produit-description{font-size:.875rem;color:var(--gray-dark);margin-bottom:1rem;line-height:1.4}.ms-modal-produit-prix{font-size:1.25rem;font-weight:700;color:var(--gold-primary);margin-bottom:.5rem}.ms-modal-produit-stock{font-size:.75rem;color:var(--gray-dark)}.ms-modal-produit-actions{display:flex;gap:.75rem}.ms-modal-btn-details{padding:.75rem 1rem;background:var(--gray-light);border:1px solid var(--gray-medium);border-radius:8px;color:var(--gray-dark);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;flex:1}.ms-modal-btn-details:hover{background:var(--gray-medium);color:var(--gray-darker)}.ms-modal-btn-ajouter{padding:.75rem 1rem;background:var(--gradient-gold);border:none;border-radius:8px;color:var(--black);cursor:pointer;font-size:.875rem;font-weight:700;transition:all .2s ease;flex:1}.ms-modal-btn-ajouter:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.ms-modal-btn-ajouter:disabled{background:var(--gray-medium);color:var(--gray-dark);cursor:not-allowed;transform:none}.ms-modal-produits-selectionnes-panel{background:var(--white);border:2px solid var(--gray-light);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.ms-modal-panel-header{padding:1.5rem;background:var(--gray-light);border-bottom:1px solid var(--gray-medium);display:flex;justify-content:space-between;align-items:center}.ms-modal-panel-header h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--gray-darker)}.ms-modal-sous-total-preview{font-size:1.125rem;font-weight:700;color:var(--gold-primary)}.ms-modal-selection-table{flex:1;overflow-y:auto}.ms-modal-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 80px;gap:1rem;padding:1rem 1.5rem;background:var(--gray-light);font-weight:600;color:var(--gray-darker);font-size:.875rem;border-bottom:1px solid var(--gray-medium)}.ms-modal-table-header2{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 80px;gap:1rem;padding:1rem 1.5rem;background:var(--gray-light);font-weight:600;color:var(--gray-darker);font-size:.875rem;border-bottom:1px solid var(--gray-medium)}.ms-modal-table-body{padding:.5rem}.ms-modal-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:1rem;padding:1rem;align-items:center;border-bottom:1px solid var(--gray-light);transition:all .2s ease}.ms-modal-table-row2{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 80px;gap:1rem;padding:1rem;align-items:center;border-bottom:1px solid var(--gray-light);transition:all .2s ease}.ms-modal-table-row:hover{background:var(--gray-light)}.ms-modal-table-row:last-child{border-bottom:none}.ms-modal-col-produit .ms-modal-produit-mini-info{display:flex;flex-direction:column;gap:.25rem}.ms-modal-col-produit strong{font-size:.875rem;color:var(--gray-darker)}.ms-modal-col-produit span{font-size:.75rem;color:var(--gray-dark)}.ms-modal-quantite-controls{display:flex;align-items:center;gap:.5rem}.ms-modal-btn-quantite{width:32px;height:32px;border:1px solid var(--gray-medium);background:var(--white);border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ms-modal-btn-quantite:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.ms-modal-quantite-value{font-weight:700;min-width:30px;text-align:center}.ms-modal-carton-select{padding:.5rem;border:1px solid var(--gray-medium);border-radius:6px;font-size:.875rem;width:100%;background:var(--white)}.ms-modal-col-prix{font-weight:700;color:var(--gold-primary);text-align:right}.ms-modal-col-actions{display:flex;gap:.25rem;justify-content:center}.ms-modal-btn-action{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem}.ms-modal-btn-action.ms-view{background:#4a90e21a;color:#4a90e2}.ms-modal-btn-action.ms-delete{background:#f565651a;color:var(--error)}.ms-modal-btn-action:hover{transform:scale(1.1)}.ms-modal-empty-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--gray-dark);text-align:center}.ms-modal-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.ms-collapsible-section{overflow:hidden;transition:max-height .5s ease-in-out;will-change:max-height}.ms-collapsible-section.ms-collapsed{max-height:0}.ms-collapsible-section.ms-expanded{max-height:1500px}.ms-modal-view-toggle{display:flex;background:var(--gray-light);border-radius:8px;padding:.25rem;border:1px solid var(--gray-medium)}.ms-modal-view-btn{background:none;border:none;padding:.5rem .75rem;cursor:pointer;border-radius:6px;font-size:1rem;transition:all .2s ease;line-height:1}.ms-modal-view-btn:hover{background:var(--gray-medium)}.ms-modal-view-btn.ms-active{background:var(--white);color:var(--gold-primary);box-shadow:0 2px 5px #0000001a}.ms-modal-produits-list-wrapper{flex:1;overflow-y:auto;padding:1.5rem;background:#f8fafc;border:1px solid var(--gray-light);border-radius:8px}.ms-section-header-with-action{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.ms-section-header-with-action .ms-section-divider{margin-bottom:0;flex:1}.ms-btn-link{background:none;border:none;color:var(--gold-primary);font-weight:600;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;text-decoration:underline}.ms-btn-link:hover{background:#d4af371a;color:var(--gold-dark)}.ms-recap-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.ms-recap-card{background:var(--white);border:2px solid var(--gray-light);border-radius:16px;padding:1.5rem}.ms-recap-card.ms-large{grid-column:1 / -1}.ms-recap-card h4{font-size:1.125rem;font-weight:700;color:var(--gray-darker);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-light)}.ms-recap-info{display:flex;flex-direction:column;gap:.75rem}.ms-recap-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-light);border-radius:8px}.ms-recap-financier{display:flex;flex-direction:column;gap:.75rem}.ms-recap-ligne{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-light)}.ms-recap-ligne:last-child{border-bottom:none}.ms-recap-ligne.ms-total{font-weight:700;font-size:1.125rem;color:var(--gold-primary);padding-top:1rem;border-top:2px solid var(--gold-primary)}.ms-modal-actions{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--gray-medium)}.ms-actions-left,.ms-actions-right{display:flex;gap:1rem}.ms-btn{padding:1rem 2rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.ms-btn-outline{background:var(--white);border:2px solid var(--gray-medium);color:var(--gray-dark)}.ms-btn-outline:hover{border-color:var(--gold-primary);color:var(--gold-primary);transform:translateY(-1px)}.ms-btn-primary{background:var(--gradient-gold);color:var(--black);box-shadow:0 4px 12px #d4af374d}.ms-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.ms-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ms-btn-success{background:linear-gradient(135deg,#48bb78,#38a169);color:var(--white);box-shadow:0 4px 12px #48bb784d}.ms-btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.ms-btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:var(--white);box-shadow:0 4px 12px #f565654d}.ms-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5656566}.ms-modal-produits-table{width:100%;border:1px solid var(--gray-medium);border-radius:12px;overflow:hidden;background:var(--white)}.ms-modal-produit-table-header,.ms-modal-produit-table-row{display:grid;grid-template-columns:80px 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 50px;gap:1rem;align-items:center;padding:1rem}.ms-modal-produit-table-header{background:var(--gray-light);font-weight:600;color:var(--gray-darker);font-size:.75rem;text-transform:uppercase;border-bottom:2px solid var(--gray-medium)}.ms-modal-produit-table-row{border-bottom:1px solid var(--gray-light);transition:background-color .2s ease}.ms-modal-produit-table-row:hover{background-color:#f8fafc}.ms-modal-produit-table-row:last-child{border-bottom:none}.ms-modal-produit-table-col{display:flex;flex-direction:column;justify-content:center;min-width:0}.ms-modal-produit-table-col.ms-image img{width:100px;object-fit:contain;border-radius:8px}.ms-modal-produit-nom-table{font-size:.875rem;font-weight:700;color:var(--gray-darker);margin-bottom:.25rem}.ms-modal-produit-categorie-table{font-size:.75rem;color:var(--gray-dark)}.ms-modal-produit-description-table{font-size:.875rem;color:var(--gray-dark);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ms-modal-produit-table-col.ms-actions{flex-direction:row;gap:.5rem;justify-content:flex-end}.ms-modal-btn-details.ms-small,.ms-modal-btn-ajouter.ms-small{padding:.5rem;flex:0 0 40px;width:40px;height:40px;font-size:.75rem;text-align:center;align-items:center;justify-content:center}.ms-modal-btn-details.ms-small,.ms-modal-btn-ajouter.ms-small{font-size:1rem}.ms-modal-detail-overlay{background:#000c;align-items:center;justify-content:center;padding:2rem}.ms-modal-detail-produit{background:var(--white);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:ms-slideInUp .3s ease}.ms-modal-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.ms-modal-detail-images img{width:100%;height:400px;object-fit:contain;border-radius:12px}.ms-modal-detail-info h4{font-size:1.5rem;font-weight:700;color:var(--gray-darker);margin-bottom:.5rem}.ms-modal-detail-categorie{font-size:.875rem;color:var(--gray-dark);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.ms-modal-detail-prix{font-size:1.75rem;font-weight:700;color:var(--gold-primary);margin-bottom:2rem}.ms-modal-detail-description h5,.ms-modal-detail-caracteristiques h5,.ms-modal-detail-couleurs h5,.ms-modal-detail-tailles h5{font-size:1.125rem;font-weight:600;color:var(--gray-darker);margin-bottom:.75rem}.ms-modal-detail-description p{line-height:1.6;color:var(--gray-dark);margin-bottom:1.5rem}.ms-modal-detail-caracteristiques ul{list-style:none;padding:0;margin-bottom:1.5rem}.ms-modal-detail-caracteristiques li{padding:.5rem 0;border-bottom:1px solid var(--gray-light);color:var(--gray-dark)}.ms-modal-detail-caracteristiques li:last-child{border-bottom:none}.ms-modal-couleurs-list,.ms-modal-tailles-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.ms-modal-couleur-tag,.ms-modal-taille-tag{padding:.5rem 1rem;background:var(--gray-light);border-radius:20px;font-size:.875rem;color:var(--gray-darker);border:1px solid var(--gray-medium)}.ms-modal-confirm-overlay{background:#0009;align-items:center;justify-content:center;padding:2rem}.ms-modal-confirm{background:var(--white);border-radius:16px;width:100%;max-width:400px;animation:ms-slideInUp .2s ease}.ms-modal-confirm-content{padding:2rem;text-align:center}.ms-modal-confirm-content p{font-size:1.125rem;color:var(--gray-darker);margin-bottom:1rem}.ms-modal-produit-a-supprimer{background:var(--gray-light);padding:1rem;border-radius:8px;font-weight:600;color:var(--gray-darker)}.ms-modal-produits-recap{display:flex;flex-direction:column;gap:.75rem}.ms-modal-produit-recap-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-light);border-radius:8px}.ms-modal-produit-recap-item .ms-modal-produit-nom{font-weight:600;color:var(--gray-darker);flex:1}.ms-modal-produit-recap-item .ms-modal-produit-details{font-size:.875rem;color:var(--gray-dark);margin:0 1rem}.ms-modal-produit-recap-item .ms-modal-produit-total{font-weight:700;color:var(--gold-primary)}.ms-modal-alert{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;z-index:10001;box-shadow:0 4px 12px #00000026}.ms-modal-alert.ms-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.ms-modal-alert.ms-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.ms-close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;margin-left:.5rem}@media(max-width:768px){.ms-modal-commande{margin:1rem;max-height:95vh}.ms-modal-form{padding:1.5rem}.ms-modal-header{padding:1.5rem;flex-direction:column;gap:1rem}.ms-etapes{flex-direction:column;gap:.75rem;width:100%}.ms-etape{width:100%;justify-content:center}.ms-form-grid,.ms-recap-grid{grid-template-columns:1fr}.ms-modal-actions{flex-direction:column;gap:1rem}.ms-actions-left,.ms-actions-right{width:100%;justify-content:center}.ms-modal-detail-content{grid-template-columns:1fr}.ms-catalogue-filters{flex-direction:column;align-items:stretch}.ms-modal-search-input{width:100%}}@media(max-width:480px){.ms-modal-form{padding:1rem}.ms-modal-produits-grid{grid-template-columns:1fr}.ms-modal-produit-card{padding:1rem}}.ms-modal-filters{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.ms-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.ms-filter-group label{font-size:.875rem;font-weight:600;color:#374151}.ms-filter-select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:.875rem}.ms-modal-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex-wrap:wrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ms-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px;flex:1}.ms-filter-group label{font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.ms-filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:linear-gradient(to bottom,#fff,#fafbfc);font-size:.9rem;color:#334155;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;box-shadow:0 1px 2px #0000000d;position:relative}.ms-filter-select:hover{border-color:#cbd5e1;background:linear-gradient(to bottom,#fafbfc,#f8fafc);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.ms-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#fff}.ms-filter-select option{padding:.75rem;background:#fff;color:#334155;font-size:.9rem;border-bottom:1px solid #f1f5f9}.ms-filter-select option:hover{background:#3b82f6;color:#fff}.ms-filter-select option:checked{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600}@media(max-width:768px){.ms-modal-filters{gap:1rem;padding:1rem}.ms-filter-group{min-width:100%}}@media(prefers-color-scheme:dark){.ms-modal-filters{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.ms-filter-group label{color:#cbd5e1}.ms-filter-select{background:linear-gradient(to bottom,#334155,#1e293b);border-color:#475569;color:#e2e8f0}.ms-filter-select:hover{background:linear-gradient(to bottom,#475569,#334155);border-color:#64748b}.ms-filter-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a,0 4px 6px -1px #0000004d}}.ms-filter-select{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ms-filter-select::-webkit-scrollbar{width:8px}.ms-filter-select::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ms-filter-select::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ms-filter-select::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box}.ms-modal-filters{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap;margin:0}.ms-filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px;flex:1;position:relative;margin:0}.ms-filter-group-with-count{padding-right:40px}.ms-filter-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:600;color:#344054;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;padding:0;display:block;line-height:1.4}.ms-filter-select{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;width:100%;display:block;padding:11px 36px 11px 12px;color:#1d2939;background-color:#fff;border:2px solid #d0d5dd;border-radius:6px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out;font-weight:500;user-select:none;-webkit-user-select:none}.ms-filter-select::-ms-expand{display:none}.ms-filter-select:hover{border-color:#98a2b3;background-color:#fafbfc}.ms-filter-select:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb1f}.ms-modal-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%);border:2px solid var(--gray-light);border-radius:16px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;align-items:end;position:relative;overflow:hidden}.ms-modal-filters:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--slate-300),var(--slate-200),var(--slate-300))}.ms-filter-group{display:flex;flex-direction:column;gap:.75rem;min-width:200px;flex:1;position:relative}.ms-filter-group label{font-size:.8rem;font-weight:700;color:var(--gray-darker);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.ms-filter-select{padding:.875rem 1rem;border:2px solid var(--gray-medium);border-radius:10px;background:linear-gradient(to bottom,#ffffff 0%,var(--slate-50) 100%);font-size:.9rem;color:var(--gray-darker);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);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='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;font-weight:600;box-shadow:0 2px 8px #0000000d}.ms-filter-select:hover{border-color:var(--slate-400);background:linear-gradient(to bottom,#ffffff 0%,var(--slate-100) 100%);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.ms-filter-select:focus{outline:none;border-color:var(--slate-500);box-shadow:0 0 0 3px #64748b26,0 4px 12px #0000001a;background:#fff}.ms-filter-select.ms-filter-applied{border-color:var(--slate-500);background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-200) 100%);color:var(--gray-darker);box-shadow:0 4px 15px #0000001a}.ms-filter-select.ms-filter-applied:hover{background:linear-gradient(135deg,var(--slate-200) 0%,var(--slate-300) 100%)}.ms-clear-filters-btn{padding:.875rem 1.5rem;border:2px solid var(--gray-medium);border-radius:10px;background:linear-gradient(to bottom,#ffffff 0%,var(--slate-50) 100%);color:var(--gray-darker);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;height:fit-content;display:flex;align-items:center;gap:.5rem}.ms-clear-filters-btn:hover{background:linear-gradient(to bottom,var(--slate-100) 0%,var(--slate-200) 100%);border-color:var(--slate-400);color:var(--gray-darker);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ms-filter-results-summary{grid-column:1 / -1;padding:1rem;background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-200) 100%);border:1px solid var(--slate-300);border-radius:10px;font-size:.875rem;color:var(--gray-darker);font-weight:600;text-align:center;margin-top:.5rem}@media(max-width:1024px){.ms-modal-filters{gap:1rem}.ms-filter-group{min-width:180px}}@media(max-width:768px){.ms-modal-filters{flex-direction:column;gap:1rem;padding:1.25rem}.ms-filter-group{min-width:100%}.ms-clear-filters-btn{width:100%;justify-content:center}}.ms-filter-select option{padding:.75rem;background:#fff;color:var(--gray-darker);font-weight:500;border-bottom:1px solid var(--slate-100)}.ms-filter-select option:checked{background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-200) 100%);color:var(--gray-darker);font-weight:700}.ms-filter-select option:hover{background:var(--slate-100)}.ms-filter-select:disabled{opacity:.6;cursor:not-allowed;background:var(--slate-100)}.ms-quantity-input{width:60px;padding:2px 5px;border:1px solid #ccc;border-radius:3px;text-align:center}.editable-quantity{cursor:pointer;padding:2px 5px;border-radius:3px;transition:background-color .2s;display:inline-block;min-width:20px}.editable-quantity:hover{background-color:#f0f0f0}:root{--primary-blue: #3b82f6;--primary-blue-hover: #2563eb;--primary-blue-light: #dbeafe;--success-green: #10b981;--success-green-light: #d1fae5;--warning-amber: #f59e0b;--warning-amber-light: #fef3c7;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--red-500: #ef4444;--red-600: #dc2626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.order-selection-container{max-width:1280px;margin:0 auto;width:100%}.premium-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%);border-radius:var(--radius-lg);border:1px solid var(--slate-200);cursor:pointer;transition:all var(--transition-normal)}.premium-header:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-left{display:flex;align-items:center;gap:1rem}.header-icon-wrapper{padding:.75rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);transition:transform var(--transition-normal)}.premium-header:hover .header-icon-wrapper{transform:scale(1.1)}.header-icon{width:24px;height:24px;color:var(--slate-700);stroke-width:2}.header-text{display:flex;flex-direction:column;gap:.25rem}.header-title{font-size:1.25rem;font-weight:600;color:var(--slate-800);margin:0}.header-subtitle{font-size:.875rem;color:var(--slate-500);margin:0}.header-right{display:flex;align-items:center;gap:1rem}.total-display{text-align:right;margin-right:1rem;padding:.5rem 1rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--slate-200)}.total-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);margin:0 0 .25rem}.total-amount{font-size:1.125rem;font-weight:700;color:var(--slate-800);margin:0}.chevron-icon{width:24px;height:24px;color:var(--slate-400);transition:transform var(--transition-normal);stroke-width:2}.chevron-icon.is-open{transform:rotate(180deg)}.collapsible-content{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-normal)}.collapsible-content.is-open{max-height:2000px;opacity:1}.content-inner{padding-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.add-order-premium{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow var(--transition-normal)}.add-order-premium:hover{box-shadow:var(--shadow-md)}.premium-label{display:block;font-size:.875rem;font-weight:600;color:var(--slate-700);margin-bottom:.75rem}.search-add-wrapper{display:flex;gap:.75rem;flex-wrap:wrap;align-items:stretch}.search-input-wrapper{position:relative;flex:1;min-width:200px}.premium-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--slate-300);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast);box-sizing:border-box}.premium-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--slate-400);pointer-events:none;stroke-width:2}.premium-select{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid var(--slate-300);border-radius:var(--radius-md);font-size:.875rem;background:#fff;cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box}.premium-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.premium-add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-blue);color:#fff;font-weight:600;font-size:.875rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm)}.premium-add-button:hover:not(:disabled){background:var(--primary-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.premium-add-button:active:not(:disabled){transform:translateY(0)}.premium-add-button:disabled{background:var(--slate-300);cursor:not-allowed;opacity:.6}.button-icon{width:18px;height:18px;stroke-width:2.5}.empty-state{text-align:center;padding:3rem 2rem;border:2px dashed var(--slate-300);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--slate-50) 0%,white 100%)}.empty-icon{width:64px;height:64px;color:var(--slate-300);margin:0 auto 1rem;stroke-width:1.5}.empty-text{font-size:1.125rem;font-weight:600;color:var(--slate-700);margin:0 0 .5rem}.empty-subtext{font-size:.875rem;color:var(--slate-500);margin:0}.premium-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-order-card{position:relative;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.premium-order-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-blue)}.card-remove-btn{position:absolute;top:.75rem;right:.75rem;padding:.375rem;background:var(--slate-100);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);opacity:0}.premium-order-card:hover .card-remove-btn{opacity:1}.card-remove-btn:hover{background:var(--red-500);color:#fff;transform:rotate(90deg)}.remove-icon{width:16px;height:16px;display:block}.card-header-premium{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.card-order-number{font-size:1.25rem;font-weight:700;color:var(--slate-900);margin:0;letter-spacing:-.01em}.status-badge-premium{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--radius-full);border:1px solid;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em}.status-icon{font-size:.875rem}.status-badge-premium.status-shipped{background:var(--primary-blue-light);color:var(--primary-blue-hover);border-color:var(--primary-blue)}.status-badge-premium.status-processing{background:var(--warning-amber-light);color:#b45309;border-color:var(--warning-amber)}.status-badge-premium.status-delivered{background:var(--success-green-light);color:#047857;border-color:var(--success-green)}.status-badge-premium.status-pending{background:var(--slate-100);color:var(--slate-700);border-color:var(--slate-300)}.card-customer{font-size:.875rem;color:var(--slate-600);margin:0 0 1rem;font-weight:500}.card-meta{display:flex;gap:1rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid var(--slate-100)}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--slate-500)}.meta-icon{width:14px;height:14px;stroke-width:2}.card-amount{font-size:1.5rem;font-weight:700;color:var(--primary-blue);text-align:right;margin-top:.5rem;padding-top:.75rem;border-top:2px solid var(--slate-100)}@media(max-width:768px){.premium-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%;justify-content:space-between}.search-add-wrapper{flex-direction:column}.search-input-wrapper,.premium-select{min-width:100%}.premium-cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.premium-header{padding:1rem}.header-title{font-size:1.125rem}.add-order-premium,.premium-order-card{padding:1rem}}.sticky-card{position:absolute;top:50px;right:20px;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e1e5e9;transition:all .3s ease;max-width:200px;margin:1rem}.sticky-card.reduced{max-width:200px;padding:.75rem}.card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:.5rem;border-bottom:1px solid #e1e5e9}.card-header h3{margin:0;font-size:1.1rem;color:#2d3748}.toggle-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.toggle-btn:hover{background-color:#f7fafc}.card-content{margin-top:.75rem;animation:fadeIn .3s ease}.card-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.card-row:last-child{border-bottom:none}.card-row span:first-child{font-weight:600;color:#4a5568}.card-row span:last-child{font-weight:700;color:#2d3748}.items-list{margin-top:1rem;padding-top:.75rem;border-top:2px solid #e2e8f0}.items-list h4{margin:0 0 .5rem;font-size:.9rem;color:#4a5568}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem;border-bottom:1px solid #f7fafc}.item-row:last-child{border-bottom:none}.item-row span:first-child{flex:2;color:#718096}.item-row span:last-child{flex:1;text-align:right;color:#4a5568;font-weight:600}.reduced-content{margin-top:.5rem;animation:fadeIn .3s ease}.reduced-metrics{display:flex;flex-direction:column;gap:.25rem}.metric{font-size:.85rem;font-weight:600;color:#4a5568;text-align:center;padding:.25rem;background:#f7fafc;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sticky-card{position:relative;top:0;max-width:none;margin:.5rem}.sticky-card.reduced{max-width:none}}.modal-confirmation-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.modal-confirmation-content{background:var(--white);border-radius:20px;box-shadow:var(--shadow-2xl);border:1px solid var(--gray-medium);max-width:500px;width:100%;animation:slideDown .3s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-confirmation-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#fff5f5,#f8fafc);position:relative;border-bottom:1px solid var(--gray-medium)}.modal-confirmation-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#f093fb,#f5576c)}.modal-confirmation-header h2{font-size:1.5rem;font-weight:700;color:#dc3545;margin:0;display:flex;align-items:center;gap:.5rem}.confirmation-content{padding:2rem;text-align:center}.warning-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s infinite,shake .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(220,53,69,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(220,53,69,.3))}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.confirmation-message h3{color:var(--gray-darker);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.confirmation-message p{color:var(--gray-dark);margin-bottom:2rem;line-height:1.6}.shipment-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:1.5rem;margin:1.5rem 0;text-align:left;border:1px solid var(--gray-medium);position:relative;overflow:hidden}.shipment-info:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 100%)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.1);position:relative;z-index:1}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--gray-dark);font-size:.875rem}.info-value{font-weight:700;color:var(--gray-darker);font-size:.875rem}.statut-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.statut-badge.preparation{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.statut-badge.transit{background:linear-gradient(135deg,#cce5ff,#9cf);color:#004085}.statut-badge.livre{background:linear-gradient(135deg,#d4edda,#c8e6c9);color:#155724}.statut-badge.annule{background:linear-gradient(135deg,#f8d7da,#ffcdd2);color:#721c24}.details-resume{margin:1.5rem 0;text-align:left}.details-resume h4{color:var(--gray-darker);margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.details-list{space-y:.75rem}.detail-mini{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--white);border:1px solid var(--gray-medium);border-radius:8px;font-size:.875rem}.detail-label{font-weight:500;color:var(--gray-dark)}.detail-value{font-weight:600;color:var(--gray-darker)}.warning-message{background:linear-gradient(135deg,#f8d7da,#ffcdd2);border:1px solid #f5c6cb;border-radius:12px;padding:1.25rem 1.5rem;margin:1.5rem 0;text-align:left;position:relative;overflow:hidden}.warning-message:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#dc3545}.warning-message p{color:#721c24;margin:0;font-weight:600;font-size:.875rem;position:relative;z-index:1}.confirmation-actions{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem;border-top:1px solid var(--gray-medium)}.btn-confirm{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--white);border:none;padding:1rem 2rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-confirm:hover{background:linear-gradient(135deg,#e6687c,#dc3545);transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.btn-cancel{background:var(--gray-light);color:var(--gray-darker);border:1px solid var(--gray-medium);padding:1rem 2rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:var(--gray-medium);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(max-width:768px){.modal-confirmation-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-confirmation-header{padding:1.5rem 1.5rem 1rem}.confirmation-content{padding:1.5rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.confirmation-actions{flex-direction:column}.btn-confirm,.btn-cancel{width:100%;justify-content:center}}@media(max-width:480px){.modal-confirmation-header{flex-direction:column;gap:1rem;text-align:center}.warning-icon{font-size:3rem}.confirmation-message h3{font-size:1.125rem}}.details-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.details-content{background:linear-gradient(135deg,var(--white) 0%,#f8fafc 100%);border-radius:24px;box-shadow:var(--shadow-2xl);border:1px solid var(--gray-medium);max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.details-header{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 2.5rem 1.5rem;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 100%);border-bottom:1px solid rgba(0,0,0,.1);position:relative}.details-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.header-main{display:flex;align-items:center;gap:1.5rem}.header-main h2{font-size:1.75rem;font-weight:800;color:var(--gray-darker);margin:0;background:linear-gradient(135deg,var(--gray-darker),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shipment-numero{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px #667eea4d}.btn-close{background:#0000001a;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-dark);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-close:hover{background:#00000026;color:var(--gray-darker);transform:rotate(90deg) scale(1.1)}.details-body{padding:2rem 2.5rem}.status-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem;background:var(--white);border-radius:16px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.08)}.status-badge{padding:.75rem 1.5rem;border-radius:25px;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--white);box-shadow:0 4px 15px #0003}.tracking-info{display:flex;align-items:center;gap:1rem}.tracking-label{font-weight:600;color:var(--gray-dark);font-size:.875rem}.tracking-value{background:var(--gray-light);padding:.5rem 1rem;border-radius:8px;font-family:Courier New,monospace;font-weight:600;color:var(--gray-darker);border:1px solid var(--gray-medium)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.info-card{background:var(--white);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.1) 100%)}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.info-card h3{font-size:1.125rem;font-weight:700;color:var(--gray-darker);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(102,126,234,.2);display:flex;align-items:center;gap:.5rem}.info-list,.specs-list{space-y:.75rem}.info-item,.spec-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.info-item:last-child,.spec-item:last-child{border-bottom:none}.info-label,.spec-label{font-weight:600;color:var(--gray-dark);font-size:.875rem}.info-value,.spec-value{font-weight:700;color:var(--gray-darker);font-size:.875rem}.address-info{line-height:1.6}.address-info p{margin:.5rem 0}.address-info p:first-child{font-weight:700;color:var(--gray-darker);margin-bottom:.75rem}.section{margin-bottom:2.5rem}.section h3{font-size:1.25rem;font-weight:700;color:var(--gray-darker);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gold-primary);display:inline-block}.commandes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.commande-card{background:var(--white);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;border:1px solid var(--gray-medium);transition:all .3s ease;position:relative;overflow:hidden}.commande-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.commande-card:hover:before{opacity:1}.commande-card:hover{transform:translate(8px);box-shadow:0 4px 15px #667eea26;border-color:#667eea}.commande-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.commande-numero{font-weight:700;color:var(--gray-darker);font-size:.875rem}.commande-statut{font-size:1.25rem}.commande-client{font-weight:600;color:var(--gray-dark);margin-bottom:.75rem;font-size:.875rem}.commande-details{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--gray-dark)}.commande-montant{font-weight:700;color:var(--gold-primary)}.articles-table{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid var(--gray-medium)}.table-header{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1fr 1fr 1.2fr;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--gray-medium);font-weight:600;color:var(--gray-darker);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table-body{space-y:0}.table-row{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1fr 1fr 1.2fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-light);transition:all .3s ease;align-items:center}.table-row:hover{background:linear-gradient(90deg,rgba(102,126,234,.02) 0%,transparent 100%)}.table-row:last-child{border-bottom:none}.col-produit,.col-reference,.col-quantite,.col-poids,.col-volume,.col-total,.col-statut{display:flex;align-items:center}.produit-nom{font-weight:600;color:var(--gray-darker);font-size:.875rem}.produit-ref{background:var(--gray-light);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;color:var(--gray-dark);font-family:Courier New,monospace}.quantite,.poids,.volume,.poids-total{font-weight:600;color:var(--gray-darker);font-size:.875rem}.statut-ligne{padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-align:center}.statut-ligne.expedie{background:linear-gradient(135deg,#d4edda,#c8e6c9);color:#155724}.statut-ligne.en_stock{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.statut-ligne.annule{background:linear-gradient(135deg,#f8d7da,#ffcdd2);color:#721c24}.notes-content{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid var(--gray-medium);border-left:4px solid var(--gold-primary)}.notes-content p{margin:0;line-height:1.6;color:var(--gray-darker)}.details-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem 2.5rem;border-top:1px solid var(--gray-medium);margin-top:1rem}.action-buttons{display:flex;gap:1rem}.btn{padding:.875rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary{background:linear-gradient(135deg,var(--gold-primary),#FFD700);color:var(--black)}.btn-primary:hover{background:linear-gradient(135deg,#FFD700,var(--gold-primary));box-shadow:0 4px 15px #d4af3766}.btn-secondary{background:var(--gray-light);color:var(--gray-darker);border:1px solid var(--gray-medium)}.btn-secondary:hover{background:var(--gray-medium)}.btn-outline{background:var(--white);color:var(--gray-darker);border:1px solid var(--gray-medium)}.btn-outline:hover{background:var(--gray-light)}@media(max-width:1024px){.details-overlay{padding:1rem}.details-content{max-height:95vh}.details-header{padding:2rem 2rem 1rem}.details-body{padding:1.5rem 2rem}.info-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr .8fr 1fr 1fr 1fr 1.2fr;min-width:800px}.articles-table{overflow-x:auto}}@media(max-width:768px){.details-content{margin:.5rem;max-width:calc(100% - 1rem)}.details-header{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:1rem;text-align:center}.header-main{flex-direction:column;gap:1rem}.status-section{flex-direction:column;gap:1rem;text-align:center}.tracking-info{flex-direction:column;gap:.5rem}.details-body{padding:1rem 1.5rem}.commandes-grid{grid-template-columns:1fr}.details-actions{flex-direction:column;gap:1rem;text-align:center}.action-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}}@media(max-width:480px){.details-header{padding:1rem 1rem .5rem}.header-main h2{font-size:1.5rem}.info-card{padding:1rem}.section h3{font-size:1.125rem}.commande-card{padding:1rem}.table-header,.table-row{padding:.75rem 1rem;gap:.75rem}}.shipments-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:linear-gradient(135deg,var(--white) 0%,#f8fafc 100%);padding:2rem;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-medium)}.header-content{flex:1}.page-title{font-size:2.25rem;font-weight:800;color:var(--gray-darker);margin-bottom:.5rem;background:linear-gradient(135deg,var(--gray-darker),var(--gold-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-subtitle{color:var(--gray-dark);font-size:1.125rem;font-weight:500}.btn-large{padding:1rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #d4af374d}.btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.stats-shipments{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-medium);display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-gold)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.stat-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;position:relative;overflow:hidden}.stat-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite;transform:rotate(45deg)}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.preparation{background:linear-gradient(135deg,#ffa726,#ffb74d)}.stat-icon.transit{background:linear-gradient(135deg,#29b6f6,#4fc3f7)}.stat-icon.livre{background:linear-gradient(135deg,#66bb6a,#81c784)}.stat-content h3{font-size:2rem;font-weight:800;color:var(--gray-darker);margin-bottom:.25rem;line-height:1}.stat-content p{color:var(--gray-dark);font-size:.875rem;font-weight:600;opacity:.8}.table-container{background:var(--white);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-medium);overflow:hidden;margin-bottom:2rem}@media(max-width:1024px){.shipments-page{padding:1rem}.page-header{flex-direction:column;gap:1.5rem;text-align:center}.stats-shipments{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-title{font-size:1.75rem}.stats-shipments{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{width:60px;height:60px;font-size:1.5rem}.stat-content h3{font-size:1.75rem}}@media(max-width:480px){.shipments-page{padding:.5rem}.page-header{padding:1.5rem}.btn-large{width:100%;justify-content:center}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:#ffffff0d;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:20%;right:20%;animation-delay:1s}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#d4af371a,#ffffff0d,#667eea1a)}.auth-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;width:100%;max-width:480px;box-shadow:0 15px 40px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3);position:relative;z-index:2;animation:slideUp .6s ease-out}.auth-header{text-align:center;margin-bottom:2.5rem}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#d4af37,#fbbf24);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#1a202c;font-size:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 25px #d4af3766}.logo-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:shimmer 3s infinite;transform:rotate(45deg)}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.75rem;background:linear-gradient(135deg,#2d3748,#1a202c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#718096;font-size:1rem;line-height:1.5}.social-auth{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#4a5568;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.social-btn.google:hover{border-color:#4285f4;color:#4285f4;background:#fff}.social-btn.github:hover{border-color:#333;color:#333;background:#fff}.social-icon{display:flex;align-items:center;font-size:1.25rem}.divider{position:relative;text-align:center;margin:2rem 0;color:#a0aec0;font-size:.875rem}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider span{background:#ffffffe6;padding:0 1rem;position:relative}.auth-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.input-container{position:relative}.auth-input{width:100%;padding:1.25rem 1rem 1.25rem 3.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.auth-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a,0 4px 12px #0000001a;transform:translateY(-1px)}.input-label{position:absolute;left:3.5rem;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:1rem;pointer-events:none;transition:all .3s ease}.auth-input:focus+.input-label,.auth-input:not(:placeholder-shown)+.input-label{top:.75rem;font-size:.75rem;color:#d4af37;background:#fff;padding:0 .5rem;left:1rem}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#cbd5e0;transition:color .3s ease;display:flex;align-items:center}.auth-input:focus~.input-icon{color:#d4af37}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#4a5568;font-size:.875rem}.checkbox-container input{display:none}.checkmark{width:18px;height:18px;border:2px solid #cbd5e0;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-container input:checked+.checkmark{background:#d4af37;border-color:#d4af37}.checkbox-container input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.forgot-password{color:#d4af37;text-decoration:none;font-size:.875rem;font-weight:600;transition:color .3s ease}.forgot-password:hover{color:#b8941f}.auth-submit-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#d4af37,#fbbf24);border:none;border-radius:12px;color:#1a202c;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 25px #d4af3766;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #d4af3799}.btn-text{position:relative;z-index:1}.btn-icon{position:relative;z-index:1;font-size:1.1rem;transition:transform .3s ease;display:flex;align-items:center}.auth-submit-btn:hover .btn-icon{transform:translate(4px)}.auth-switch{text-align:center;margin-bottom:2rem;color:#718096;font-size:.95rem}.switch-btn{background:none;border:none;color:#d4af37;font-weight:700;cursor:pointer;margin-left:.5rem;transition:color .3s ease}.switch-btn:hover{color:#b8941f}.auth-features{display:flex;justify-content:space-between;gap:1rem}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;font-size:.75rem;color:#718096}.feature-icon{font-size:1.25rem;opacity:.8;color:#d4af37}.decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 8s ease-in-out infinite}.particle-1{width:6px;height:6px;top:20%;left:5%;animation-delay:0s}.particle-2{width:4px;height:4px;top:70%;right:5%;animation-delay:2s}.particle-3{width:8px;height:8px;bottom:30%;left:10%;animation-delay:4s}.particle-4{width:5px;height:5px;top:40%;right:15%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:rotate(45deg) translate(-100%)}to{transform:rotate(45deg) translate(100%)}}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem;margin:1rem}.auth-title{font-size:1.75rem}.social-auth{gap:.75rem}.auth-features{flex-direction:column;gap:1rem}}@media(max-width:480px){.auth-card{padding:1.5rem}.auth-title,.logo-text{font-size:1.5rem}.social-btn{padding:.875rem 1rem;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--gold-primary: #d4af37;--gold-light: #f4e4a6;--gold-dark: #b8860b;--gray-dark: #2d3748;--gray-darker: #1a202c;--gray-light: #f7fafc;--gray-medium: #e2e8f0;--white: #ffffff;--black: #1a1a1a;--success: #48bb78;--warning: #ed8936;--error: #f56565;--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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-gold: linear-gradient( 135deg, var(--gold-primary), var(--gold-light) );--gradient-dark: linear-gradient(135deg, var(--gray-darker), var(--black))}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--gray-light) 0%,#f0f4f8 100%);color:var(--gray-darker);line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-medium);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gradient-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}::selection{background:var(--gold-light);color:var(--black)}