@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";.hdr-modern-nav{position:fixed;top:0;left:0;width:100%;height:70px;background:#de211bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.hdr-nav-container{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}.hdr-nav-left{display:flex;align-items:center;gap:1rem}.hdr-hamburger-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.hdr-hamburger-btn:hover{background:#ffffff1a;transform:scale(1.05)}.hdr-logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .3s ease}.hdr-logo-container:hover{background:#ffffff1a;transform:translateY(-1px)}.hdr-logo{height:50px;width:auto;filter:brightness(1.1);transition:all .3s ease}.hdr-logo-container:hover .hdr-logo{transform:scale(1.05)}.hdr-logo-text-section{display:flex;flex-direction:column;gap:2px}.hdr-logohead{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1}.hdr-admin-indicator{font-size:.7rem;font-weight:600;color:#ffffffe6;background:#ffffff26;padding:2px 8px;border-radius:10px;line-height:1;letter-spacing:.5px;text-transform:uppercase}.hdr-nav-center{flex:0 0 auto;display:flex;justify-content:flex-start;max-width:600px;margin:0 2rem}.hdr-menu-list{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.hdr-menu-item{position:relative}.hdr-menu-link,.hdr-menu-button{color:#fff;text-decoration:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:12px;border:none;background:none;cursor:pointer;position:relative;display:block;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.hdr-menu-link:before,.hdr-menu-button:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;border-radius:1px;transition:all .3s ease;transform:translate(-50%)}.hdr-menu-link:hover:before,.hdr-menu-button:hover:before{width:80%}.hdr-nav-right{display:flex;align-items:center;gap:12px;margin-left:auto}.hdr-switch-customer-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#93c5fd;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.hdr-switch-customer-btn:hover{background:#3b82f640;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.hdr-switch-text{font-weight:600}.hdr-profile-container{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer}.hdr-display-name{font-size:.875rem;font-weight:600;color:#fffffff2;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.hdr-profile-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hdr-profile-container:hover .hdr-profile-avatar{transform:scale(1.05);border-color:#fff6;box-shadow:0 0 0 4px #ffffff1a}.hdr-profile-image{width:36px;height:36px;border-radius:50%;object-fit:cover;transition:all .3s ease}.hdr-profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001}.hdr-profile-container:hover .hdr-profile-dropdown,.hdr-profile-container.open .hdr-profile-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.hdr-profile-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:14px;height:14px;background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-bottom:none;border-right:none;transform:rotate(45deg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hdr-dropdown-content{padding:1.5rem}.hdr-admin-profile-info{margin-bottom:1rem}.hdr-admin-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.hdr-admin-section h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.hdr-admin-badge{background:linear-gradient(135deg,#059669,#10b981)}.hdr-customer-section{margin:0}.hdr-viewing-label{font-size:.75rem;color:#64748b;margin:0 0 .25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hdr-customer-name{font-size:1rem;color:#1e293b;margin:0 0 .25rem;font-weight:600}.hdr-customer-number{font-size:.875rem;color:#64748b;font-weight:500}.hdr-profile-info{margin-bottom:1rem}.hdr-profile-info h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.hdr-profile-info p{font-size:.875rem;color:#64748b;margin:0 0 .75rem}.hdr-role-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#b21a1e,#ff4d47);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.hdr-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:1rem 0}.hdr-switch-customer-dropdown-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#3b82f6;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.hdr-switch-customer-dropdown-btn:hover{background:#3b82f61a;transform:translate(4px)}.hdr-switch-icon{font-size:1.125rem}.hdr-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#dc2626;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.hdr-logout-btn:hover{background:#dc26261a;transform:translate(4px)}.hdr-logout-icon{font-size:1.125rem}.hdr-sidebar{position:fixed;top:0;left:-320px;width:320px;height:100vh;background:#de211bfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);z-index:1002;transition:left .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:none}.hdr-sidebar.hdr-sidebar-open{left:0}.hdr-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.hdr-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.hdr-sidebar-close-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hdr-sidebar-close-btn:hover{background:#fff3;transform:rotate(90deg)}.hdr-sidebar-menu{list-style:none;margin:0;padding:1.5rem 0}.hdr-sidebar-item{margin:.25rem 0}.hdr-sidebar-item.hdr-admin-action{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.hdr-sidebar-link,.hdr-sidebar-button{display:flex;align-items:center;width:100%;padding:1rem 1.5rem;color:#fff;text-decoration:none;font-weight:600;border:none;background:none;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;border-radius:0 25px 25px 0;margin-right:1rem}.hdr-sidebar-link:hover,.hdr-sidebar-button:hover{background:transparent;transform:none}.hdr-switch-sidebar-btn{color:#93c5fd!important;background:#3b82f626!important;border-radius:0 20px 20px 0!important;gap:8px}.hdr-switch-sidebar-btn:hover{background:#3b82f640!important;color:#fff!important}.hdr-sidebar-icon{margin-right:8px}.hdr-sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.hdr-sidebar-footer .hdr-profile-info h4,.hdr-sidebar-footer .hdr-admin-section h4{color:#fff;font-size:1rem}.hdr-sidebar-footer .hdr-profile-info p,.hdr-sidebar-footer .hdr-viewing-label,.hdr-sidebar-footer .hdr-customer-name{color:#fffc;font-size:.875rem}.hdr-sidebar-footer .hdr-admin-section{border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:1rem;padding-bottom:1rem}@media (max-width: 1024px){.hdr-nav-center{display:none}.hdr-hamburger-btn{display:flex}.hdr-switch-text{display:none}.hdr-switch-customer-btn{padding:8px;min-width:40px;justify-content:center}}@media (max-width: 768px){.hdr-nav-container{padding:0 1rem}.hdr-display-name{display:none}.hdr-profile-dropdown{width:280px;right:-10px}.hdr-sidebar{width:280px;left:-280px}.hdr-logohead{font-size:1.5rem}.hdr-admin-indicator{font-size:.6rem;padding:1px 6px}}@media (max-width: 480px){.hdr-logo{height:40px}.hdr-modern-nav{height:60px}.hdr-profile-dropdown{width:calc(100vw - 2rem);right:1rem;left:1rem}.hdr-sidebar{width:100vw;left:-100vw}.hdr-logohead{font-size:1.3rem}.hdr-switch-customer-btn{padding:6px;font-size:12px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hdr-menu-link:focus-visible,.hdr-menu-button:focus-visible,.hdr-sidebar-link:focus-visible,.hdr-sidebar-button:focus-visible,.hdr-logout-btn:focus-visible,.hdr-switch-customer-btn:focus-visible,.hdr-switch-customer-dropdown-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media print{.hdr-modern-nav,.hdr-sidebar,.hdr-sidebar-overlay{display:none!important}}#root{max-width:100%;width:100%;padding:0;margin:0;box-sizing:border-box}.content{flex:1}:root{--primary-color: #b21a1e;--primary-gradient: linear-gradient(135deg, #b21a1e, #ff4d47);--primary-light: #ff4d47;--primary-dark: #8a1417;--primary-hover: #d12025;--secondary-color: #2c3e50;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--white: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px rgba(0, 0, 0, .1);--border-radius: .5rem;--border-radius-sm: .25rem;--border-radius-lg: 1rem;--border-radius-full: 9999px;--transition-speed: .3s}.csm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.csm-modal-container{width:400px;max-width:95vw;max-height:90vh;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;animation:csm-slideUp .4s cubic-bezier(.16,1,.3,1);font-family:Inter,sans-serif;box-sizing:border-box}@keyframes csm-slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.csm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--primary-gradient);color:var(--white)}.csm-modal-title{font-size:1.5rem;font-weight:600;margin:0;font-family:Inter,sans-serif}.csm-modal-close-button{background:#fff3;border:none;width:36px;height:36px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);font-size:1.5rem;transition:all .2s ease}.csm-modal-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.csm-modal-content{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 7rem);background-color:var(--white);box-sizing:border-box}.csm-modal-content .csm-info-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all .3s ease;box-sizing:border-box}.csm-modal-content .csm-info-item:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.csm-modal-content .csm-info-icon{font-size:1.25rem;color:var(--primary-color);flex:0 0 auto;margin:0}.csm-modal-content .csm-info-text{font-size:1rem;font-weight:500;color:var(--gray-800);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.csm-modal-content .csm-info-link{color:var(--gray-800);text-decoration:none}.csm-modal-content .csm-info-link:hover{color:var(--primary-hover);text-decoration:underline}.csm-modal-footer{display:flex;justify-content:center;padding:1.5rem;background-color:var(--gray-50);border-top:1px solid var(--gray-200);box-sizing:border-box}.csm-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--border-radius-full);cursor:pointer;transition:all .3s ease;background:var(--primary-gradient);color:var(--white);border:none;box-shadow:var(--shadow);text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.csm-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-hover),var(--primary-light))}.csm-mail-icon{font-size:1.25rem}@media (max-width: 480px){.csm-modal-container{width:90%;min-width:280px}.csm-modal-title{font-size:1.25rem}.csm-modal-content .csm-info-text{font-size:.9375rem}.csm-button{width:100%}}.ftr-bottom{width:100%;background:#de211b;padding:1rem 0;color:#fff;box-shadow:0 -4px 12px #0003;margin-top:2rem}.ftr-container{display:flex;justify-content:space-between;align-items:center;width:1300px;min-width:1200px;margin:0 auto;padding:0 1rem}.ftr-left{display:flex;align-items:center}.ftr-logo-large{height:66px;width:auto}.ftr-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.ftr-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;padding:6px 14px;border-radius:8px}.ftr-link:hover{background:#ffffff26;transform:translateY(-2px)}.ftr-icon{font-size:14px}.ftr-copyright-right{font-size:.75rem;font-weight:400;color:#fffc;margin-top:.25rem}@media (max-width: 768px){.ftr-container{flex-direction:column;max-width:100%;min-width:0;padding:1rem;text-align:center;gap:1rem}.ftr-left{justify-content:center}.ftr-right{flex-direction:column;align-items:center;gap:.5rem;width:100%}.ftr-link{justify-content:center;width:100%}.ftr-link:hover{transform:none}.ftr-logo-large{height:32px}}.snackbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #00000026;transition:all .3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;min-width:200px;max-width:400px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5;z-index:3000}.snackbar--default{background:linear-gradient(135deg,#374151,#1f2937);color:#fff}.snackbar--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.snackbar.warning,.snackbar.error{background:#de211b;color:#fff}.snackbar--info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.snackbar--visible{opacity:1;transform:translate(-50%) scale(1)}.snackbar--hidden{opacity:0;transform:translate(-50%,1rem) scale(.95)}.snackbar__message{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:red}@media (max-width: 600px){.snackbar{min-width:160px;max-width:90%;padding:.5rem 1rem;font-size:.8125rem}}:root{--primary-color: #DE211B;--primary-dark: #b01915;--primary-light: rgba(222, 33, 27, .1);--background-color: #ffffff;--card-color: #ffffff;--text-color: #1a1a1a;--text-secondary: #6b7280;--text-light: #9ca3af;--border-color: #e5e7eb;--border-focus: #DE211B;--error-color: #DE211B;--shadow-light: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-heavy: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--radius: 16px;--radius-sm: 8px}html,body{height:100%;margin:0;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.login-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;z-index:1000}.login-card{position:relative;width:100%;max-width:420px;background:var(--card-color);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);padding:48px 40px 80px;box-shadow:var(--shadow-heavy);transition:var(--transition);opacity:0;transform:translateY(20px) scale(.98);animation:cardAppear .8s cubic-bezier(.4,0,.2,1) .1s forwards;min-height:600px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.login-card:hover{transform:translateY(-2px) scale(1);box-shadow:0 25px 50px -12px #00000040}.brand-logo{display:flex;align-items:center;justify-content:center;margin-bottom:32px;opacity:0;animation:logoAppear .6s cubic-bezier(.4,0,.2,1) .3s forwards}.logo-image{width:96px;height:96px;object-fit:contain;border-radius:20px;box-shadow:var(--shadow-medium);transition:var(--transition)}.welcome-text{text-align:center;font-weight:700;font-size:clamp(32px,5vw,40px);margin-bottom:40px;padding-bottom:30px;padding-top:10px;color:var(--text-color);letter-spacing:-.025em;opacity:0;animation:textAppear .6s cubic-bezier(.4,0,.2,1) .5s forwards}.login-form{display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateY(10px);animation:formAppear .6s cubic-bezier(.4,0,.2,1) .7s forwards}.input-group{display:flex;flex-direction:column;gap:8px;opacity:0;animation:inputSlideIn .5s cubic-bezier(.4,0,.2,1) forwards}.input-group:nth-child(1){animation-delay:.9s}.input-group:nth-child(2){animation-delay:1.1s}.input-field{position:relative}.input-field input{width:100%;height:56px;font-size:16px;background:var(--card-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:0 48px 0 16px;font-weight:500;color:var(--text-color);transition:var(--transition);outline:none}.input-field input:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px #de211b1a;transform:translateY(-1px)}.input-field input::placeholder{color:var(--text-light);font-weight:400}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.eye-icon{width:20px;height:20px;transition:var(--transition)}.password-toggle:hover .eye-icon{stroke:var(--primary-color)}.login-button{position:relative;height:56px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:8px;transition:var(--transition);opacity:0;transform:translateY(10px);animation:buttonAppear .5s cubic-bezier(.4,0,.2,1) 1.3s forwards;box-shadow:0 4px 14px #de211b66}.login-button:hover{transform:scale(1.05)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-text{z-index:1;transition:var(--transition)}.arrow-icon{position:absolute;width:20px;height:20px;right:16px;stroke:#fff;stroke-width:2;fill:none;opacity:0;transform:translate(-10px);transition:var(--transition);z-index:1}.login-button:hover .button-text{transform:translate(-8px)}.login-button:hover .arrow-icon{opacity:1;transform:translate(0)}.forgot-password-container{margin-top:24px;margin-bottom:-8px;text-align:center;opacity:0;animation:forgotPasswordAppear .5s cubic-bezier(.4,0,.2,1) 1.5s forwards}.forgot-password-link{font-size:14px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition);padding:8px 12px;border-radius:6px;display:inline-block;background:none;border:none;cursor:pointer}.forgot-password-link:hover{color:var(--primary-color);background:#de211b0d;transform:translateY(-1px)}.track{height:4px;width:0;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:2px;animation:trackLoad 2s infinite ease-in-out;transform:translateY(-20px)}@keyframes inputSlideIn{to{opacity:1;transform:translate(0)}}@keyframes buttonAppear{to{opacity:1;transform:translateY(0)}}@keyframes errorSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.login-container{padding:16px}.login-card{max-width:100%;padding:32px 24px;min-height:550px}.welcome-text{font-size:28px;margin-bottom:32px}.logo-image{width:80px;height:80px}.loader-wheel{width:140px;height:140px}.loader-tracks{width:90px}}@media (max-width: 480px){.login-card{padding:24px 20px;min-height:500px}.input-field input,.login-button{height:52px}.loader-wheel{width:120px;height:120px}.loader-tracks{width:80px}}@media (min-width: 1200px){.login-card{max-width:460px;padding:56px 48px;min-height:650px}}:root{--primary-color: #de211b;--primary-dark: #b01915;--primary-light: rgba(222, 33, 27, .1);--background-color: #ffffff;--card-color: #ffffff;--text-color: #1a1a1a;--text-secondary: #6b7280;--text-light: #9ca3af;--border-color: #e5e7eb;--border-focus: #de211b;--error-color: #de211b;--shadow-light: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-heavy: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--radius: 16px;--radius-sm: 8px}html,body{height:100%;margin:0;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc}.login-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8fafc;padding:20px;z-index:1000}.customer-selection-card{position:relative;width:100%;max-width:600px;background:var(--card-color);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);padding:32px 40px 48px;box-shadow:var(--shadow-heavy);transition:var(--transition);opacity:0;transform:translateY(20px) scale(.98);animation:cardAppear .8s cubic-bezier(.4,0,.2,1) .1s forwards;min-height:600px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-height:90vh;overflow:hidden}.customer-selection-card:hover{transform:translateY(-2px) scale(1);box-shadow:0 25px 50px -12px #00000040}.customer-selection-card.mounted{transform:translateY(0) scale(1);opacity:1}.selection-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:40px;opacity:0;animation:logoAppear .6s cubic-bezier(.4,0,.2,1) .3s forwards}.back-button,.refresh-button{position:absolute;background:transparent;border:none;border-radius:12px;padding:12px;color:#374151;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:20px;outline:none;width:44px;height:44px}.back-button{left:0}.refresh-button{right:0}.back-button:hover,.refresh-button:hover{background:#0000000d;color:#111827;transform:translateY(-1px)}.back-button:focus,.refresh-button:focus{background:#0000000d;box-shadow:0 0 0 3px #de211b1a}.back-button:active,.refresh-button:active{transform:translateY(0)}.brand-logo{display:flex;align-items:center;justify-content:center}.logo-image{width:72px;height:72px;object-fit:contain;border-radius:16px;box-shadow:var(--shadow-medium);transition:var(--transition)}.logo-image:hover{transform:scale(1.05);box-shadow:var(--shadow-heavy)}.welcome-section{text-align:center;margin-bottom:36px;opacity:0;animation:textAppear .6s cubic-bezier(.4,0,.2,1) .5s forwards}.welcome-section.compact-top{padding-top:.5rem;margin-bottom:0}.welcome-section.compact-top .welcome-text{margin-bottom:0;font-size:2rem;font-weight:600}.welcome-text{text-align:center;font-weight:700;font-size:clamp(32px,5vw,36px);margin:0;color:var(--text-color);letter-spacing:-.025em}.search-section{margin-bottom:32px;opacity:0;animation:formAppear .6s cubic-bezier(.4,0,.2,1) .7s forwards}.search-section.compact{padding-top:.25rem;padding-bottom:.75rem;margin-bottom:0}.search-input-wrapper{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:20px;z-index:1}.search-input{width:100%;height:60px;padding:0 40px 0 52px;border:2px solid var(--border-color);border-radius:16px;font-size:16px;font-weight:500;background:var(--background-color);color:var(--text-color);transition:var(--transition);outline:none;box-sizing:border-box}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px #de211b1a;transform:translateY(-1px)}.search-input::placeholder{color:var(--text-light);font-weight:400}.clear-search-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.clear-search-button:hover{background:#0000001a;color:#333}.clear-search-button:active{transform:translateY(-50%) scale(.95)}.customers-list{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:24px;max-height:400px;scrollbar-width:thin;scrollbar-color:rgba(222,33,27,.3) transparent}.customers-list::-webkit-scrollbar{width:6px}.customers-list::-webkit-scrollbar-track{background:transparent}.customers-list::-webkit-scrollbar-thumb{background:#de211b4d;border-radius:3px}.customers-list::-webkit-scrollbar-thumb:hover{background:#de211b80}.customer-item{display:flex;align-items:center;padding:20px;margin-bottom:12px;background:var(--background-color);border-radius:16px;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);opacity:0;transform:translate(-20px);animation:slideInItem .5s ease forwards;position:relative;overflow:hidden}.customer-item:hover{border-color:var(--border-focus);box-shadow:0 8px 25px #de211b26;transform:translateY(-3px)}.customer-avatar2{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#de211b;color:#fff;font-size:22px;margin-right:20px;flex-shrink:0}.customer-info{flex:1;min-width:0}.customer-name{font-size:17px;font-weight:600;color:var(--text-color);margin:0 0 6px;line-height:1.3}.customer-number{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.customer-contact{font-size:13px;color:var(--text-light);margin-top:4px;font-weight:400}.customer-arrow{color:var(--text-light);font-size:20px;transition:var(--transition);flex-shrink:0}.customer-item:hover .customer-arrow{color:#de211b;transform:translate(6px)}.all-customers-item{background:#de211b;border:2px solid #de211b;box-shadow:0 4px 15px #de211b40}.all-customers-item:hover{background:#b01915;border-color:#b01915;transform:translateY(-4px);box-shadow:0 12px 30px #de211b59}.all-customers-item .customer-name,.all-customers-item .customer-number,.all-customers-item .customer-arrow,.all-customers-item:hover .customer-arrow{color:#fff}.all-customers-avatar{background:#fff3;color:#fff}.info-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1.5rem;text-align:center;background:#f9fafb;border-radius:12px;margin:.75rem 0;border:1px solid #e5e7eb}.info-message svg{display:none}.info-title{font-size:.95rem;font-weight:600;color:#374151;margin:0 0 .4rem}.info-subtitle{font-size:.85rem;color:#6b7280;margin:0 0 1rem;line-height:1.4;max-width:380px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#64748b}.error-state svg{color:#cbd5e1;margin-bottom:1rem}.error-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.error-subtitle{font-size:.95rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.retry-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#de211b;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;box-shadow:0 2px 8px #de211b40}.retry-button:hover{background:#b01915;transform:translateY(-1px);box-shadow:0 4px 12px #de211b59}.retry-button:active{transform:translateY(0)}.retry-button svg{width:18px;height:18px}.retry-button-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#fff;color:#de211b;border:2px solid #de211b;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.retry-button-secondary:hover{background:#de211b;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #de211b40}.retry-button-secondary:active{transform:translateY(0)}.retry-button-secondary svg{width:16px;height:16px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center;color:#64748b}.no-results svg{color:#cbd5e1;margin-bottom:1rem}.no-results p{font-size:.95rem;margin:0;overflow-wrap:anywhere;word-break:break-word;color:var(--text-secondary)}.footer-info{text-align:center;padding-top:20px;border-top:1px solid var(--border-color);opacity:0;animation:forgotPasswordAppear .5s cubic-bezier(.4,0,.2,1) 1.1s forwards}.footer-info p{color:var(--text-secondary);font-size:14px;margin:0}.modern-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;opacity:0;animation:loaderAppear .5s ease forwards;flex:1}.loader-wheel{position:relative;width:160px;height:160px;margin-bottom:40px}.wheel-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));animation:smoothSpin 2s cubic-bezier(.4,0,.2,1) infinite}.loader-tracks{display:flex;justify-content:center;gap:6px;width:100px;margin-bottom:16px}.track{height:4px;width:0;background:#de211b;border-radius:2px;animation:trackLoad 2s infinite ease-in-out;transform:translateY(-50px)}.track:nth-child(1){animation-delay:0s}.track:nth-child(2){animation-delay:.3s}.track:nth-child(3){animation-delay:.6s}.loader-text{font-size:16px;font-weight:500;color:var(--text-secondary);letter-spacing:.2px}.dot-animation{display:inline-block;animation:dotBounce 1.4s infinite}@keyframes slideInItem{to{opacity:1;transform:translate(0)}}@keyframes cardAppear{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoAppear{to{opacity:1;transform:translateY(0)}}@keyframes textAppear{to{opacity:1;transform:translateY(0)}}@keyframes formAppear{to{opacity:1;transform:translateY(0)}}@keyframes forgotPasswordAppear{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.customer-selection-card{max-width:100%;padding:24px 32px 40px;min-height:550px}.welcome-text{font-size:28px}.logo-image{width:64px;height:64px}.customer-item{padding:16px}.customer-avatar2{width:44px;height:44px;font-size:20px;margin-right:16px}.back-button,.refresh-button{width:40px;height:40px;font-size:18px}.loader-wheel{width:140px;height:140px}.loader-tracks{width:90px}.info-message{padding:1rem 1.25rem}.info-title{font-size:.9rem}.info-subtitle{font-size:.8rem}}@media (max-width: 480px){.customer-selection-card{padding:20px 24px 32px;min-height:500px}.search-input{height:56px;border-radius:14px}.customer-name{font-size:16px}.customer-number{font-size:13px}.customer-contact{font-size:12px}.customer-item{border-radius:14px;padding:14px}.customer-avatar2{border-radius:12px;width:40px;height:40px;font-size:18px;margin-right:12px}.loader-wheel{width:120px;height:120px}.loader-tracks{width:80px}.info-message{padding:.875rem 1rem;margin:.5rem 0}.info-title{font-size:.85rem}.info-subtitle{font-size:.75rem;margin-bottom:.75rem}.retry-button-secondary{padding:.5rem 1rem;font-size:.85rem}}.orders-loader-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;margin:16px 0;opacity:0;animation:loaderAppear .5s ease forwards}.mini-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.mini-loader-wheel{position:relative;width:80px;height:80px}.mini-wheel-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));animation:smoothSpin 2s cubic-bezier(.4,0,.2,1) infinite}.mini-loader-tracks{display:flex;justify-content:center;gap:4px;width:60px;margin-top:8px}.mini-track{height:3px;width:0;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:2px;animation:trackLoad 2s infinite ease-in-out}.mini-track:nth-child(1){animation-delay:0s}.mini-track:nth-child(2){animation-delay:.3s}.mini-track:nth-child(3){animation-delay:.6s}.orders-loader-text{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:.2px;margin-top:8px}.refresh-button.spinning svg,.spinning{animation:smoothSpin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes smoothSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes trackLoad{0%{width:0;opacity:.7}50%{width:100%;opacity:1}to{width:0;opacity:.7}}@keyframes loaderAppear{to{opacity:1}}@keyframes dotBounce{0%,20%{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}60%{opacity:1;transform:translateY(-2px)}80%,to{opacity:0;transform:translateY(0)}}@media (max-width: 768px){.mini-loader-wheel{width:70px;height:70px}.mini-loader-tracks{width:50px}.orders-loader-text{font-size:13px}}@media (max-width: 480px){.mini-loader-wheel{width:60px;height:60px}.mini-loader-tracks{width:45px}.orders-loader-text{font-size:12px}.orders-loader-section{padding:20px 0;margin:12px 0}}@media (min-width: 1200px){.customer-selection-card{max-width:660px;padding:40px 48px 56px;min-height:650px}}:root{--primary-bg:#ffffff;--surface-primary:#fafafa;--surface-elevated:#ffffff;--surface-glass:rgba(255,255,255,.95);--border-subtle:rgba(0,0,0,.08);--border-medium:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.16);--text-primary:#0a0a0a;--text-secondary:#525252;--text-tertiary:#737373;--brand-red:#ef4444;--brand-red-hover:#dc2626;--brand-red-bg:rgba(239,68,68,.1);--gradient-primary:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--gradient-surface:linear-gradient(135deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.01) 100%);--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 4px 8px rgba(0,0,0,.1);--shadow-lg:0 10px 18px rgba(0,0,0,.12);--shadow-xl:0 20px 28px rgba(0,0,0,.14);--shadow-glow:0 0 22px rgba(239,68,68,.22);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-spring:.3s cubic-bezier(.175,.885,.32,1.275)}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--primary-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.orderinfo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:orderinfo-fade-in .25s ease}@keyframes orderinfo-fade-in{0%{opacity:0}to{opacity:1}}.orderinfo-modal-container{position:relative;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);width:min(1000px,94vw);max-height:84vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:orderinfo-pop .34s var(--transition-spring);display:flex;flex-direction:column}@keyframes orderinfo-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.orderinfo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated)}.orderinfo-titlewrap{display:flex;align-items:flex-start;gap:8px}.orderinfo-modal-title{font-size:1.4rem;font-weight:800;letter-spacing:-.01em}.orderinfo-meta-row{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.orderinfo-lastmodified.subtle,.orderinfo-status-badge.subtle{font-size:.78rem;color:var(--text-tertiary);display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px dashed var(--border-subtle);background:linear-gradient(135deg,#00000005,#00000003)}.orderinfo-header-actions{display:flex;align-items:center;gap:10px}.orderinfo-iconbtn{width:36px;height:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.orderinfo-iconbtn:hover{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-strong)}.orderinfo-iconbtn-active{outline:0;box-shadow:0 0 0 3px var(--brand-red-bg),var(--shadow-md);border-color:var(--brand-red)}.orderinfo-iconbtn-disabled{opacity:.55;cursor:not-allowed}.orderinfo-modal-close-button{width:38px;height:38px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:12px;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.orderinfo-modal-close-button:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red);transform:rotate(90deg)}.orderinfo-scroll{flex:1;overflow:auto;background:var(--surface-elevated);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent;padding:0 var(--space-xl) var(--space-xl) var(--space-xl)}.orderinfo-scroll::-webkit-scrollbar{width:10px}.orderinfo-scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px}.orderinfo-scroll::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:999px;border:3px solid transparent;background-clip:content-box}.orderinfo-scroll::-webkit-scrollbar-thumb:hover{background:var(--brand-red);background-clip:content-box}.orderinfo-modal-content{padding-top:var(--space-xl)}.orderinfo-modal-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md) 0}.orderinfo-info-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-xl)}@media (max-width:900px){.orderinfo-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.orderinfo-info-grid{grid-template-columns:1fr}}.orderinfo-info-item{display:flex;flex-direction:column}.orderinfo-info-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}.orderinfo-info-value{font-size:.92rem;color:var(--text-primary);background:var(--surface-primary);padding:12px 14px;min-height:48px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm)}.orderinfo-info-value--plain{justify-content:flex-start}.orderinfo-sendform-item .orderinfo-info-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}.orderinfo-checkbox-subtle{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all var(--transition-fast)}.orderinfo-checkbox-subtle:hover{border-color:var(--border-medium);background:var(--surface-elevated)}.orderinfo-checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--brand-red)}.orderinfo-checkbox-input:disabled{opacity:.5;cursor:not-allowed}.orderinfo-checkbox-text-subtle{font-size:.88rem;font-weight:500;color:var(--text-primary)}.orderinfo-mailsent-subtle{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:12px;font-size:.88rem;color:var(--text-primary)}.orderinfo-mailsent-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--brand-red);color:#fff;border-radius:50%;font-size:12px;font-weight:700}.orderinfo-info-input{width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--border-medium);border-radius:14px;background:var(--surface-elevated);color:var(--text-primary);outline:none;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.orderinfo-info-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-bg),var(--shadow-md);background:#fff}.orderinfo-copybtn{margin-left:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary)}.orderinfo-copybtn:hover{color:var(--brand-red)}.orderinfo-clickable{color:var(--brand-red);font-weight:700}.orderinfo-clickable:hover{text-decoration:underline}.orderinfo-modal-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:12px var(--space-xl);min-height:64px;background:var(--surface-elevated);border-top:1px solid var(--border-subtle)}.orderinfo-button{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:none;cursor:pointer;border-radius:14px;font-weight:800;font-size:.9rem;transition:all var(--transition-normal);white-space:nowrap;box-shadow:var(--shadow-md)}.orderinfo-button-icon{font-size:18px}.orderinfo-primary{background:var(--gradient-primary);color:#fff}.orderinfo-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-lg)}.orderinfo-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-medium)}.orderinfo-secondary:hover{background:var(--surface-primary);border-color:var(--border-strong)}.orderinfo-error-message{color:#b91c1c;background:var(--brand-red-bg);padding:12px 16px;border-radius:12px;border:1px solid rgba(239,68,68,.22);font-weight:700;text-align:center;margin-bottom:var(--space-lg)}.orderinfo-skel-row{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}.orderinfo-skel-label,.orderinfo-skel-value,.orderinfo-line-skel{background:linear-gradient(90deg,#f2f2f2,#eaeaea,#f2f2f2);background-size:200% 100%;animation:orderinfo-shimmer 1.4s infinite;border-radius:12px}.orderinfo-skel-label{width:38%;height:14px;opacity:.7}.orderinfo-skel-value{height:44px;border:1px solid var(--border-subtle)}.orderinfo-line-skel{height:48px;border:1px solid var(--border-subtle)}@keyframes orderinfo-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.orderinfo-success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:orderinfo-success-fade .95s ease forwards;background:#ffffffbf}@keyframes orderinfo-success-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.orderinfo-success-check{width:72px;height:72px;border-radius:50%;border:4px solid var(--brand-red);position:relative;box-shadow:var(--shadow-glow);margin-right:12px;overflow:hidden}.orderinfo-success-check:after{content:"";position:absolute;left:18px;top:32px;width:22px;height:44px;border-right:6px solid var(--brand-red);border-bottom:6px solid var(--brand-red);transform:rotate(45deg) translateY(-8px);animation:orderinfo-draw-check .5s cubic-bezier(.175,.885,.32,1.275) .15s both}@keyframes orderinfo-draw-check{0%{opacity:0;transform:rotate(45deg) scale(.6)}to{opacity:1;transform:rotate(45deg) scale(1)}}.orderinfo-success-text{font-weight:800;font-size:1.05rem;color:var(--text-primary)}.orderinfo-store-dropdown-container{position:relative;z-index:9999}.orderinfo-store-dropdown{position:absolute;top:100%;left:0;right:0;z-index:9999;background:var(--primary-bg);border:1px solid var(--border-medium);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;width:100%;box-shadow:var(--shadow-lg);margin-top:var(--space-xs);list-style:none;padding:0}.orderinfo-store-dropdown::-webkit-scrollbar{width:6px}.orderinfo-store-dropdown::-webkit-scrollbar-track{background:var(--surface-primary)}.orderinfo-store-dropdown::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-lg)}.orderinfo-dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background var(--transition-fast);list-style:none;font-weight:500}.orderinfo-dropdown-item:hover{background:var(--surface-primary)}.orderinfo-loading-wheel{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--border-medium);border-top-color:var(--brand-red);border-radius:50%;animation:orderinfo-spin .8s linear infinite}@keyframes orderinfo-spin{to{transform:translateY(-50%) rotate(360deg)}}.orderinfo-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.5rem;color:var(--text-tertiary);background:none;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-full);z-index:10}.orderinfo-clear-btn:hover{color:var(--brand-red);background:var(--brand-red-bg)}@media (max-width:600px){.orderinfo-modal-header{padding:var(--space-md) var(--space-lg)}.orderinfo-scroll{padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.orderinfo-modal-footer{padding:10px var(--space-lg);flex-direction:column;gap:10px}.orderinfo-button{width:100%;justify-content:center}.orderinfo-header-actions{gap:8px}.orderinfo-lastmodified.subtle{font-size:.72rem;padding:3px 7px}}:root{--dashboard-primary-bg: #ffffff;--dashboard-surface-primary: #fafafa;--dashboard-surface-elevated: #ffffff;--dashboard-surface-glass: rgba(255, 255, 255, .8);--dashboard-border-subtle: rgba(0, 0, 0, .08);--dashboard-border-medium: rgba(0, 0, 0, .12);--dashboard-border-strong: rgba(0, 0, 0, .16);--dashboard-text-primary: #0a0a0a;--dashboard-text-secondary: #525252;--dashboard-text-tertiary: #737373;--dashboard-brand-red: #ef4444;--dashboard-brand-red-hover: #dc2626;--dashboard-brand-red-bg: rgba(239, 68, 68, .1);--dashboard-accent-blue: #3b82f6;--dashboard-accent-green: #10b981;--dashboard-accent-yellow: #f59e0b;--dashboard-accent-purple: #8b5cf6;--dashboard-status-incomplete: #ef4444;--dashboard-status-processing: #f59e0b;--dashboard-status-completed: #10b981;--dashboard-status-canceled: #6b7280;--dashboard-gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--dashboard-gradient-surface: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--dashboard-gradient-glow: radial-gradient(circle at 50% 0%, rgba(239, 68, 68, .08) 0%, transparent 70%);--dashboard-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--dashboard-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--dashboard-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--dashboard-shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--dashboard-shadow-glow: 0 0 20px rgba(239, 68, 68, .2);--dashboard-space-xs: .25rem;--dashboard-space-sm: .5rem;--dashboard-space-md: 1rem;--dashboard-space-lg: 1.5rem;--dashboard-space-xl: 2rem;--dashboard-space-2xl: 3rem;--dashboard-space-3xl: 4rem;--dashboard-radius-sm: .5rem;--dashboard-radius-md: .75rem;--dashboard-radius-lg: 1rem;--dashboard-radius-xl: 1.5rem;--dashboard-radius-2xl: 1rem;--dashboard-transition-fast: .15s ease;--dashboard-transition-normal: .3s ease;--dashboard-transition-slow: .5s ease;--dashboard-transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275)}.dashboard-nexus{min-height:100vh;background:var(--dashboard-primary-bg);position:relative;overflow-x:hidden}.dashboard-nexus:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:var(--dashboard-gradient-glow);z-index:-1;opacity:.6}.dashboard-nexus-content-wrapper{max-width:1400px;margin:0 auto;padding:var(--dashboard-space-2xl) var(--dashboard-space-lg)}.dashboard-nexus-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--dashboard-space-2xl);gap:var(--dashboard-space-xl)}.dashboard-nexus-title-section h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:var(--dashboard-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--dashboard-space-sm);letter-spacing:-.02em;line-height:.9}.dashboard-nexus-subtitle{font-size:1.125rem;color:var(--dashboard-text-secondary);font-weight:400;max-width:500px}.dashboard-nexus-controls{display:flex;gap:var(--dashboard-space-md);flex-shrink:0;align-items:flex-start}.dashboard-nexus-refresh-btn{display:flex;align-items:center;gap:var(--dashboard-space-sm);padding:var(--dashboard-space-md) var(--dashboard-space-xl);background:var(--dashboard-gradient-primary);color:#fff;border:none;border-radius:var(--dashboard-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-md);white-space:nowrap}.dashboard-nexus-refresh-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--dashboard-shadow-glow),var(--dashboard-shadow-lg)}.dashboard-nexus-refresh-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.dashboard-nexus-refresh-btn.refreshing svg{animation:dashboard-nexus-spin 1s linear infinite}@keyframes dashboard-nexus-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-nexus-select{padding:var(--dashboard-space-md) var(--dashboard-space-lg);background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-lg);font-size:.875rem;font-weight:500;color:var(--dashboard-text-primary);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--dashboard-space-md) center;background-repeat:no-repeat;background-size:16px;padding-right:3rem;min-width:120px}.dashboard-nexus-select:hover{background:var(--dashboard-surface-primary);border-color:var(--dashboard-border-strong);transform:translateY(-1px)}.dashboard-nexus-select:focus{border-color:var(--dashboard-brand-red);box-shadow:0 0 0 3px var(--dashboard-brand-red-bg),var(--dashboard-shadow-md);outline:none}.dashboard-nexus-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dashboard-space-lg);margin-bottom:var(--dashboard-space-2xl)}.dashboard-nexus-stat-card{background:var(--dashboard-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-2xl);padding:var(--dashboard-space-xl);display:flex;align-items:center;gap:var(--dashboard-space-lg);transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-md);position:relative;overflow:hidden}.dashboard-nexus-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--dashboard-gradient-surface)}.dashboard-nexus-stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--dashboard-shadow-xl)}.dashboard-nexus-stat-icon{width:56px;height:56px;border-radius:var(--dashboard-radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;position:relative}.dashboard-nexus-stat-icon.total{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--dashboard-brand-red);border:1px solid rgba(239,68,68,.2)}.dashboard-nexus-stat-icon.incomplete{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--dashboard-status-incomplete);border:1px solid rgba(239,68,68,.2)}.dashboard-nexus-stat-icon.processing{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:var(--dashboard-status-processing);border:1px solid rgba(245,158,11,.2)}.dashboard-nexus-stat-icon.completed{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--dashboard-status-completed);border:1px solid rgba(16,185,129,.2)}.dashboard-nexus-stat-content h3{font-size:.75rem;font-weight:700;color:var(--dashboard-text-secondary);margin-bottom:var(--dashboard-space-xs);text-transform:uppercase;letter-spacing:.05em}.dashboard-nexus-stat-number{font-size:2rem;font-weight:800;color:var(--dashboard-text-primary);line-height:1}.dashboard-nexus-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--dashboard-space-xl);margin-bottom:var(--dashboard-space-2xl)}.dashboard-nexus-chart-card{background:var(--dashboard-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-2xl);padding:var(--dashboard-space-2xl);box-shadow:var(--dashboard-shadow-lg);transition:all var(--dashboard-transition-normal);position:relative;overflow:hidden}.dashboard-nexus-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--dashboard-gradient-surface)}.dashboard-nexus-chart-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-xl)}.dashboard-nexus-chart-title{font-size:1.125rem;font-weight:700;color:var(--dashboard-text-primary);margin-bottom:var(--dashboard-space-xl)}.dashboard-nexus-chart-container{height:260px;position:relative;width:100%}.dashboard-nexus-orders-section{background:var(--dashboard-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-2xl);padding:var(--dashboard-space-2xl);box-shadow:var(--dashboard-shadow-lg);position:relative;overflow:hidden;min-height:800px;display:flex;flex-direction:column}.dashboard-nexus-orders-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--dashboard-gradient-surface)}.dashboard-nexus-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--dashboard-space-xl)}.dashboard-nexus-section-title{font-size:1.25rem;font-weight:700;color:var(--dashboard-text-primary)}.dashboard-nexus-orders-count{font-size:.875rem;color:var(--dashboard-text-secondary);background:#0000000d;padding:var(--dashboard-space-xs) var(--dashboard-space-md);border-radius:var(--dashboard-radius-lg);font-weight:600}.dashboard-nexus-filters{background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-xl);padding:var(--dashboard-space-xl);margin-bottom:var(--dashboard-space-2xl);display:flex;flex-wrap:wrap;gap:var(--dashboard-space-lg);align-items:center;box-shadow:var(--dashboard-shadow-sm)}.dashboard-nexus-search-container{flex:1;min-width:300px;position:relative}.dashboard-nexus-search-input{width:100%;height:48px;padding:0 var(--dashboard-space-lg) 0 3rem;background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-lg);font-size:.875rem;color:var(--dashboard-text-primary);outline:none;transition:all var(--dashboard-transition-normal);font-family:inherit;box-shadow:var(--dashboard-shadow-sm)}.dashboard-nexus-search-input:focus{border-color:var(--dashboard-brand-red);box-shadow:0 0 0 3px var(--dashboard-brand-red-bg),var(--dashboard-shadow-md);background:var(--dashboard-primary-bg)}.dashboard-nexus-search-input::placeholder{color:var(--dashboard-text-tertiary)}.dashboard-nexus-search-icon{position:absolute;left:var(--dashboard-space-md);top:50%;transform:translateY(-50%);color:var(--dashboard-text-tertiary);font-size:1rem}.dashboard-nexus-filter-controls{display:flex;gap:var(--dashboard-space-md);align-items:center;flex-wrap:wrap}.dashboard-nexus-filter-select{padding:var(--dashboard-space-md) var(--dashboard-space-lg);background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-lg);font-size:.875rem;color:var(--dashboard-text-primary);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--dashboard-space-md) center;background-repeat:no-repeat;background-size:16px;padding-right:3rem;min-width:140px}.dashboard-nexus-filter-select:hover{background:var(--dashboard-surface-primary);border-color:var(--dashboard-border-strong)}.dashboard-nexus-filter-select:focus{border-color:var(--dashboard-brand-red);box-shadow:0 0 0 3px var(--dashboard-brand-red-bg);outline:none}.dashboard-nexus-date-input{padding:var(--dashboard-space-md) var(--dashboard-space-lg);background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-lg);font-size:.875rem;color:var(--dashboard-text-primary);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm);min-width:140px}.dashboard-nexus-date-input:hover{background:var(--dashboard-surface-primary);border-color:var(--dashboard-border-strong)}.dashboard-nexus-date-input:focus{border-color:var(--dashboard-brand-red);box-shadow:0 0 0 3px var(--dashboard-brand-red-bg);outline:none}.dashboard-nexus-clear-btn{padding:var(--dashboard-space-md) var(--dashboard-space-lg);background:var(--dashboard-surface-primary);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-lg);color:var(--dashboard-text-secondary);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm);font-size:.875rem;font-weight:500}.dashboard-nexus-clear-btn:hover{background:var(--dashboard-brand-red);color:#fff;border-color:var(--dashboard-brand-red);transform:translateY(-1px)}.dashboard-nexus-orders-content{flex:1;display:flex;flex-direction:column;min-height:600px}.dashboard-nexus-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--dashboard-space-lg);flex:1;align-content:start}.dashboard-nexus-order-card{background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-xl);padding:var(--dashboard-space-lg);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm);position:relative;overflow:visible;height:fit-content}.dashboard-nexus-order-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:var(--dashboard-gradient-primary);opacity:0;transition:opacity var(--dashboard-transition-normal)}.dashboard-nexus-order-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--dashboard-shadow-lg);border-color:var(--dashboard-brand-red)}.dashboard-nexus-order-card:hover:before{opacity:1}.dashboard-nexus-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--dashboard-space-md)}.dashboard-nexus-order-number{font-size:.875rem;font-weight:700;color:var(--dashboard-brand-red);font-family:SF Mono,Monaco,Consolas,monospace}.dashboard-nexus-status-badge{font-size:.75rem;padding:var(--dashboard-space-xs) var(--dashboard-space-sm);border-radius:var(--dashboard-radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;cursor:help;transition:all var(--dashboard-transition-normal)}.dashboard-nexus-status-badge:hover{transform:scale(1.05)}.dashboard-nexus-status-badge:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);right:0;background:#111827f2;color:#fff;padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;letter-spacing:normal;text-transform:none;min-width:200px;text-align:left}.dashboard-nexus-status-badge:before{content:"";position:absolute;bottom:calc(100% + 2px);right:12px;border:6px solid transparent;border-top-color:#111827f2;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.dashboard-nexus-status-badge:hover:after,.dashboard-nexus-status-badge:hover:before{opacity:1}.dashboard-nexus-status-badge.info-saknas{background:#ef44441a;color:var(--dashboard-status-incomplete);border:1px solid rgba(239,68,68,.2)}.dashboard-nexus-status-badge.hanteras{background:#f59e0b1a;color:var(--dashboard-status-processing);border:1px solid rgba(245,158,11,.2)}.dashboard-nexus-status-badge.fakturerad{background:#10b9811a;color:var(--dashboard-status-completed);border:1px solid rgba(16,185,129,.2)}.dashboard-nexus-status-badge.makulerad{background:#6b72801a;color:var(--dashboard-status-canceled);border:1px solid rgba(107,114,128,.2)}.dashboard-nexus-order-details{display:grid;gap:var(--dashboard-space-sm)}.dashboard-nexus-order-detail{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.dashboard-nexus-order-detail-label{color:var(--dashboard-text-secondary);font-weight:500}.dashboard-nexus-order-detail-value{color:var(--dashboard-text-primary);font-weight:600;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-nexus-status-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dashboard-nexus-status-chip{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--dashboard-border-medium);background:var(--dashboard-surface-primary);color:var(--dashboard-text-secondary);border-radius:9999px;padding:6px 12px;font-size:.875rem;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;position:relative}.dashboard-nexus-status-chip:hover{border-color:var(--dashboard-border-strong);color:var(--dashboard-text-primary);transform:translateY(-1px)}.dashboard-nexus-status-chip:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111827f2;color:#fff;padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:200px}.dashboard-nexus-status-chip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111827f2;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.dashboard-nexus-status-chip:hover:after,.dashboard-nexus-status-chip:hover:before{opacity:1}.dashboard-nexus-status-chip.is-active{color:var(--dashboard-text-primary);box-shadow:0 0 0 3px #00000008}.dashboard-nexus-status-chip.chip--info-saknas.is-active{border-color:#ef4444;background:#ef44441a;box-shadow:0 0 0 3px #ef44441f}.dashboard-nexus-status-chip.chip--hanteras.is-active{border-color:#f59e0b;background:#f59e0b1a;box-shadow:0 0 0 3px #f59e0b1f}.dashboard-nexus-status-chip.chip--fakturerad.is-active{border-color:#10b981;background:#10b9811a;box-shadow:0 0 0 3px #10b9811f}.dashboard-nexus-status-chip.chip--makulerad.is-active{border-color:#6b7280;background:#6b72801f;box-shadow:0 0 0 3px #6b728024}.dashboard-nexus-storage-overview{background:var(--dashboard-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-2xl);padding:var(--dashboard-space-2xl);margin-bottom:var(--dashboard-space-2xl);margin-top:var(--dashboard-space-2xl);box-shadow:var(--dashboard-shadow-lg);position:relative;overflow:hidden}.dashboard-nexus-storage-overview:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--dashboard-gradient-surface)}.dashboard-nexus-storage-subtitle{font-size:.875rem;color:var(--dashboard-text-secondary);margin-top:var(--dashboard-space-xs);font-weight:500}.dashboard-nexus-view-all-btn{display:flex;align-items:center;gap:var(--dashboard-space-sm);padding:var(--dashboard-space-md) var(--dashboard-space-xl);background:var(--dashboard-gradient-primary);color:#fff;border:none;border-radius:var(--dashboard-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-md);white-space:nowrap}.dashboard-nexus-view-all-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--dashboard-shadow-glow),var(--dashboard-shadow-lg)}.dashboard-nexus-storage-filters{background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-xl);padding:var(--dashboard-space-xl);margin-top:var(--dashboard-space-xl);margin-bottom:var(--dashboard-space-lg);display:flex;flex-wrap:wrap;gap:var(--dashboard-space-lg);align-items:center;box-shadow:var(--dashboard-shadow-sm)}.dashboard-nexus-storage-table-wrapper{overflow-x:auto;margin-top:var(--dashboard-space-lg);border-radius:var(--dashboard-radius-lg);border:1px solid var(--dashboard-border-subtle)}.dashboard-nexus-storage-table{width:100%;border-collapse:collapse;background:var(--dashboard-surface-elevated)}.dashboard-nexus-storage-table thead{background:linear-gradient(135deg,var(--dashboard-surface-primary) 0%,#f5f5f5 100%)}.dashboard-nexus-storage-table th{padding:var(--dashboard-space-lg) var(--dashboard-space-md);text-align:left;font-size:.75rem;font-weight:800;color:var(--dashboard-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--dashboard-border-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}.dashboard-nexus-storage-table th:hover{color:var(--dashboard-brand-red)}.dashboard-nexus-storage-table tbody tr{border-bottom:1px solid var(--dashboard-border-subtle);transition:background var(--dashboard-transition-fast)}.dashboard-nexus-storage-table tbody tr:hover{background:#00000005}.dashboard-nexus-storage-table tbody tr:last-child{border-bottom:none}.dashboard-nexus-storage-table td{padding:var(--dashboard-space-lg) var(--dashboard-space-md);font-size:.875rem;color:var(--dashboard-text-primary);white-space:nowrap}.dashboard-nexus-storage-table td.strong{font-weight:700}.dashboard-nexus-storage-table td.plate{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:700;color:var(--dashboard-text-primary)}.dashboard-nexus-storage-table td.badge{font-weight:700;color:var(--dashboard-brand-red)}.dashboard-nexus-storage-table td.company{font-weight:600;color:var(--dashboard-text-secondary)}.dashboard-nexus-status-chip.chip--winter.is-active{border-color:#3b82f6;background:#3b82f61a;box-shadow:0 0 0 3px #3b82f61f}.dashboard-nexus-status-chip.chip--summer.is-active{border-color:#f59e0b;background:#f59e0b1a;box-shadow:0 0 0 3px #f59e0b1f}.dashboard-nexus-empty-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px}.dashboard-nexus-empty-state{text-align:center;max-width:400px;padding:var(--dashboard-space-2xl)}.dashboard-nexus-empty-icon{width:80px;height:80px;background:var(--dashboard-gradient-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--dashboard-space-xl);color:var(--dashboard-text-tertiary);font-size:2rem;animation:dashboard-nexus-float 3s ease-in-out infinite;border:1px solid var(--dashboard-border-subtle)}@keyframes dashboard-nexus-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-nexus-empty-title{font-size:1.5rem;font-weight:700;color:var(--dashboard-text-primary);margin-bottom:var(--dashboard-space-md)}.dashboard-nexus-empty-message{font-size:1rem;color:var(--dashboard-text-secondary);line-height:1.6}.dashboard-nexus-pagination{display:flex;align-items:center;justify-content:center;gap:var(--dashboard-space-md);margin-top:var(--dashboard-space-xl);padding-top:var(--dashboard-space-lg)}.dashboard-nexus-pagination-btn{display:flex;align-items:center;gap:var(--dashboard-space-sm);padding:var(--dashboard-space-md) var(--dashboard-space-lg);background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-lg);font-size:.875rem;font-weight:600;color:var(--dashboard-text-primary);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm)}.dashboard-nexus-pagination-btn:hover:not(:disabled){background:var(--dashboard-brand-red);color:#fff;border-color:var(--dashboard-brand-red);transform:translateY(-1px);box-shadow:var(--dashboard-shadow-md)}.dashboard-nexus-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.dashboard-nexus-pagination-numbers{display:flex;gap:var(--dashboard-space-xs)}.dashboard-nexus-pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--dashboard-surface-elevated);border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-md);font-size:.875rem;font-weight:600;color:var(--dashboard-text-primary);cursor:pointer;transition:all var(--dashboard-transition-normal);box-shadow:var(--dashboard-shadow-sm)}.dashboard-nexus-pagination-number:hover{background:var(--dashboard-surface-primary);transform:translateY(-1px);box-shadow:var(--dashboard-shadow-md)}.dashboard-nexus-pagination-number.active{background:var(--dashboard-brand-red);color:#fff;border-color:var(--dashboard-brand-red);box-shadow:var(--dashboard-shadow-md)}.dashboard-nexus-pagination-dots{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--dashboard-text-tertiary)}.dashboard-nexus-skeleton-container{background:var(--dashboard-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dashboard-border-subtle);border-radius:var(--dashboard-radius-2xl);padding:var(--dashboard-space-2xl);box-shadow:var(--dashboard-shadow-lg);min-height:800px;display:flex;flex-direction:column}.dashboard-nexus-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--dashboard-radius-sm);animation:dashboard-nexus-shimmer 2s infinite}.dashboard-nexus-skeleton-title{height:4rem;width:300px;margin-bottom:var(--dashboard-space-sm)}.dashboard-nexus-skeleton-subtitle{height:1.125rem;width:400px;margin-bottom:var(--dashboard-space-xl)}.dashboard-nexus-skeleton-button{height:48px;width:140px;border-radius:var(--dashboard-radius-lg)}.dashboard-nexus-skeleton-stat{height:120px;border-radius:var(--dashboard-radius-2xl)}.dashboard-nexus-skeleton-chart{height:320px;border-radius:var(--dashboard-radius-2xl)}.dashboard-nexus-skeleton-order{height:140px;border-radius:var(--dashboard-radius-xl)}@keyframes dashboard-nexus-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1200px){.dashboard-nexus-content-wrapper{padding:var(--dashboard-space-xl) var(--dashboard-space-md)}.dashboard-nexus-charts-grid{grid-template-columns:1fr}.dashboard-nexus-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-nexus-orders-section{min-height:700px}.dashboard-nexus-orders-content{min-height:500px}}@media (max-width: 768px){.dashboard-nexus-hero{flex-direction:column;gap:var(--dashboard-space-lg);text-align:center}.dashboard-nexus-title-section h1{font-size:clamp(2rem,8vw,3rem)}.dashboard-nexus-controls{width:100%;justify-content:center}.dashboard-nexus-filters{flex-direction:column;align-items:stretch;gap:var(--dashboard-space-md)}.dashboard-nexus-search-container{min-width:100%}.dashboard-nexus-filter-controls{justify-content:stretch;flex-wrap:wrap}.dashboard-nexus-filter-select,.dashboard-nexus-date-input{flex:1;min-width:auto}.dashboard-nexus-stats-grid,.dashboard-nexus-orders-grid{grid-template-columns:1fr}.dashboard-nexus-pagination{flex-wrap:wrap;gap:var(--dashboard-space-sm)}.dashboard-nexus-orders-section{min-height:600px}.dashboard-nexus-orders-content{min-height:400px}.dashboard-nexus-status-badge:after,.dashboard-nexus-status-chip:after{font-size:.7rem;padding:6px 10px;min-width:180px}}@media (max-width: 480px){.dashboard-nexus-content-wrapper{padding:var(--dashboard-space-lg) var(--dashboard-space-sm)}.dashboard-nexus-controls{flex-direction:column;width:100%}.dashboard-nexus-refresh-btn,.dashboard-nexus-select{width:100%;justify-content:center}.dashboard-nexus-filter-controls{flex-direction:column;width:100%}.dashboard-nexus-filter-select,.dashboard-nexus-date-input,.dashboard-nexus-clear-btn{width:100%}.dashboard-nexus-orders-section{min-height:500px;padding:var(--dashboard-space-lg)}.dashboard-nexus-orders-content{min-height:300px}.dashboard-nexus-empty-container{min-height:250px}.dashboard-nexus-skeleton-container{min-height:400px;padding:var(--dashboard-space-lg)}}:root{--order-primary-bg: #ffffff;--order-surface-primary: #fafafa;--order-surface-elevated: #ffffff;--order-surface-glass: rgba(255, 255, 255, .95);--order-border-subtle: rgba(0, 0, 0, .08);--order-border-medium: rgba(0, 0, 0, .12);--order-border-strong: rgba(0, 0, 0, .16);--order-text-primary: #0a0a0a;--order-text-secondary: #525252;--order-text-tertiary: #737373;--order-brand-red: #ef4444;--order-brand-red-hover: #dc2626;--order-brand-red-bg: rgba(239, 68, 68, .1);--order-gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--order-gradient-surface: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--order-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--order-shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--order-shadow-lg: 0 10px 18px rgba(0, 0, 0, .12);--order-shadow-xl: 0 20px 28px rgba(0, 0, 0, .14);--order-shadow-glow: 0 0 22px rgba(239, 68, 68, .22);--order-space-2xs: .25rem;--order-space-xs: .5rem;--order-space-sm: .75rem;--order-space-md: 1rem;--order-space-lg: 1.5rem;--order-space-xl: 2rem;--order-radius-sm: .5rem;--order-radius-md: .75rem;--order-radius-lg: 1rem;--order-radius-xl: 1.25rem;--order-radius-2xl: 1.75rem;--order-radius-full: 9999px;--order-transition-fast: .15s ease;--order-transition-normal: .3s ease;--order-transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275)}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--order-primary-bg);color:var(--order-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:order-fade-in .25s ease}@keyframes order-fade-in{0%{opacity:0}to{opacity:1}}.order-modal-container{position:relative;background:var(--order-surface-glass);border:1px solid var(--order-border-subtle);border-radius:var(--order-radius-2xl);width:min(1200px,94vw);max-height:90vh;overflow:hidden;box-shadow:var(--order-shadow-xl);animation:order-pop .34s var(--order-transition-spring);display:flex;flex-direction:column}@keyframes order-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.order-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--order-space-lg) var(--order-space-xl);border-bottom:1px solid var(--order-border-subtle);background:var(--order-surface-elevated)}.order-modal-title{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0}.order-close-button{width:38px;height:38px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--order-surface-elevated);border:1px solid var(--order-border-medium);border-radius:12px;color:var(--order-text-secondary);box-shadow:var(--order-shadow-sm);transition:all var(--order-transition-fast);font-size:1.5rem}.order-close-button:hover{background:var(--order-brand-red);color:#fff;border-color:var(--order-brand-red);transform:rotate(90deg)}.order-modal-body{flex:1;overflow:auto;background:var(--order-surface-elevated);scrollbar-width:thin;scrollbar-color:var(--order-border-medium) transparent;padding:var(--order-space-xl)}.order-modal-body::-webkit-scrollbar{width:10px}.order-modal-body::-webkit-scrollbar-track{background:transparent;border-radius:999px}.order-modal-body::-webkit-scrollbar-thumb{background:var(--order-border-medium);border-radius:999px;border:3px solid transparent;background-clip:content-box}.order-modal-body::-webkit-scrollbar-thumb:hover{background:var(--order-brand-red);background-clip:content-box}.company-selection-section{background:var(--order-surface-glass);border:1px solid var(--order-border-subtle);border-radius:var(--order-radius-xl);padding:var(--order-space-lg);margin-bottom:var(--order-space-xl);box-shadow:var(--order-shadow-sm)}.company-selection-header{display:flex;align-items:center;gap:var(--order-space-sm);margin-bottom:var(--order-space-md)}.company-selection-icon{color:var(--order-brand-red);font-size:1.25rem}.company-selection-title{font-size:1.1rem;font-weight:700;color:var(--order-text-primary);margin:0}.company-dropdown-container{position:relative;z-index:100}.company-dropdown-input{width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--order-border-medium);border-radius:14px;background:var(--order-surface-elevated);color:var(--order-text-primary);font-size:.92rem;outline:none;transition:all var(--order-transition-normal);box-shadow:var(--order-shadow-sm)}.company-dropdown-input:focus{border-color:var(--order-brand-red);box-shadow:0 0 0 3px var(--order-brand-red-bg),var(--order-shadow-md);background:#fff}.company-dropdown-list{position:absolute;top:100%;left:0;right:0;z-index:9999;background:var(--order-primary-bg);border:1px solid var(--order-border-medium);border-radius:var(--order-radius-md);max-height:200px;overflow-y:auto;width:100%;box-shadow:var(--order-shadow-lg);margin-top:var(--order-space-xs);list-style:none;padding:0}.company-dropdown-list::-webkit-scrollbar{width:6px}.company-dropdown-list::-webkit-scrollbar-track{background:var(--order-surface-primary)}.company-dropdown-list::-webkit-scrollbar-thumb{background:var(--order-border-medium);border-radius:var(--order-radius-lg)}.company-dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;color:var(--order-text-primary);transition:background var(--order-transition-fast);list-style:none;font-weight:500}.company-dropdown-item:hover{background:var(--order-surface-primary)}.company-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.5rem;color:var(--order-text-tertiary);background:none;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--order-transition-fast);border-radius:var(--order-radius-full);z-index:10}.company-clear-btn:hover{color:var(--order-brand-red);background:var(--order-brand-red-bg)}.order-section{background-color:var(--order-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--order-radius-xl);margin-bottom:var(--order-space-lg);box-shadow:var(--order-shadow-sm);overflow:visible;border:1px solid var(--order-border-subtle);transition:all var(--order-transition-normal)}.order-section.disabled{opacity:.5;pointer-events:none;background-color:var(--order-surface-primary)}.order-section-header{display:flex;align-items:center;padding:var(--order-space-lg);background-color:var(--order-surface-primary);border-bottom:1px solid var(--order-border-subtle);border-radius:var(--order-radius-xl) var(--order-radius-xl) 0 0}.order-section-icon{color:var(--order-brand-red);font-size:1.25rem;margin-right:var(--order-space-md)}.order-section-header h4{font-size:1rem;font-weight:700;margin:0;color:var(--order-text-primary);letter-spacing:-.01em}.order-form-group label{font-size:.8rem;font-weight:700;color:var(--order-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}.order-form-group input,.order-form-group select,.order-form-group textarea{width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--order-border-medium);border-radius:14px;background:var(--order-surface-elevated);color:var(--order-text-primary);font-size:.92rem;outline:none;transition:all var(--order-transition-normal);box-shadow:var(--order-shadow-sm);font-family:Geist,sans-serif;font-weight:400}.order-form-group input:focus,.order-form-group select:focus,.order-form-group textarea:focus{border-color:var(--order-brand-red);box-shadow:0 0 0 3px var(--order-brand-red-bg),var(--order-shadow-md);background:#fff}.order-radio-text{padding:.5rem 1rem;background-color:var(--order-surface-primary);border:1px solid var(--order-border-medium);border-radius:var(--order-radius-full);font-size:.875rem;transition:all var(--order-transition-normal);display:block;font-weight:500;color:var(--order-text-primary)}.order-radio-label input[type=radio]:checked+.order-radio-text{background:var(--order-gradient-primary);color:#fff;border-color:var(--order-brand-red);font-weight:600;box-shadow:var(--order-shadow-sm)}.order-checkbox-label input[type=checkbox]+.order-checkbox-text{display:flex;align-items:center;position:relative;padding-left:2rem;font-size:.9375rem;color:var(--order-text-primary);font-weight:500}.order-checkbox-label input[type=checkbox]:checked+.order-checkbox-text:after{content:"✓";position:absolute;color:#fff;font-size:.875rem;font-weight:700;left:.3rem;top:50%;transform:translateY(-50%)}.edit-contact-btn,.save-contact-btn,.cancel-edit-btn{display:inline-flex;align-items:center;gap:var(--order-space-sm);padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--order-radius-full);cursor:pointer;transition:all var(--order-transition-normal);border:1px solid var(--order-border-medium);background:var(--order-primary-bg);color:var(--order-text-primary);box-shadow:var(--order-shadow-sm)}.edit-contact-btn{background:var(--order-gradient-primary);color:#fff;border-color:var(--order-brand-red)}.save-contact-btn{background:#10b981;color:#fff;border-color:#10b981}.error-message,.warning-message{padding:var(--order-space-md);margin-bottom:var(--order-space-lg);border-radius:var(--order-radius-md);font-size:.875rem;font-weight:500}.error-message{color:var(--order-brand-red);background:var(--order-brand-red-bg);border:1px solid rgba(239,68,68,.2)}.warning-message{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.error-text{color:var(--order-brand-red);font-size:.75rem;margin-top:var(--order-space-xs);font-weight:500}.loading-wheel{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--order-border-medium);border-top-color:var(--order-brand-red);border-radius:50%;animation:order-spin .8s linear infinite}@keyframes order-spin{to{transform:translateY(-50%) rotate(360deg)}}.order-modal-footer{display:flex;align-items:center;justify-content:center;gap:var(--order-space-md);padding:12px var(--order-space-xl);min-height:64px;background:var(--order-surface-elevated);border-top:1px solid var(--order-border-subtle)}.order-button-primary{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:none;cursor:pointer;border-radius:14px;font-weight:800;font-size:.9rem;background:var(--order-gradient-primary);color:#fff;transition:all var(--order-transition-normal);white-space:nowrap;box-shadow:var(--order-shadow-md)}.order-button-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--order-shadow-glow),var(--order-shadow-lg)}.order-button-primary:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 768px){.order-modal-container{max-width:100%;max-height:100vh;border-radius:0}.order-form-row{flex-direction:column;gap:var(--order-space-md)}.order-form-row.two-col>.order-form-group,.order-form-row.three-col>.order-form-group{flex:1 1 100%}.order-form-row.three-col{flex-wrap:wrap}.order-modal-body{padding:var(--order-space-lg)}}@media (max-width: 480px){.order-modal-header{padding:var(--order-space-lg)}.order-modal-title{font-size:1.25rem}.order-section-content{padding:var(--order-space-lg)}}:root{--order-primary-bg: #ffffff;--order-surface-primary: #fafafa;--order-surface-elevated: #ffffff;--order-surface-glass: rgba(255, 255, 255, .8);--order-border-subtle: rgba(0, 0, 0, .08);--order-border-medium: rgba(0, 0, 0, .12);--order-border-strong: rgba(0, 0, 0, .16);--order-text-primary: #0a0a0a;--order-text-secondary: #525252;--order-text-tertiary: #737373;--order-brand-red: #ef4444;--order-brand-red-hover: #dc2626;--order-brand-red-bg: rgba(239, 68, 68, .1);--order-accent-blue: #3b82f6;--order-accent-green: #10b981;--order-accent-yellow: #f59e0b;--order-gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--order-gradient-surface: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--order-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--order-shadow-md: 0 4px 10px rgba(0, 0, 0, .1);--order-shadow-lg: 0 10px 20px rgba(0, 0, 0, .12);--order-shadow-xl: 0 20px 35px rgba(0, 0, 0, .16);--order-space-xs: .25rem;--order-space-sm: .5rem;--order-space-md: 1rem;--order-space-lg: 1.5rem;--order-space-xl: 2rem;--order-radius-sm: .5rem;--order-radius-md: .75rem;--order-radius-lg: 1rem;--order-radius-xl: 1.5rem;--order-radius-2xl: 2rem;--order-radius-full: 9999px;--order-transition-fast: .15s ease;--order-transition-normal: .3s ease}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0a0a0ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.order-modal-content{position:relative;width:720px;max-width:92vw;max-height:90vh;background-color:var(--order-surface-elevated);border-radius:var(--order-radius-2xl);box-shadow:var(--order-shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .35s cubic-bezier(.16,1,.3,1);border:1px solid var(--order-border-subtle);z-index:2000}.bulk-modal-content{width:880px;max-width:96vw}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--order-space-xl);background:var(--order-gradient-primary);color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.order-modal-header h3{font-size:1.35rem;font-weight:700;margin:0;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em}.order-header-actions{display:flex;align-items:center;gap:var(--order-space-md)}.csv-import-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:700;border-radius:var(--order-radius-full);background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.28);cursor:pointer;transition:all var(--order-transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.06em}.csv-import-btn:hover{background:#ffffff47;transform:translateY(-1px)}.order-close-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:var(--order-radius-full);display:grid;place-items:center;cursor:pointer;color:#fff;font-size:1.5rem;transition:all var(--order-transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.order-close-btn:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.08)}.order-close-icon{line-height:.5;font-weight:300}.order-modal-body{padding:var(--order-space-xl);overflow-y:auto;max-height:calc(90vh - 7rem);position:relative;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;z-index:1}.order-modal-body::-webkit-scrollbar{width:8px}.order-modal-body::-webkit-scrollbar-track{background:var(--order-surface-primary);border-radius:var(--order-radius-lg)}.order-modal-body::-webkit-scrollbar-thumb{background:var(--order-border-medium);border-radius:var(--order-radius-lg)}.order-modal-body::-webkit-scrollbar-thumb:hover{background:var(--order-border-strong)}.required-fields-info{font-size:.85rem;color:var(--order-text-secondary);margin-bottom:var(--order-space-lg);font-style:italic;font-weight:400}.error-message,.warning-message{font-size:.85rem;margin-bottom:var(--order-space-lg);padding:var(--order-space-md);border-radius:var(--order-radius-md);font-weight:500;border:1px solid transparent}.error-message{color:var(--order-brand-red);background:var(--order-brand-red-bg);border-color:#ef444433}.warning-message{color:var(--order-accent-yellow);background:#f59e0b1a;border-color:#f59e0b33}.bulk-order-item{border:1px solid var(--order-border-subtle);border-radius:var(--order-radius-xl);padding:var(--order-space-xl);margin-bottom:var(--order-space-xl);background:var(--order-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--order-shadow-sm);transition:all var(--order-transition-normal);overflow:visible;position:relative}.bulk-order-item:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--order-gradient-primary);border-radius:var(--order-radius-xl) var(--order-radius-xl) 0 0}.bulk-order-item:hover{box-shadow:var(--order-shadow-md);border-color:var(--order-border-medium);transform:translateY(-1px)}.bulk-order-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--order-space-lg);padding-bottom:var(--order-space-md);border-bottom:1px solid var(--order-border-subtle)}.bulk-order-item-header h4{font-size:1.1rem;font-weight:700;color:var(--order-text-primary);margin:0;letter-spacing:-.01em}.bulk-remove-btn-inline{display:inline-flex;align-items:center;gap:var(--order-space-sm);padding:.5rem 1rem;font-size:.8rem;font-weight:700;background:var(--order-primary-bg);color:var(--order-text-secondary);border:1px solid var(--order-border-medium);border-radius:var(--order-radius-full);cursor:pointer;transition:all var(--order-transition-normal);box-shadow:var(--order-shadow-sm)}.bulk-remove-btn-inline:hover{background:#ef444414;color:var(--order-brand-red);border-color:var(--order-brand-red);transform:translateY(-1px);box-shadow:var(--order-shadow-md)}.order-section{background-color:var(--order-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--order-radius-xl);margin-bottom:var(--order-space-lg);box-shadow:var(--order-shadow-sm);overflow:visible;border:1px solid var(--order-border-subtle);transition:all var(--order-transition-normal)}.order-section:hover{box-shadow:var(--order-shadow-md);border-color:var(--order-border-medium)}.order-section.disabled{opacity:.55;pointer-events:none;background-color:var(--order-surface-primary)}.order-section-header{display:flex;align-items:center;gap:var(--order-space-md);padding:var(--order-space-lg);background-color:var(--order-surface-primary);border-bottom:1px solid var(--order-border-subtle);border-radius:var(--order-radius-xl) var(--order-radius-xl) 0 0}.order-section-icon{color:var(--order-brand-red);font-size:1.25rem}.order-section-header h4{font-size:.95rem;font-weight:800;margin:0;color:var(--order-text-primary);letter-spacing:-.01em;text-transform:uppercase}.order-section-content{padding:var(--order-space-xl);background-color:var(--order-primary-bg);position:relative;border-radius:0 0 var(--order-radius-xl) var(--order-radius-xl)}.order-form-row{display:flex;gap:var(--order-space-lg);margin-bottom:var(--order-space-lg);flex-wrap:wrap}.order-form-row:last-child{margin-bottom:0}.order-form-row.two-col>.order-form-group{flex:1 1 calc(50% - var(--order-space-md))}.order-form-row.three-col{flex-wrap:nowrap}.order-form-row.three-col>.order-form-group{flex:1 1 auto}.order-form-row.checkbox-centered{justify-content:center;align-items:center;margin-top:var(--order-space-lg)}.order-form-group{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.order-form-group label{font-size:.8rem;font-weight:700;color:var(--order-text-primary);margin-bottom:var(--order-space-sm);letter-spacing:-.01em}.order-form-group input,.order-form-group select,.order-form-group textarea{padding:.75rem 1rem;border:1px solid var(--order-border-medium);border-radius:var(--order-radius-md);font-size:.93rem;transition:all var(--order-transition-normal);color:var(--order-text-primary);background-color:var(--order-primary-bg);font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400}.order-form-group input:focus,.order-form-group select:focus,.order-form-group textarea:focus{outline:none;border-color:var(--order-brand-red);box-shadow:0 0 0 3px var(--order-brand-red-bg);background-color:var(--order-primary-bg)}.order-form-group input::placeholder,.order-form-group select::placeholder{color:var(--order-text-tertiary)}.order-form-group input:disabled{background-color:var(--order-surface-primary);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--order-brand-red)!important;background-color:#ef44440d!important}.error-text{color:var(--order-brand-red);font-size:.75rem;margin-top:var(--order-space-xs);font-weight:600}.field-help-text{color:var(--order-brand-red);font-size:.75rem;margin-top:var(--order-space-xs);font-weight:600;font-style:italic}.order-radio-group{display:flex;gap:var(--order-space-md);flex-wrap:wrap}.order-radio-group.no-wrap{flex-wrap:nowrap}.order-radio-label{display:flex;align-items:center;cursor:pointer;position:relative}.order-radio-label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.order-radio-text{padding:.5rem 1rem;background-color:var(--order-surface-primary);border:1px solid var(--order-border-medium);border-radius:var(--order-radius-full);font-size:.85rem;transition:all var(--order-transition-normal);display:block;font-weight:600;color:var(--order-text-primary)}.order-radio-label input[type=radio]:checked+.order-radio-text{background:var(--order-gradient-primary);color:#fff;border-color:var(--order-brand-red);box-shadow:var(--order-shadow-sm)}.order-radio-label:hover .order-radio-text{background-color:var(--order-surface-elevated);border-color:var(--order-border-strong)}.order-radio-label input[type=radio]:focus+.order-radio-text{box-shadow:0 0 0 3px var(--order-brand-red-bg)}.order-radio-label input[type=radio]:disabled+.order-radio-text{opacity:.5;cursor:not-allowed}.order-checkbox-group{margin-top:var(--order-space-sm)}.order-checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.order-checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.order-checkbox-label input[type=checkbox]+.order-checkbox-text{display:flex;align-items:center;position:relative;padding-left:2rem;font-size:.93rem;color:var(--order-text-primary);font-weight:600}.order-checkbox-label input[type=checkbox]+.order-checkbox-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;border:2px solid var(--order-border-strong);border-radius:var(--order-radius-sm);background-color:var(--order-primary-bg);transition:all var(--order-transition-normal)}.order-checkbox-label input[type=checkbox]:checked+.order-checkbox-text:before{background:var(--order-gradient-primary);border-color:var(--order-brand-red)}.order-checkbox-label input[type=checkbox]:checked+.order-checkbox-text:after{content:"✓";position:absolute;color:#fff;font-size:.875rem;font-weight:800;left:.32rem;top:50%;transform:translateY(-50%)}.order-checkbox-label:hover input[type=checkbox]+.order-checkbox-text:before{border-color:var(--order-brand-red)}.dropdown-container,.customer-dropdown-container,.store-dropdown-container{position:relative;z-index:5000}.order-dropdown{position:absolute;top:100%;left:0;right:0;z-index:6000;background:var(--order-primary-bg);border:1px solid var(--order-border-medium);border-radius:var(--order-radius-md);max-height:260px;overflow-y:auto;width:100%;box-shadow:var(--order-shadow-lg);margin-top:var(--order-space-xs);pointer-events:auto}.order-dropdown::-webkit-scrollbar{width:6px}.order-dropdown::-webkit-scrollbar-track{background:var(--order-surface-primary)}.order-dropdown::-webkit-scrollbar-thumb{background:var(--order-border-medium);border-radius:var(--order-radius-lg)}.dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;color:var(--order-text-primary);transition:background var(--order-transition-fast);list-style:none;font-weight:600;-webkit-user-select:none;user-select:none}.dropdown-item:hover{background:var(--order-surface-primary)}.dropdown-item:active{transform:translateY(.5px)}.edit-contact-btn,.save-contact-btn{display:inline-flex;align-items:center;gap:var(--order-space-sm);padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;border-radius:var(--order-radius-full);cursor:pointer;transition:all var(--order-transition-normal);border:1px solid var(--order-border-medium);background:var(--order-primary-bg);color:var(--order-text-primary);box-shadow:var(--order-shadow-sm)}.edit-contact-btn:hover,.save-contact-btn:hover{transform:translateY(-1px);box-shadow:var(--order-shadow-md);border-color:var(--order-border-strong)}.save-contact-btn{background:var(--order-gradient-primary);color:#fff;border-color:var(--order-brand-red);margin-left:var(--order-space-md)}.button-icon{font-size:1rem}.clear-btn,.clear-btn-workshop{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.4rem;color:var(--order-text-tertiary);background:none;border:none;padding:0;width:24px;height:24px;display:grid;place-items:center;transition:all var(--order-transition-fast);border-radius:var(--order-radius-full)}.clear-btn:hover,.clear-btn-workshop:hover{color:var(--order-brand-red);background:var(--order-brand-red-bg)}.bulk-add-order{display:flex;justify-content:center;align-items:center;gap:var(--order-space-lg);padding:var(--order-space-xl);margin-top:var(--order-space-lg);border-top:1px solid var(--order-border-subtle);background:var(--order-surface-primary);border-radius:var(--order-radius-xl)}.bulk-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;font-size:.95rem;font-weight:800;background:var(--order-primary-bg);color:var(--order-text-primary);border:2px solid var(--order-border-strong);border-radius:var(--order-radius-full);cursor:pointer;transition:all var(--order-transition-normal);box-shadow:var(--order-shadow-md);text-transform:uppercase;letter-spacing:.05em;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.bulk-add-btn:hover{background:var(--order-surface-primary);border-color:var(--order-brand-red);color:var(--order-brand-red);transform:translateY(-2px) scale(1.01);box-shadow:var(--order-shadow-lg)}.order-button-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;font-size:1rem;font-weight:900;background:var(--order-gradient-primary);color:#fff;border:none;border-radius:var(--order-radius-full);cursor:pointer;transition:all var(--order-transition-normal);box-shadow:var(--order-shadow-md);text-transform:uppercase;letter-spacing:.06em;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.order-button-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--order-shadow-lg)}.order-button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-wheel{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--order-border-medium);border-top-color:var(--order-brand-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.spin{animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.confirm-close-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:4000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-close-content{background:var(--order-primary-bg);padding:var(--order-space-xl);border-radius:var(--order-radius-xl);max-width:400px;width:calc(100% - 2rem);box-shadow:var(--order-shadow-xl);border:1px solid var(--order-border-subtle)}.confirm-close-content h3{margin:0 0 var(--order-space-md) 0;color:var(--order-text-primary);font-size:1.25rem;font-weight:800}.confirm-close-content p{margin:0 0 var(--order-space-xl) 0;color:var(--order-text-secondary);line-height:1.6}.confirm-close-actions{display:flex;gap:var(--order-space-md);justify-content:flex-end}.confirm-close-btn,.cancel-close-btn{padding:.6rem 1.4rem;border-radius:var(--order-radius-full);font-size:.9rem;font-weight:800;cursor:pointer;transition:all var(--order-transition-normal);border:1px solid var(--order-border-medium)}.confirm-close-btn{background:var(--order-gradient-primary);color:#fff;border-color:var(--order-brand-red)}.cancel-close-btn{background:var(--order-primary-bg);color:var(--order-text-primary)}.confirm-close-btn:hover,.cancel-close-btn:hover{transform:translateY(-1px);box-shadow:var(--order-shadow-md)}.csv-modal-content{width:560px;max-width:90vw;background-color:var(--order-surface-elevated);border-radius:var(--order-radius-2xl);box-shadow:var(--order-shadow-xl);overflow:hidden;animation:slideUp .35s cubic-bezier(.16,1,.3,1);border:1px solid var(--order-border-subtle)}.csv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--order-space-xl);background:var(--order-gradient-primary);color:#fff}.csv-modal-header h3{font-size:1.35rem;font-weight:800;margin:0;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em}.csv-modal-body{padding:var(--order-space-xl);display:flex;flex-direction:column;gap:var(--order-space-xl)}.csv-modal-description{font-size:1rem;color:var(--order-text-secondary);line-height:1.6;margin:0}.csv-modal-requirements{background-color:var(--order-surface-primary);padding:var(--order-space-lg);border-radius:var(--order-radius-md);border:1px solid var(--order-border-subtle)}.csv-modal-requirements h4{font-size:1rem;font-weight:800;color:var(--order-text-primary);margin-bottom:var(--order-space-md)}.csv-modal-requirements p{font-size:.875rem;color:var(--order-text-secondary);margin-bottom:var(--order-space-md);line-height:1.5}.csv-requirements-list{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--order-text-secondary)}.csv-requirements-list li{margin-bottom:var(--order-space-sm);line-height:1.5;padding-left:var(--order-space-lg);position:relative}.csv-requirements-list li:before{content:"•";position:absolute;left:0;color:var(--order-brand-red);font-weight:900}.csv-requirements-list li strong{color:var(--order-text-primary);font-weight:700}.csv-modal-actions{display:flex;gap:var(--order-space-lg);justify-content:center}.csv-upload-btn,.csv-download-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.6rem;font-size:.95rem;font-weight:800;border-radius:var(--order-radius-full);cursor:pointer;transition:all var(--order-transition-normal);box-shadow:var(--order-shadow-md);text-transform:uppercase;letter-spacing:.05em;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;border:2px solid var(--order-border-strong)}.csv-upload-btn{background:var(--order-gradient-primary);color:#fff;border:none}.csv-upload-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--order-shadow-lg)}.csv-download-btn{background-color:var(--order-primary-bg);color:var(--order-text-primary)}.csv-download-btn:hover{background-color:var(--order-surface-primary);color:var(--order-brand-red);border-color:var(--order-brand-red);transform:translateY(-2px) scale(1.01);box-shadow:var(--order-shadow-lg)}.bulk-queue-panel{position:sticky;top:0;background:var(--order-primary-bg);border-bottom:1px solid var(--order-border-subtle);z-index:3000}.bulk-queue-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem var(--order-space-xl)}.bulk-queue-header h4{margin:0;font-size:1rem}.bulk-queue-counts{display:flex;gap:.5rem;align-items:center}.q-badge{display:inline-flex;gap:.35rem;align-items:center;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:800;border:1px solid var(--order-border-medium)}.q-badge.waiting{background:#fff}.q-badge.processing{background:#3b82f614}.q-badge.success{background:#10b9811a}.q-badge.error{background:#ef44441a}.bulk-queue-list{list-style:none;padding:0 var(--order-space-xl) var(--order-space-md);margin:0}.bulk-queue-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px dashed var(--order-border-subtle)}.bulk-queue-item:last-child{border-bottom:0}.bulk-queue-left{display:flex;flex-direction:column;gap:.25rem}.bulk-queue-title{font-weight:800;display:flex;align-items:center;gap:.5rem}.q-ordernr{font-size:.75rem;font-weight:800;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:.15rem .45rem;border-radius:999px}.bulk-queue-message{font-size:.85rem;color:var(--order-text-secondary)}.bulk-queue-item.success .bulk-queue-title{color:#065f46}.bulk-queue-item.error .bulk-queue-title{color:#7f1d1d}.order-success-screen{width:520px;max-width:92vw;background:var(--order-primary-bg);border-radius:var(--order-radius-2xl);padding:var(--order-space-xl);box-shadow:var(--order-shadow-xl);border:1px solid var(--order-border-subtle);text-align:center}.order-success-icon-wrapper{display:grid;place-items:center;margin-bottom:.75rem}.order-success-icon{color:var(--order-accent-green)}.order-success-title{margin:0 0 .5rem;font-size:1.4rem}.order-success-message{margin:0 0 1.25rem;color:var(--order-text-secondary)}@media (max-width: 1024px){.bulk-modal-content{width:95vw}.bulk-order-item{padding:var(--order-space-lg)}}@media (max-width: 768px){.order-modal-content,.bulk-modal-content{width:100%;max-height:100vh;border-radius:0}.order-form-row{flex-direction:column;gap:var(--order-space-md)}.order-form-row.two-col>.order-form-group,.order-form-row.three-col>.order-form-group{flex:1 1 100%}.order-form-row.three-col{flex-wrap:wrap}.order-modal-body{padding:var(--order-space-lg)}.bulk-order-item-header{flex-direction:column;align-items:flex-start;gap:var(--order-space-md)}.bulk-remove-btn-inline{width:100%;justify-content:center}.bulk-add-order{flex-direction:column;gap:var(--order-space-md)}.bulk-add-btn,.order-button-primary{width:100%}.csv-modal-actions{flex-direction:column}.csv-upload-btn,.csv-download-btn{width:100%}}@media (max-width: 480px){.order-modal-header{padding:var(--order-space-lg)}.order-modal-header h3{font-size:1.15rem}.order-section-content{padding:var(--order-space-lg)}.bulk-order-item,.order-modal-body,.csv-modal-body{padding:var(--order-space-md)}}:root{--bg:#ffffff;--muted:#f6f6f7;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.14);--text:#0a0a0a;--text-2:#555;--brand:#ef4444;--brand-2:#dc2626;--brand-bg:rgba(239,68,68,.1);--green:#10b981;--green-bg:rgba(16,185,129,.12);--red:#ef4444;--red-bg:rgba(239,68,68,.12);--shadow-xl:0 20px 28px rgba(0,0,0,.14);--shadow-md:0 8px 18px rgba(0,0,0,.12);--r-2xl:1.75rem}body{font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;color:var(--text);background:#fff}.ci-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:ci-fade .25s ease}@keyframes ci-fade{0%{opacity:0}to{opacity:1}}.ci-sheet{position:relative;width:min(1000px,94vw);max-height:84vh;background:#fffffff7;border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:ci-rise .34s cubic-bezier(.175,.885,.32,1.275)}@keyframes ci-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ci-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border);background:#fff}.ci-head-left{display:flex;align-items:center;gap:14px}.ci-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:var(--shadow-md)}.ci-head-text{display:flex;flex-direction:column;gap:6px}.ci-title{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.ci-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;color:#333;background:var(--brand-bg);border:1px solid rgba(239,68,68,.18);border-radius:999px;padding:4px 9px;width:max-content}.ci-head-actions{display:flex;align-items:center;gap:10px}.ci-iconbtn{width:36px;height:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.75rem;border:1px solid rgba(0,0,0,.12);color:#555;box-shadow:0 1px 2px #00000014;transition:all .15s ease}.ci-iconbtn svg{font-size:1.15rem}.ci-iconbtn:hover{background:#fafafa;color:#111;border-color:#0000002e}.ci-iconbtn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;box-shadow:0 8px 18px #ef444452}.ci-iconbtn-primary:hover{transform:translateY(-1px) scale(1.02)}.ci-iconbtn-secondary,.ci-close{background:#fff}.ci-close:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:rotate(90deg)}.ci-error-banner{margin:.75rem 1.25rem 0;padding:.75rem 1rem;border-radius:.9rem;border:1px solid rgba(239,68,68,.25);background:var(--red-bg);color:#7f1d1d;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 10px #ef444426;animation:ci-error-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes ci-error-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ci-body{padding:1.25rem 1.75rem 1.5rem;overflow:auto;background:#fafafa}.ci-body::-webkit-scrollbar{width:9px}.ci-body::-webkit-scrollbar-track{background:transparent;margin:8px}.ci-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}.ci-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ci-field{display:flex;flex-direction:column;gap:8px}.ci-field label{font-size:.8rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.ci-field-group-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:1 / -1}.ci-input{padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:#fff;outline:none;transition:.18s ease;font-size:.95rem}.ci-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);background:#fff}.ci-value{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--muted);font-weight:600;color:#111;min-height:48px;display:flex;align-items:center}.ci-skel{background:linear-gradient(90deg,#eee 25%,#e4e4e4,#eee 75%);background-size:200% 100%;animation:ci-shimmer 1.3s infinite;border-radius:10px}@keyframes ci-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ci-skel-avatar{width:64px;height:64px;border-radius:50%}.ci-skel-line{height:18px}.ci-skel-chip{height:22px;border-radius:999px}.ci-skel-input{height:48px;grid-column:span 1}@media (max-width: 900px){.ci-field-group-2{grid-template-columns:1fr}}@media (max-width: 820px){.ci-grid{grid-template-columns:1fr}}@media (max-width:640px){.ci-sheet{width:95vw;max-height:88vh}.ci-head{padding:1rem 1.25rem}.ci-body{padding:1rem 1.25rem 1.25rem}}:root{--orderpage-primary-bg: #ffffff;--orderpage-surface-primary: #fafafa;--orderpage-surface-elevated: #ffffff;--orderpage-surface-glass: rgba(255, 255, 255, .8);--orderpage-border-subtle: rgba(0, 0, 0, .08);--orderpage-border-medium: rgba(0, 0, 0, .12);--orderpage-border-strong: rgba(0, 0, 0, .16);--orderpage-text-primary: #0a0a0a;--orderpage-text-secondary: #525252;--orderpage-text-tertiary: #737373;--orderpage-brand-red: #ef4444;--orderpage-brand-red-hover: #dc2626;--orderpage-brand-red-bg: rgba(239, 68, 68, .1);--orderpage-accent-blue: #3b82f6;--orderpage-accent-green: #10b981;--orderpage-accent-yellow: #f59e0b;--orderpage-accent-purple: #8b5cf6;--orderpage-gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--orderpage-gradient-surface: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--orderpage-gradient-glow: radial-gradient(circle at 50% 0%, rgba(239, 68, 68, .08) 0%, transparent 70%);--orderpage-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--orderpage-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--orderpage-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--orderpage-shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--orderpage-shadow-glow: 0 0 20px rgba(239, 68, 68, .2);--orderpage-space-xs: .25rem;--orderpage-space-sm: .5rem;--orderpage-space-md: 1rem;--orderpage-space-lg: 1.5rem;--orderpage-space-xl: 2rem;--orderpage-space-2xl: 3rem;--orderpage-space-3xl: 4rem;--orderpage-radius-sm: .5rem;--orderpage-radius-md: .75rem;--orderpage-radius-lg: 1rem;--orderpage-radius-xl: 1.5rem;--orderpage-radius-2xl: 1rem;--orderpage-transition-fast: .15s ease;--orderpage-transition-normal: .3s ease;--orderpage-transition-slow: .5s ease;--orderpage-transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275)}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--orderpage-primary-bg);color:var(--orderpage-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.order-error-boundary-container{background:var(--orderpage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-3xl) var(--orderpage-space-xl);text-align:center;margin:var(--orderpage-space-xl) 0;box-shadow:var(--orderpage-shadow-lg)}.order-error-boundary-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--orderpage-brand-red);border:1px solid rgba(239,68,68,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--orderpage-space-xl);animation:order-error-boundary-float 3s ease-in-out infinite}@keyframes order-error-boundary-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.order-error-boundary-title{font-size:1.5rem;font-weight:700;color:var(--orderpage-text-primary);margin-bottom:var(--orderpage-space-md)}.order-error-boundary-message{color:var(--orderpage-brand-red);font-weight:600;margin-bottom:var(--orderpage-space-xl)}.order-error-boundary-reload-btn{display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-md) var(--orderpage-space-xl);background:var(--orderpage-gradient-primary);color:#fff;border:none;border-radius:var(--orderpage-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--orderpage-transition-normal);box-shadow:var(--orderpage-shadow-md);margin:0 auto}.order-error-boundary-reload-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--orderpage-shadow-glow),var(--orderpage-shadow-lg)}.order-page-main-container{min-height:100vh;background:var(--orderpage-primary-bg);position:relative;overflow-x:hidden}.order-page-main-container:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:var(--orderpage-gradient-glow);z-index:-1;opacity:.6}.order-page-content-wrapper{max-width:1400px;margin:0 auto;padding:var(--orderpage-space-2xl) var(--orderpage-space-lg)}.order-page-content-wrapper:has(.order-table-skeleton-container){padding-top:var(--orderpage-space-2xl)}.order-hero-skeleton-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--orderpage-space-lg);gap:var(--orderpage-space-xl)}.order-hero-skeleton-title-section{flex:1}.order-hero-skeleton-main-title,.order-hero-skeleton-subtitle,.order-hero-skeleton-primary-btn,.order-hero-skeleton-secondary-btn,.order-controls-skeleton-filter-btn,.order-controls-skeleton-search-input,.order-controls-skeleton-stats,.order-controls-skeleton-export-btn,.order-table-skeleton-cell{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:order-skeleton-shimmer 2s infinite;border-radius:8px}.order-hero-skeleton-main-title{height:4rem;width:300px;margin-bottom:var(--orderpage-space-sm)}.order-hero-skeleton-subtitle{height:1.125rem;width:400px}.order-hero-skeleton-actions{display:flex;gap:var(--orderpage-space-md);flex-shrink:0}.order-hero-skeleton-primary-btn{height:48px;width:180px}.order-hero-skeleton-secondary-btn{height:48px;width:200px}@keyframes order-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.order-controls-skeleton-wrapper{background:var(--orderpage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-xl);margin-bottom:var(--orderpage-space-xl);position:relative;box-shadow:var(--orderpage-shadow-md);z-index:2}.order-controls-skeleton-grid{display:grid;grid-template-columns:1fr auto;gap:var(--orderpage-space-xl);align-items:center}.order-controls-skeleton-search-zone{display:flex;gap:var(--orderpage-space-md);align-items:center}.order-controls-skeleton-search-container{flex:1;max-width:500px}.order-controls-skeleton-meta-zone{display:flex;align-items:center;gap:var(--orderpage-space-lg)}.order-table-skeleton-container{background:var(--orderpage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-xl);box-shadow:var(--orderpage-shadow-lg)}.order-table-skeleton-row{display:flex;gap:var(--orderpage-space-md);margin-bottom:var(--orderpage-space-lg);align-items:center}.order-table-skeleton-cell{height:14px}.order-table-skeleton-cell-narrow{flex:1}.order-table-skeleton-cell-medium{flex:2}.order-table-skeleton-cell-wide{flex:3}.order-table-skeleton-cell-circle{width:32px;height:32px;border-radius:50%;flex:none}.order-page-hero-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--orderpage-space-lg);gap:var(--orderpage-space-xl)}.order-page-hero-title-section{flex:1}.order-page-hero-main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:var(--orderpage-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--orderpage-space-sm);letter-spacing:-.02em;line-height:.9;padding-bottom:10px}.order-page-hero-subtitle{font-size:1.125rem;color:var(--orderpage-text-secondary);font-weight:400;max-width:500px}.order-page-hero-actions{display:flex;gap:var(--orderpage-space-md);flex-shrink:0}.order-page-hero-primary-btn,.order-page-hero-secondary-btn,.order-page-error-state-retry-btn,.order-page-empty-state-create-btn,.order-export-modal-export-btn{margin:0 auto;display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-md) var(--orderpage-space-xl);border:none;border-radius:var(--orderpage-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--orderpage-transition-normal);box-shadow:var(--orderpage-shadow-md);white-space:nowrap}.order-page-hero-primary-btn{background:var(--orderpage-gradient-primary);color:#fff}.order-page-hero-primary-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--orderpage-shadow-glow),var(--orderpage-shadow-lg)}.order-page-hero-secondary-btn{background:var(--orderpage-surface-elevated);color:var(--orderpage-text-primary);border:1px solid var(--orderpage-border-medium)}.order-page-hero-secondary-btn:hover{background:var(--orderpage-surface-primary);border-color:var(--orderpage-border-strong);transform:translateY(-1px);box-shadow:var(--orderpage-shadow-sm)}.order-page-controls-panel{background:var(--orderpage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-xl);margin-bottom:var(--orderpage-space-xl);position:relative;box-shadow:var(--orderpage-shadow-md);z-index:2}.order-page-controls-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--orderpage-gradient-surface);border-radius:var(--orderpage-radius-2xl) var(--orderpage-radius-2xl) 0 0}.order-page-controls-grid{display:grid;grid-template-columns:1fr auto;gap:var(--orderpage-space-xl);align-items:center}.order-page-controls-search-zone{display:flex;gap:var(--orderpage-space-md);align-items:center}.order-page-filter-container{position:relative;z-index:99999}.order-page-filter-toggle-btn{width:48px;height:48px;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--orderpage-text-secondary);transition:all var(--orderpage-transition-normal);position:relative;box-shadow:var(--orderpage-shadow-sm)}.order-page-filter-toggle-btn:hover{background:var(--orderpage-brand-red);border-color:var(--orderpage-brand-red);color:#fff;transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-filter-dropdown-menu{position:absolute;top:calc(100% + var(--orderpage-space-md));left:0;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-xl);padding:var(--orderpage-space-lg);min-width:280px;box-shadow:var(--orderpage-shadow-xl);z-index:99999;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.order-page-filter-dropdown-menu-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.order-page-filter-section{margin-bottom:var(--orderpage-space-lg)}.order-page-filter-section:last-child{margin-bottom:0}.order-page-filter-section-title{font-size:.75rem;font-weight:700;color:var(--orderpage-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--orderpage-space-md)}.order-page-filter-option-btn{display:block;width:100%;padding:var(--orderpage-space-sm) var(--orderpage-space-md);text-align:left;background:none;border:none;border-radius:var(--orderpage-radius-md);font-size:.875rem;color:var(--orderpage-text-secondary);cursor:pointer;transition:all var(--orderpage-transition-fast);margin-bottom:var(--orderpage-space-xs)}.order-page-filter-option-btn:hover{background:var(--orderpage-surface-primary);color:var(--orderpage-brand-red)}.order-page-filter-date-group{display:flex;flex-direction:column;gap:var(--orderpage-space-sm)}.order-page-filter-date-label{font-size:.75rem;font-weight:600;color:var(--orderpage-text-primary)}.order-page-filter-date-input{padding:var(--orderpage-space-sm) var(--orderpage-space-md);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-md);font-size:.875rem;color:var(--orderpage-text-primary);background:var(--orderpage-surface-elevated);outline:none;transition:all var(--orderpage-transition-fast)}.order-page-filter-date-input:focus{border-color:var(--orderpage-brand-red);box-shadow:0 0 0 3px var(--orderpage-brand-red-bg)}.order-page-filter-clear-btn{padding:var(--orderpage-space-sm) var(--orderpage-space-lg);background:var(--orderpage-surface-primary);color:var(--orderpage-text-primary);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--orderpage-transition-fast);width:100%}.order-page-filter-clear-btn:hover{background:var(--orderpage-brand-red);color:#fff;border-color:var(--orderpage-brand-red)}.order-page-column-selector-container{position:relative;z-index:99998}.order-page-column-selector-toggle-btn{width:48px;height:48px;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--orderpage-text-secondary);transition:all var(--orderpage-transition-normal);position:relative;box-shadow:var(--orderpage-shadow-sm)}.order-page-column-selector-toggle-btn:hover{background:var(--orderpage-accent-purple);border-color:var(--orderpage-accent-purple);color:#fff;transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-column-selector-dropdown{position:absolute;top:calc(100% + var(--orderpage-space-md));left:0;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-xl);padding:var(--orderpage-space-lg);min-width:320px;max-width:400px;box-shadow:var(--orderpage-shadow-xl);z-index:99998;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.order-page-column-selector-dropdown-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.order-page-column-selector-header{margin-bottom:var(--orderpage-space-lg);padding-bottom:var(--orderpage-space-md);border-bottom:1px solid var(--orderpage-border-subtle)}.order-page-column-selector-title{font-size:1rem;font-weight:700;color:var(--orderpage-text-primary);margin-bottom:var(--orderpage-space-xs)}.order-page-column-selector-subtitle{font-size:.75rem;color:var(--orderpage-text-tertiary)}.order-page-column-selector-quick-actions{display:flex;gap:var(--orderpage-space-sm);margin-bottom:var(--orderpage-space-lg)}.order-page-column-selector-quick-btn{flex:1;padding:var(--orderpage-space-sm) var(--orderpage-space-xs);background:var(--orderpage-surface-primary);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-md);font-size:clamp(.55rem,1.8vw,.7rem);font-weight:600;color:var(--orderpage-text-primary);cursor:pointer;transition:all var(--orderpage-transition-fast);white-space:nowrap;min-width:0;display:flex;align-items:center;justify-content:center}.order-page-column-selector-quick-btn:hover{background:var(--orderpage-accent-purple);color:#fff;border-color:var(--orderpage-accent-purple);transform:translateY(-1px)}.order-page-column-selector-reset-btn{background:var(--orderpage-brand-red-bg);color:var(--orderpage-brand-red);border-color:var(--orderpage-brand-red)}.order-page-column-selector-reset-btn:hover{background:var(--orderpage-brand-red);color:#fff}.order-page-column-selector-list{max-height:300px;overflow-y:auto;margin-bottom:var(--orderpage-space-lg);padding-right:var(--orderpage-space-sm)}.order-page-column-selector-list::-webkit-scrollbar{width:6px}.order-page-column-selector-list::-webkit-scrollbar-track{background:var(--orderpage-surface-primary);border-radius:var(--orderpage-radius-sm)}.order-page-column-selector-list::-webkit-scrollbar-thumb{background:var(--orderpage-border-medium);border-radius:var(--orderpage-radius-sm)}.order-page-column-selector-list::-webkit-scrollbar-thumb:hover{background:var(--orderpage-brand-red)}.order-page-column-selector-item{display:flex;align-items:center;gap:var(--orderpage-space-md);padding:var(--orderpage-space-md);background:transparent;border-radius:var(--orderpage-radius-md);margin-bottom:var(--orderpage-space-sm);cursor:pointer;transition:all var(--orderpage-transition-fast)}.order-page-column-selector-item:hover{background:var(--orderpage-surface-primary)}.order-page-column-selector-item:has(.order-page-column-selector-checkbox:checked){background:#8b5cf61a;border:1px solid var(--orderpage-accent-purple)}.order-page-column-selector-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--orderpage-accent-purple);border:2px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-sm)}.order-page-column-selector-label{font-size:.875rem;color:var(--orderpage-text-primary);font-weight:500;flex:1}.order-page-column-selector-footer{padding-top:var(--orderpage-space-md);border-top:1px solid var(--orderpage-border-subtle);text-align:center}.order-page-column-selector-count{font-size:.75rem;color:var(--orderpage-text-tertiary);font-weight:600}.order-page-search-input-container{flex:1;max-width:500px;position:relative}.order-page-search-input-field{width:100%;height:48px;padding:0 var(--orderpage-space-lg) 0 3rem;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);font-size:.875rem;color:var(--orderpage-text-primary);outline:none;transition:all var(--orderpage-transition-normal);font-family:inherit;box-shadow:var(--orderpage-shadow-sm)}.order-page-search-input-field:focus{border-color:var(--orderpage-brand-red);box-shadow:0 0 0 3px var(--orderpage-brand-red-bg),var(--orderpage-shadow-md);background:var(--orderpage-primary-bg)}.order-page-search-input-field::placeholder{color:var(--orderpage-text-tertiary)}.order-page-search-input-icon{position:absolute;left:var(--orderpage-space-md);top:50%;transform:translateY(-50%);color:var(--orderpage-text-tertiary);font-size:1rem}.order-page-search-clear-btn{position:absolute;right:var(--orderpage-space-md);top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--orderpage-border-medium);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--orderpage-text-tertiary);transition:all var(--orderpage-transition-fast);font-size:.75rem}.order-page-search-clear-btn:hover{background:var(--orderpage-brand-red);color:#fff}.order-page-controls-meta-zone{display:flex;align-items:center;gap:var(--orderpage-space-lg)}.order-page-stats-display{display:flex;align-items:center;gap:var(--orderpage-space-sm);font-size:.875rem;color:var(--orderpage-text-secondary)}.order-page-stats-count{font-weight:700;color:var(--orderpage-brand-red);font-size:1.125rem}.order-page-active-filters-container{display:flex;gap:var(--orderpage-space-sm)}.order-page-active-filter-tag{display:flex;align-items:center;gap:var(--orderpage-space-xs);padding:var(--orderpage-space-xs) var(--orderpage-space-sm);background:var(--orderpage-brand-red-bg);color:var(--orderpage-brand-red);border:1px solid var(--orderpage-brand-red);border-radius:var(--orderpage-radius-md);font-size:.75rem;font-weight:600}.order-page-active-filter-tag-close{cursor:pointer;padding:2px;border-radius:50%;transition:background var(--orderpage-transition-fast)}.order-page-active-filter-tag-close:hover{background:#0000001a}.order-page-export-trigger-btn{display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-md) var(--orderpage-space-lg);background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);font-size:.875rem;font-weight:600;color:var(--orderpage-text-primary);cursor:pointer;transition:all var(--orderpage-transition-normal);box-shadow:var(--orderpage-shadow-sm)}.order-page-export-trigger-btn:hover{background:var(--orderpage-accent-blue);border-color:var(--orderpage-accent-blue);color:#fff;transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-error-state-container,.order-page-empty-state-no-orders,.order-page-empty-state-no-results{background:var(--orderpage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-3xl) var(--orderpage-space-xl);text-align:center;margin:var(--orderpage-space-xl) 0;box-shadow:var(--orderpage-shadow-lg)}.order-page-error-state-icon,.order-page-empty-state-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--orderpage-space-xl)}.order-page-error-state-icon{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--orderpage-brand-red);border:1px solid rgba(239,68,68,.2);animation:order-error-state-float 3s ease-in-out infinite}@keyframes order-error-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.order-page-empty-state-icon-wrapper{background:var(--orderpage-gradient-surface);color:var(--orderpage-text-tertiary);font-size:2rem;animation:order-empty-state-float 3s ease-in-out infinite;border:1px solid var(--orderpage-border-subtle)}@keyframes order-empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.order-page-empty-state-title,.order-page-error-state-title{font-size:1.5rem;font-weight:700;color:var(--orderpage-text-primary);margin-bottom:var(--orderpage-space-md)}.order-page-empty-state-description,.order-page-error-state-message{font-size:1rem;color:var(--orderpage-text-secondary);margin-bottom:var(--orderpage-space-xl);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.order-page-error-state-message{color:var(--orderpage-brand-red);font-weight:600}.order-page-table-container{background:var(--orderpage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-2xl);overflow-x:auto;overflow-y:visible;box-shadow:var(--orderpage-shadow-lg);position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:var(--orderpage-border-medium) transparent}.order-page-table-container::-webkit-scrollbar{height:8px}.order-page-table-container::-webkit-scrollbar-track{background:transparent}.order-page-table-container::-webkit-scrollbar-thumb{background:var(--orderpage-border-medium);border-radius:var(--orderpage-radius-sm)}.order-page-table-container::-webkit-scrollbar-thumb:hover{background:var(--orderpage-brand-red)}.order-page-main-table{width:100%;border-collapse:collapse;table-layout:auto}.order-page-table-header{background:linear-gradient(135deg,var(--orderpage-surface-primary) 0%,#f5f5f5 100%)}.order-page-table-header th{padding:var(--orderpage-space-lg) var(--orderpage-space-md);font-size:clamp(.65rem,1.5vw,.75rem);font-weight:700;color:var(--orderpage-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--orderpage-border-medium);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.2}.order-page-th{min-width:100px}.order-page-table-row{transition:all var(--orderpage-transition-fast);border-bottom:1px solid var(--orderpage-border-subtle)}.order-page-table-row:hover{background:#00000005}.order-page-table-row:last-child{border-bottom:none}.order-page-table-cell{padding:var(--orderpage-space-lg) var(--orderpage-space-md);font-size:clamp(.75rem,1.8vw,.9rem);color:var(--orderpage-text-primary);vertical-align:middle;white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.35}.order-page-order-number-link{color:var(--orderpage-brand-red);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--orderpage-transition-fast);font-family:SF Mono,Monaco,Consolas,monospace;white-space:nowrap;font-size:clamp(.75rem,1.8vw,.9rem)}.order-page-order-number-link:hover{color:var(--orderpage-brand-red-hover);text-shadow:0 0 8px rgba(239,68,68,.3)}.order-page-company-name-display{font-weight:600;color:var(--orderpage-accent-blue);white-space:nowrap;font-size:clamp(.75rem,1.8vw,.9rem)}.order-page-email-cell{position:relative}.order-page-email-cell:before{content:attr(data-full-email);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--orderpage-text-primary);color:var(--orderpage-primary-bg);padding:var(--orderpage-space-sm) var(--orderpage-space-md);border-radius:var(--orderpage-radius-md);font-size:.75rem;white-space:nowrap;box-shadow:var(--orderpage-shadow-lg);opacity:0;visibility:hidden;transition:all var(--orderpage-transition-fast);z-index:1000;pointer-events:none;font-weight:500;border:1px solid var(--orderpage-border-medium)}.order-page-email-cell:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--orderpage-text-primary);opacity:0;visibility:hidden;transition:all var(--orderpage-transition-fast);z-index:1000}.order-page-email-cell:hover:before,.order-page-email-cell:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-2px)}.order-page-email-display{cursor:help;white-space:nowrap;font-size:clamp(.75rem,1.8vw,.9rem)}.order-page-license-plate-display{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:#000;background:#b4b9b81a;padding:var(--orderpage-space-xs) var(--orderpage-space-sm);border-radius:var(--orderpage-radius-sm);display:inline-block;border:1px solid rgba(16,185,129,.2);font-size:clamp(1rem,1.6vw,.8rem);padding:.3rem;white-space:nowrap}.order-page-status-badge{padding:var(--orderpage-space-xs) var(--orderpage-space-md);border-radius:var(--orderpage-radius-md);font-size:clamp(.65rem,1.4vw,.75rem);font-weight:700;text-transform:uppercase;letter-spacing:.03em;display:inline-block;white-space:nowrap}.status--info-saknas{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status--hanteras{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status--fakturerad{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status--makulerad{background:#6b72801f;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.op-tooltip{position:fixed;top:0;left:0;transform:translate(-50%,-100%);max-width:360px;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.3;background:var(--orderpage-text-primary);color:var(--orderpage-primary-bg);border:1px solid var(--orderpage-border-medium);box-shadow:var(--orderpage-shadow-xl);pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:2147483647;white-space:normal;word-wrap:break-word}.op-tooltip.show{opacity:1;transform:translate(-50%,-110%)}.op-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--orderpage-text-primary)}@media (prefers-reduced-motion: reduce){.op-tooltip{transition:none}}.order-page-table-action-buttons{display:flex;gap:var(--orderpage-space-xs);justify-content:flex-end;align-items:center}.order-page-action-btn{width:32px;height:32px;border:none;border-radius:var(--orderpage-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--orderpage-transition-normal);background:var(--orderpage-surface-elevated);color:var(--orderpage-text-secondary);border:1px solid var(--orderpage-border-medium);box-shadow:var(--orderpage-shadow-sm)}.order-page-action-btn-info:hover{background:var(--orderpage-accent-blue);color:#fff;border-color:var(--orderpage-accent-blue);transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-action-btn-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--orderpage-space-md);margin-top:var(--orderpage-space-2xl)}.order-page-pagination-nav-btn{display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-md) var(--orderpage-space-lg);background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);font-size:.875rem;font-weight:600;color:var(--orderpage-text-primary);cursor:pointer;transition:all var(--orderpage-transition-normal);box-shadow:var(--orderpage-shadow-sm)}.order-page-pagination-nav-btn:hover:not(:disabled){background:var(--orderpage-brand-red);color:#fff;border-color:var(--orderpage-brand-red);transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-pagination-nav-btn:disabled{opacity:.3;cursor:not-allowed}.order-page-pagination-numbers-container{display:flex;gap:var(--orderpage-space-xs)}.order-page-pagination-number-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-md);font-size:.875rem;font-weight:600;color:var(--orderpage-text-primary);cursor:pointer;transition:all var(--orderpage-transition-normal);box-shadow:var(--orderpage-shadow-sm)}.order-page-pagination-number-btn:hover{background:var(--orderpage-surface-primary);transform:translateY(-1px);box-shadow:var(--orderpage-shadow-md)}.order-page-pagination-number-btn-active{background:var(--orderpage-brand-red);color:#fff;border-color:var(--orderpage-brand-red);box-shadow:var(--orderpage-shadow-md)}.order-page-pagination-dots{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--orderpage-text-tertiary)}.order-export-modal-backdrop,.order-delete-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:order-export-modal-fade-in .3s ease}@keyframes order-export-modal-fade-in{0%{opacity:0}to{opacity:1}}.order-export-modal-container{background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-2xl);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--orderpage-shadow-xl);position:relative;animation:order-export-modal-slide-up .4s var(--orderpage-transition-spring)}@keyframes order-export-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.order-export-modal-close-btn{position:absolute;top:var(--orderpage-space-lg);right:var(--orderpage-space-lg);width:36px;height:36px;background:var(--orderpage-surface-primary);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--orderpage-text-secondary);transition:all var(--orderpage-transition-fast);box-shadow:var(--orderpage-shadow-sm)}.order-export-modal-close-btn:hover{background:var(--orderpage-brand-red);color:#fff;border-color:var(--orderpage-brand-red)}.order-export-modal-title{font-size:1.25rem;font-weight:700;color:var(--orderpage-text-primary);margin-bottom:var(--orderpage-space-md)}.order-export-modal-description{font-size:.875rem;color:var(--orderpage-text-secondary);margin-bottom:var(--orderpage-space-xl);line-height:1.6}.order-export-modal-search-container{position:relative;margin-bottom:var(--orderpage-space-lg)}.order-export-modal-search-input{width:100%;height:48px;padding:0 var(--orderpage-space-lg) 0 3rem;background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);font-size:.875rem;color:var(--orderpage-text-primary);outline:none;transition:all var(--orderpage-transition-normal);font-family:inherit;box-shadow:var(--orderpage-shadow-sm)}.order-export-modal-search-input:focus{border-color:var(--orderpage-brand-red);box-shadow:0 0 0 3px var(--orderpage-brand-red-bg),var(--orderpage-shadow-md)}.order-export-modal-search-icon{position:absolute;left:var(--orderpage-space-md);top:50%;transform:translateY(-50%);color:var(--orderpage-text-tertiary);font-size:1rem}.order-export-modal-orders-list{max-height:300px;overflow-y:auto;margin-bottom:var(--orderpage-space-lg)}.order-export-modal-order-item{display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-sm);background:transparent;border-radius:var(--orderpage-radius-md);margin-bottom:var(--orderpage-space-sm);cursor:pointer;transition:all var(--orderpage-transition-fast)}.order-export-modal-order-item-selected{background:var(--orderpage-brand-red-bg)}.order-export-modal-order-checkbox{margin-right:var(--orderpage-space-sm)}.order-export-modal-order-details{font-size:.875rem;color:var(--orderpage-text-primary)}.order-export-modal-info-text{font-size:.8rem;color:var(--orderpage-text-tertiary);margin-bottom:var(--orderpage-space-lg);text-align:center}.order-export-modal-action-container{display:flex;justify-content:center}.order-export-modal-export-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--orderpage-shadow-glow),var(--orderpage-shadow-lg)}.order-delete-modal-container{background:var(--orderpage-surface-elevated);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-2xl);padding:var(--orderpage-space-2xl);width:90%;max-width:480px;text-align:center;box-shadow:var(--orderpage-shadow-xl);position:relative;animation:order-delete-modal-slide-up .4s var(--orderpage-transition-spring)}@keyframes order-delete-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.order-delete-modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--orderpage-brand-red);border:1px solid rgba(239,68,68,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--orderpage-space-lg);animation:order-delete-modal-icon-pulse 2s ease-in-out infinite}@keyframes order-delete-modal-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.order-delete-modal-title{font-size:1.5rem;font-weight:700;color:var(--orderpage-text-primary);margin-bottom:var(--orderpage-space-md)}.order-delete-modal-description{font-size:1rem;color:var(--orderpage-text-secondary);margin-bottom:var(--orderpage-space-lg);line-height:1.6}.order-delete-modal-details{background:var(--orderpage-surface-primary);border:1px solid var(--orderpage-border-subtle);border-radius:var(--orderpage-radius-lg);padding:var(--orderpage-space-lg);margin-bottom:var(--orderpage-space-xl);text-align:left}.order-delete-modal-detail-item{display:block;font-size:.875rem;color:var(--orderpage-text-secondary);margin-bottom:var(--orderpage-space-sm)}.order-delete-modal-detail-item:last-child{margin-bottom:0}.order-delete-modal-actions{display:flex;gap:var(--orderpage-space-md);justify-content:center}.order-delete-modal-cancel-btn{display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-md) var(--orderpage-space-xl);background:var(--orderpage-surface-elevated);color:var(--orderpage-text-primary);border:1px solid var(--orderpage-border-medium);border-radius:var(--orderpage-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--orderpage-transition-normal)}.order-delete-modal-cancel-btn:hover{background:var(--orderpage-surface-primary);border-color:var(--orderpage-border-strong);transform:translateY(-1px);box-shadow:var(--orderpage-shadow-sm)}.order-delete-modal-confirm-btn{display:flex;align-items:center;gap:var(--orderpage-space-sm);padding:var(--orderpage-space-md) var(--orderpage-space-xl);background:var(--orderpage-brand-red);color:#fff;border:none;border-radius:var(--orderpage-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--orderpage-transition-normal);box-shadow:var(--orderpage-shadow-md)}.order-delete-modal-confirm-btn:hover{background:var(--orderpage-brand-red-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--orderpage-shadow-glow),var(--orderpage-shadow-lg)}@media (prefers-contrast: high){:root{--orderpage-border-subtle: rgba(0,0,0,.3);--orderpage-border-medium: rgba(0,0,0,.5);--orderpage-border-strong: rgba(0,0,0,.7);--orderpage-text-tertiary: #404040}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.order-page-table-row:hover,.order-page-hero-primary-btn:hover,.order-page-hero-secondary-btn:hover,.order-page-export-trigger-btn:hover{transform:none}}@media (max-width: 1200px){.order-page-content-wrapper{padding:var(--orderpage-space-xl) var(--orderpage-space-md)}.order-page-main-table{font-size:clamp(.7rem,1.5vw,.85rem)}.order-page-table-header th,.order-page-table-cell{padding:var(--orderpage-space-md) var(--orderpage-space-sm)}.order-page-table-container{overflow-x:auto}}@media (max-width: 768px){.order-page-hero-section{flex-direction:column;gap:var(--orderpage-space-lg);text-align:center}.order-page-hero-main-title{font-size:clamp(2rem,8vw,3rem)}.order-page-controls-grid{grid-template-columns:1fr;gap:var(--orderpage-space-lg)}.order-page-controls-search-zone{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;gap:var(--orderpage-space-md);align-items:center}.order-page-filter-container{grid-column:1;grid-row:1}.order-page-column-selector-container{grid-column:2;grid-row:1}.order-page-search-input-container{grid-column:1 / -1;grid-row:2;max-width:none}.order-page-controls-meta-zone{display:grid;grid-template-columns:1fr auto;gap:var(--orderpage-space-md);align-items:center;width:100%}.order-page-stats-display{grid-column:1;grid-row:1}.order-page-active-filters-container{grid-column:1 / -1;grid-row:2}.order-page-export-trigger-btn{grid-column:2;grid-row:1}.order-page-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-page-main-table{font-size:clamp(.65rem,1.4vw,.8rem)}}@media (max-width: 480px){.order-page-content-wrapper{padding:var(--orderpage-space-lg) var(--orderpage-space-sm)}.order-page-hero-actions{flex-direction:column;width:100%}.order-page-hero-primary-btn,.order-page-hero-secondary-btn{justify-content:center;width:100%}.order-delete-modal-actions{flex-direction:column;gap:var(--orderpage-space-sm)}.order-delete-modal-cancel-btn,.order-delete-modal-confirm-btn{width:100%;justify-content:center}.order-page-column-selector-dropdown{min-width:280px;right:0;left:auto}.order-page-main-table{font-size:clamp(.6rem,1.3vw,.75rem)}.order-page-controls-meta-zone{grid-template-columns:1fr}.order-page-stats-display,.order-page-active-filters-container,.order-page-export-trigger-btn{grid-column:1}.order-page-export-trigger-btn{width:100%;justify-content:center}}.order-page-loading-state{pointer-events:none;opacity:.7}.order-page-search-loading{position:relative}.order-page-search-loading:after{content:"";position:absolute;top:50%;right:3rem;width:16px;height:16px;border:2px solid var(--orderpage-border-medium);border-top:2px solid var(--orderpage-brand-red);border-radius:50%;animation:order-page-spin 1s linear infinite;transform:translateY(-50%)}@keyframes order-page-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.order-page-filter-toggle-btn:focus,.order-page-column-selector-toggle-btn:focus,.order-page-search-input-field:focus,.order-page-export-trigger-btn:focus,.order-page-hero-primary-btn:focus,.order-page-hero-secondary-btn:focus{outline:2px solid var(--orderpage-brand-red);outline-offset:2px}.order-page-action-btn:focus{outline:2px solid var(--orderpage-accent-blue);outline-offset:2px}:root{--db-primary-color: linear-gradient(90deg, #b21a16, #c92c2c);--db-primary-start: #b21a16;--db-primary-end: #c92c2c;--db-content-bg: #f3f4f6;--db-card-bg: #ffffff;--db-border-radius: 12px;--db-spacing-md: 1rem;--db-spacing-lg: 2rem;--db-font-color: #2C2C2C;--db-border-color: #e5e7eb;--db-hover-bg: #f9fafb}.settings-page-container{background:var(--db-content-bg);min-height:100vh;display:flex;flex-direction:column}.settings-page{padding:var(--db-spacing-lg) 0;flex:1}.content-wrapper{max-width:1200px;margin:0 auto;background:var(--db-card-bg);border-radius:var(--db-border-radius);padding:var(--db-spacing-lg);box-shadow:0 4px 20px #00000014;transition:background .3s ease}.settings-header h1{font-size:2.2rem;color:var(--db-font-color);margin-bottom:.5rem}.settings-header p{font-size:1rem;color:#6b7280;margin-bottom:var(--db-spacing-lg)}.settings-form{display:flex;flex-direction:column;gap:var(--db-spacing-md);max-width:600px;width:100%;align-items:flex-start}.form-row{display:flex;gap:1rem;width:100%}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--db-font-color)}.form-group input{padding:.75rem;border:1px solid var(--db-border-color);border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{border-color:var(--db-primary-end);outline:none}.theme-toggle-btn{padding:.75rem;background:#e5e7eb;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.theme-toggle-btn:hover{background:var(--db-hover-bg)}.submit-btn{padding:.75rem 1.5rem;background:var(--db-primary-start);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease;align-self:flex-end}.submit-btn:hover{background:#9e1713}[data-theme=dark] .settings-page{background:#1f2937}[data-theme=dark] .content-wrapper{background:#374151}[data-theme=dark] .settings-header h1,[data-theme=dark] .form-group label{color:#fff}[data-theme=dark] .form-group input{background:#4b5563;color:#fff;border-color:#6b7280}[data-theme=dark] .theme-toggle-btn{background:#6b7280;color:#fff}[data-theme=dark] .theme-toggle-btn:hover{background:#4b5563}[data-theme=dark] .submit-btn{background:var(--db-primary-end)}[data-theme=dark] .submit-btn:hover{background:#b22727}@media (max-width: 768px){.form-row{flex-direction:column}.content-wrapper{padding:var(--db-spacing-md)}.settings-header h1{font-size:1.75rem}.settings-form{max-width:100%}}:root{--primary-bg:#ffffff;--surface-primary:#fafafa;--surface-elevated:#ffffff;--surface-glass:rgba(255,255,255,.95);--border-subtle:rgba(0,0,0,.08);--border-medium:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.16);--text-primary:#0a0a0a;--text-secondary:#525252;--text-tertiary:#737373;--brand-red:#ef4444;--brand-red-hover:#dc2626;--brand-red-bg:rgba(239,68,68,.1);--gradient-primary:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--gradient-surface:linear-gradient(135deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.01) 100%);--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 4px 8px rgba(0,0,0,.1);--shadow-lg:0 10px 18px rgba(0,0,0,.12);--shadow-xl:0 20px 28px rgba(0,0,0,.14);--shadow-glow:0 0 22px rgba(239,68,68,.22);--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-spring:.3s cubic-bezier(.175,.885,.32,1.275)}.customerform-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:customerform-fade-in .25s ease}@keyframes customerform-fade-in{0%{opacity:0}to{opacity:1}}.customerform-modal-container{position:relative;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);width:min(720px,94vw);max-height:84vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:customerform-pop .34s var(--transition-spring);display:flex;flex-direction:column}@keyframes customerform-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.customerform-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated)}.customerform-titlewrap{display:flex;align-items:center;gap:12px}.customerform-icon-circle{width:40px;height:40px;border-radius:999px;background:var(--brand-red-bg);color:var(--brand-red);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.customerform-modal-title{font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.customerform-subtitle{font-size:.9rem;color:var(--text-tertiary);margin-top:2px}.customerform-modal-close-button{width:36px;height:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:12px;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);font-size:1.1rem}.customerform-modal-close-button:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red);transform:rotate(90deg)}.customerform-scroll{flex:1;overflow:auto;background:var(--surface-elevated);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent;padding:0 var(--space-xl) var(--space-xl) var(--space-xl)}.customerform-scroll::-webkit-scrollbar{width:10px}.customerform-scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px}.customerform-scroll::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:999px;border:3px solid transparent;background-clip:content-box}.customerform-scroll::-webkit-scrollbar-thumb:hover{background:var(--brand-red);background-clip:content-box}.customerform-form{padding-top:var(--space-xl)}.customerform-section{margin-bottom:var(--space-xl)}.customerform-section h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.customerform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.customerform-field{display:flex;flex-direction:column;gap:6px}.customerform-field-full{grid-column:1 / -1}.customerform-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.customerform-input{width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--border-medium);border-radius:14px;background:var(--surface-elevated);color:var(--text-primary);outline:none;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:.9rem}.customerform-input::placeholder{color:var(--text-tertiary)}.customerform-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-bg),var(--shadow-md);background:#fff}.customerform-input:disabled{background:var(--surface-primary);color:var(--text-tertiary);cursor:not-allowed}.customerform-helptext{font-size:.75rem;color:var(--text-tertiary)}.customerform-modal-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:12px var(--space-xl);min-height:64px;background:var(--surface-elevated);border-top:1px solid var(--border-subtle)}.customerform-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;cursor:pointer;border-radius:14px;font-weight:700;font-size:.9rem;transition:all var(--transition-normal);white-space:nowrap;box-shadow:var(--shadow-md)}.customerform-primary{background:var(--gradient-primary);color:#fff}.customerform-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-lg)}.customerform-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-medium)}.customerform-secondary:hover{background:var(--surface-primary);border-color:var(--border-strong)}.nexus-user-admin-company-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:4px;max-height:260px;overflow-y:auto;background:var(--surface-elevated,#ffffff);border-radius:.75rem;box-shadow:0 18px 45px #0f172a38;padding:4px 0;z-index:1200}.nexus-user-admin-company-dropdown .nexus-user-admin-dropdown-item{padding:8px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border-subtle)}.nexus-user-admin-company-dropdown .nexus-user-admin-dropdown-item:last-child{border-bottom:none}.nexus-user-admin-dropdown-primary{font-size:.9rem;font-weight:500;color:var(--text-primary,#0f172a)}.nexus-user-admin-dropdown-secondary{font-size:.78rem;color:var(--text-secondary,#6b7280)}@media (max-width:768px){.customerform-modal-container{width:94vw}.customerform-scroll{padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.customerform-grid{grid-template-columns:1fr}.customerform-modal-footer{flex-direction:column}.customerform-button{width:100%}}.customerform-company-info{margin-bottom:1.5rem}.customerform-company-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ef444414,#ef44440a);border:1px solid rgba(239,68,68,.2);border-radius:12px;box-shadow:0 2px 4px #0000000d}.customerform-company-label{font-size:.875rem;font-weight:600;color:var(--customer-text-secondary, #525252);text-transform:uppercase;letter-spacing:.05em}.customerform-company-name{font-size:1rem;font-weight:800;color:var(--customer-brand-red, #ef4444);letter-spacing:-.01em}:root{--customer-primary-bg: #ffffff;--customer-surface-primary: #fafafa;--customer-surface-elevated: #ffffff;--customer-surface-glass: rgba(255, 255, 255, .8);--customer-border-subtle: rgba(0, 0, 0, .08);--customer-border-medium: rgba(0, 0, 0, .12);--customer-border-strong: rgba(0, 0, 0, .16);--customer-text-primary: #0a0a0a;--customer-text-secondary: #525252;--customer-text-tertiary: #737373;--customer-brand-red: #ef4444;--customer-brand-red-hover: #dc2626;--customer-brand-red-bg: rgba(239, 68, 68, .1);--customer-accent-blue: #3b82f6;--customer-accent-green: #10b981;--customer-accent-yellow: #f59e0b;--customer-accent-purple: #8b5cf6;--customer-gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--customer-gradient-surface: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--customer-gradient-glow: radial-gradient(circle at 50% 0%, rgba(239, 68, 68, .08) 0%, transparent 70%);--customer-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--customer-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--customer-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--customer-shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--customer-shadow-glow: 0 0 20px rgba(239, 68, 68, .2);--customer-space-xs: .25rem;--customer-space-sm: .5rem;--customer-space-md: 1rem;--customer-space-lg: 1.5rem;--customer-space-xl: 2rem;--customer-space-2xl: 3rem;--customer-space-3xl: 4rem;--customer-radius-sm: .5rem;--customer-radius-md: .75rem;--customer-radius-lg: 1rem;--customer-radius-xl: 1.5rem;--customer-radius-2xl: 1rem;--customer-transition-fast: .15s ease;--customer-transition-normal: .3s ease;--customer-transition-slow: .5s ease;--customer-transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275)}.customer-nexus-page{min-height:100vh;background:var(--customer-primary-bg);position:relative;overflow-x:hidden}.customer-nexus-page:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:var(--customer-gradient-glow);z-index:-1;opacity:.6}.customer-nexus-content-wrapper{max-width:1400px;margin:0 auto;padding:var(--customer-space-2xl) var(--customer-space-lg)}.customer-nexus-main-content{min-height:600px;display:flex;flex-direction:column}.customer-nexus-empty-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:600px;padding:var(--customer-space-xl) 0}.customer-nexus-empty-state{background:var(--customer-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--customer-border-subtle);border-radius:var(--customer-radius-2xl);padding:var(--customer-space-2xl) var(--customer-space-xl);text-align:center;box-shadow:var(--customer-shadow-lg);max-width:100%;width:100%;animation:empty-state-fade-in .4s ease-out}@keyframes empty-state-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customer-nexus-empty-icon{width:80px;height:80px;background:var(--customer-gradient-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--customer-space-lg);color:var(--customer-text-tertiary);font-size:2rem;animation:customer-nexus-float 3s ease-in-out infinite;border:1px solid var(--customer-border-subtle)}@keyframes customer-nexus-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.customer-nexus-empty-icon.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--customer-brand-red);border-color:#ef444433}.customer-nexus-empty-title{font-size:1.5rem;font-weight:700;color:var(--customer-text-primary);margin-bottom:var(--customer-space-sm)}.customer-nexus-empty-message{font-size:1rem;color:var(--customer-text-secondary);margin-bottom:var(--customer-space-lg);line-height:1.6}.customer-nexus-error-message{color:var(--customer-brand-red);font-weight:600;margin-bottom:var(--customer-space-xl)}.customer-nexus-empty-actions{display:flex;gap:var(--customer-space-md);justify-content:center;flex-wrap:wrap}.customer-nexus-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--customer-space-lg);gap:var(--customer-space-xl)}.customer-nexus-title-section h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:var(--customer-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--customer-space-sm);letter-spacing:-.02em;line-height:.9}.customer-nexus-subtitle{font-size:1.125rem;color:var(--customer-text-secondary);font-weight:400;max-width:500px}.customer-nexus-actions{display:flex;gap:var(--customer-space-md);flex-shrink:0}.customer-nexus-btn-primary{display:flex;align-items:center;gap:var(--customer-space-sm);padding:var(--customer-space-md) var(--customer-space-xl);background:var(--customer-gradient-primary);color:#fff;border:none;border-radius:var(--customer-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--customer-transition-normal);box-shadow:var(--customer-shadow-md);white-space:nowrap}.customer-nexus-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--customer-shadow-glow),var(--customer-shadow-lg)}.customer-nexus-btn-secondary{display:flex;align-items:center;gap:var(--customer-space-sm);padding:var(--customer-space-md) var(--customer-space-xl);background:var(--customer-surface-elevated);color:var(--customer-text-primary);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--customer-transition-normal);white-space:nowrap}.customer-nexus-btn-secondary:hover{background:var(--customer-surface-primary);border-color:var(--customer-border-strong);transform:translateY(-1px);box-shadow:var(--customer-shadow-sm)}.customer-nexus-controls{background:var(--customer-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--customer-border-subtle);border-radius:var(--customer-radius-2xl);padding:var(--customer-space-xl);margin-bottom:var(--customer-space-xl);position:relative;box-shadow:var(--customer-shadow-md);z-index:2}.customer-nexus-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--customer-gradient-surface);border-radius:var(--customer-radius-2xl) var(--customer-radius-2xl) 0 0}.customer-nexus-controls-grid{display:grid;grid-template-columns:1fr auto;gap:var(--customer-space-xl);align-items:center}.customer-nexus-search-zone{display:flex;gap:var(--customer-space-md);align-items:center}.customer-nexus-filter-btn{width:48px;height:48px;background:var(--customer-surface-elevated);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--customer-text-secondary);transition:all var(--customer-transition-normal);position:relative;box-shadow:var(--customer-shadow-sm)}.customer-nexus-filter-btn:hover{background:var(--customer-brand-red);border-color:var(--customer-brand-red);color:#fff;transform:translateY(-1px);box-shadow:var(--customer-shadow-md)}.customer-nexus-search-container{flex:1;max-width:500px;position:relative}.customer-nexus-search-input{width:100%;height:48px;padding:0 var(--customer-space-lg) 0 3rem;background:var(--customer-surface-elevated);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-lg);font-size:.875rem;color:var(--customer-text-primary);outline:none;transition:all var(--customer-transition-normal);font-family:inherit;box-shadow:var(--customer-shadow-sm)}.customer-nexus-search-input:focus{border-color:var(--customer-brand-red);box-shadow:0 0 0 3px var(--customer-brand-red-bg),var(--customer-shadow-md);background:var(--customer-primary-bg)}.customer-nexus-search-input::placeholder{color:var(--customer-text-tertiary)}.customer-nexus-search-icon{position:absolute;left:var(--customer-space-md);top:50%;transform:translateY(-50%);color:var(--customer-text-tertiary);font-size:1rem}.customer-nexus-search-clear{position:absolute;right:var(--customer-space-md);top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--customer-border-medium);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--customer-text-tertiary);transition:all var(--customer-transition-fast);font-size:.75rem}.customer-nexus-search-clear:hover{background:var(--customer-brand-red);color:#fff}.customer-nexus-meta-zone{display:flex;align-items:center;gap:var(--customer-space-lg)}.customer-nexus-stats{display:flex;align-items:center;gap:var(--customer-space-sm);font-size:.875rem;color:var(--customer-text-secondary)}.customer-nexus-stats-count{font-weight:700;color:var(--customer-brand-red);font-size:1.125rem}.customer-nexus-filters-active{display:flex;gap:var(--customer-space-sm)}.customer-nexus-filter-tag{display:flex;align-items:center;gap:var(--customer-space-xs);padding:var(--customer-space-xs) var(--customer-space-sm);background:var(--customer-brand-red-bg);color:var(--customer-brand-red);border:1px solid var(--customer-brand-red);border-radius:var(--customer-radius-md);font-size:.75rem;font-weight:600}.customer-nexus-filter-tag-close{cursor:pointer;padding:2px;border-radius:50%;transition:background var(--customer-transition-fast)}.customer-nexus-filter-tag-close:hover{background:#0000001a}.customer-nexus-success-message{background:#10b9811a;color:var(--customer-accent-green);padding:var(--customer-space-md) var(--customer-space-lg);border-radius:var(--customer-radius-lg);border:1px solid rgba(16,185,129,.2);font-weight:600;margin-bottom:var(--customer-space-lg);text-align:center}.customer-nexus-table-container{background:var(--customer-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--customer-border-subtle);border-radius:var(--customer-radius-2xl);overflow:hidden;box-shadow:var(--customer-shadow-lg);position:relative;z-index:1;flex:1;min-height:500px;display:flex;flex-direction:column}.customer-nexus-table-empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--customer-space-3xl) var(--customer-space-xl)}.customer-nexus-table-empty-state .customer-nexus-empty-state{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;max-width:500px;padding:var(--customer-space-xl)}.customer-nexus-table{width:100%;border-collapse:collapse;table-layout:fixed}.customer-nexus-table.show-company th:nth-child(1),.customer-nexus-table.show-company td:nth-child(1){width:12%;min-width:120px}.customer-nexus-table.show-company th:nth-child(2),.customer-nexus-table.show-company td:nth-child(2){width:14%;min-width:140px}.customer-nexus-table th:nth-child(1):not(.show-company),.customer-nexus-table td:nth-child(1):not(.show-company){width:18%;min-width:180px}.customer-nexus-table th:nth-child(3),.customer-nexus-table td:nth-child(3){width:20%;min-width:200px}.customer-nexus-table th:nth-child(4),.customer-nexus-table td:nth-child(4){width:15%;min-width:150px}.customer-nexus-table th:nth-child(5),.customer-nexus-table td:nth-child(5){width:12%;min-width:120px}.customer-nexus-table th:nth-child(6),.customer-nexus-table td:nth-child(6){width:20%;min-width:200px}.customer-nexus-table th:nth-child(7),.customer-nexus-table td:nth-child(7){width:12%;min-width:120px}.customer-nexus-table th:nth-child(8),.customer-nexus-table td:nth-child(8){width:10%;min-width:100px}.customer-nexus-table th:nth-child(9),.customer-nexus-table td:nth-child(9){width:8%;min-width:80px}.customer-nexus-table-header{background:linear-gradient(135deg,var(--customer-surface-primary) 0%,#f5f5f5 100%)}.customer-nexus-table-header th{padding:var(--customer-space-lg) var(--customer-space-md);font-size:.75rem;font-weight:700;color:var(--customer-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--customer-border-medium);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-nexus-table-row{transition:all var(--customer-transition-fast);border-bottom:1px solid var(--customer-border-subtle)}.customer-nexus-table-row:hover{background:#00000005;transform:scale(1.001)}.customer-nexus-table-row:last-child{border-bottom:none}.customer-nexus-table-cell{padding:var(--customer-space-lg) var(--customer-space-md);font-size:.875rem;color:var(--customer-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-nexus-contact-link{color:var(--customer-brand-red);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--customer-transition-fast);font-family:SF Mono,Monaco,Consolas,monospace}.customer-nexus-contact-link:hover{color:var(--customer-brand-red-hover);text-shadow:0 0 8px rgba(239,68,68,.3)}.customer-nexus-name-link{color:var(--customer-brand-red);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--customer-transition-fast)}.customer-nexus-name-link:hover{color:var(--customer-brand-red-hover);text-shadow:0 0 8px rgba(239,68,68,.3)}.customer-nexus-company-name{font-weight:600;color:var(--customer-accent-blue)}.customer-nexus-contact-no{font-size:clamp(1rem,1.6vw,.8rem);padding:.3rem;white-space:nowrap}.customer-nexus-table-actions{display:flex;gap:var(--customer-space-xs);justify-content:flex-end;align-items:center}.customer-nexus-action-btn{width:32px;height:32px;border:none;border-radius:var(--customer-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--customer-transition-normal);background:var(--customer-surface-elevated);color:var(--customer-text-secondary);border:1px solid var(--customer-border-medium);box-shadow:var(--customer-shadow-sm)}.customer-nexus-action-btn.info:hover{background:var(--customer-accent-blue);color:#fff;border-color:var(--customer-accent-blue);transform:translateY(-1px);box-shadow:var(--customer-shadow-md)}.customer-nexus-action-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:var(--customer-shadow-md)}.customer-nexus-action-btn.disabled{opacity:.3;cursor:not-allowed}.customer-nexus-action-btn.disabled:hover{background:var(--customer-surface-elevated);color:var(--customer-text-secondary);transform:none;box-shadow:var(--customer-shadow-sm)}.customer-nexus-filter-container{position:relative;z-index:1000}.customer-nexus-filter-menu{position:absolute;top:calc(100% + var(--customer-space-md));left:0;background:var(--customer-surface-elevated);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-xl);padding:var(--customer-space-lg);min-width:280px;box-shadow:var(--customer-shadow-xl);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.customer-nexus-filter-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.customer-nexus-filter-section{margin-bottom:var(--customer-space-lg)}.customer-nexus-filter-section:last-child{margin-bottom:0}.customer-nexus-filter-title{font-size:.75rem;font-weight:700;color:var(--customer-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--customer-space-md)}.customer-nexus-filter-option{display:block;width:100%;padding:var(--customer-space-sm) var(--customer-space-md);text-align:left;background:none;border:none;border-radius:var(--customer-radius-md);font-size:.875rem;color:var(--customer-text-secondary);cursor:pointer;transition:all var(--customer-transition-fast);margin-bottom:var(--customer-space-xs)}.customer-nexus-filter-option:hover{background:var(--customer-surface-primary);color:var(--customer-brand-red)}.customer-nexus-filter-clear{padding:var(--customer-space-sm) var(--customer-space-lg);background:var(--customer-surface-primary);color:var(--customer-text-primary);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--customer-transition-fast);width:100%}.customer-nexus-filter-clear:hover{background:var(--customer-brand-red);color:#fff;border-color:var(--customer-brand-red)}.customer-nexus-pagination{display:flex;justify-content:center;align-items:center;gap:var(--customer-space-md);margin-top:var(--customer-space-2xl);padding-top:var(--customer-space-lg)}.customer-nexus-pagination-btn{display:flex;align-items:center;gap:var(--customer-space-sm);padding:var(--customer-space-md) var(--customer-space-lg);background:var(--customer-surface-elevated);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-lg);font-size:.875rem;font-weight:600;color:var(--customer-text-primary);cursor:pointer;transition:all var(--customer-transition-normal);box-shadow:var(--customer-shadow-sm)}.customer-nexus-pagination-btn:hover:not(:disabled){background:var(--customer-brand-red);color:#fff;border-color:var(--customer-brand-red);transform:translateY(-1px);box-shadow:var(--customer-shadow-md)}.customer-nexus-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.customer-nexus-pagination-numbers{display:flex;gap:var(--customer-space-xs)}.customer-nexus-pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--customer-surface-elevated);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-md);font-size:.875rem;font-weight:600;color:var(--customer-text-primary);cursor:pointer;transition:all var(--customer-transition-normal);box-shadow:var(--customer-shadow-sm)}.customer-nexus-pagination-number:hover{background:var(--customer-surface-primary);transform:translateY(-1px);box-shadow:var(--customer-shadow-md)}.customer-nexus-pagination-number.active{background:var(--customer-brand-red);color:#fff;border-color:var(--customer-brand-red);box-shadow:var(--customer-shadow-md)}.customer-nexus-pagination-dots{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--customer-text-tertiary)}.customer-nexus-skeleton-container{background:var(--customer-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--customer-border-subtle);border-radius:var(--customer-radius-2xl);padding:var(--customer-space-xl);box-shadow:var(--customer-shadow-lg);flex:1;min-height:500px}.customer-nexus-skeleton-row{display:flex;gap:var(--customer-space-md);margin-bottom:var(--customer-space-lg);align-items:center}.customer-nexus-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--customer-radius-sm);animation:customer-nexus-shimmer 2s infinite}.customer-nexus-skeleton-text{height:14px}.customer-nexus-skeleton-wide{flex:3}.customer-nexus-skeleton-medium{flex:2}.customer-nexus-skeleton-narrow{flex:1}.customer-nexus-skeleton-circle{width:32px;height:32px;border-radius:50%}@keyframes customer-nexus-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.customer-nexus-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2147483600;animation:customer-nexus-fade-in .3s ease}@keyframes customer-nexus-fade-in{0%{opacity:0}to{opacity:1}}.customer-nexus-modal{background:var(--customer-surface-elevated);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-2xl);padding:var(--customer-space-2xl);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--customer-shadow-xl);position:relative;z-index:2147483601;animation:customer-nexus-slide-up .4s var(--customer-transition-spring)}@keyframes customer-nexus-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-nexus-modal-close{position:absolute;top:var(--customer-space-lg);right:var(--customer-space-lg);width:36px;height:36px;background:var(--customer-surface-primary);border:1px solid var(--customer-border-medium);border-radius:var(--customer-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--customer-text-secondary);transition:all var(--customer-transition-fast);box-shadow:var(--customer-shadow-sm)}.customer-nexus-modal-close:hover{background:var(--customer-brand-red);color:#fff;border-color:var(--customer-brand-red)}.customer-nexus-modal-close:disabled{opacity:.5;cursor:not-allowed}.customer-nexus-modal-title{font-size:1.25rem;font-weight:700;color:var(--customer-text-primary);margin-bottom:var(--customer-space-md)}.customer-nexus-modal-description{font-size:.875rem;color:var(--customer-text-secondary);margin-bottom:var(--customer-space-xl);line-height:1.6}.customer-nexus-modal-actions{display:flex;gap:var(--customer-space-md);justify-content:center;flex-wrap:wrap}.customer-nexus-delete-modal{min-height:250px}.customer-nexus-delete-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--customer-space-2xl) 0;text-align:center}.customer-nexus-success-icon{width:100px;height:100px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--customer-space-xl);color:var(--customer-accent-green);animation:customer-nexus-success-pop .5s cubic-bezier(.175,.885,.32,1.275);border:3px solid rgba(16,185,129,.2)}@keyframes customer-nexus-success-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.customer-nexus-modal-subtitle{font-size:.875rem;color:var(--customer-text-tertiary);margin-top:var(--customer-space-md);font-style:italic}.customer-nexus-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#ef4444!important}.customer-nexus-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.customer-nexus-btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.customer-nexus-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:customer-nexus-spin .6s linear infinite;margin-right:8px}@keyframes customer-nexus-spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.customer-nexus-content-wrapper{padding:var(--customer-space-xl) var(--customer-space-md)}.customer-nexus-table{font-size:.8rem}.customer-nexus-table-header th,.customer-nexus-table-cell{padding:var(--customer-space-md) var(--customer-space-sm)}.customer-nexus-main-content,.customer-nexus-empty-container{min-height:500px}}@media (max-width: 768px){.customer-nexus-hero{flex-direction:column;gap:var(--customer-space-lg);text-align:center}.customer-nexus-title-section h2{font-size:clamp(2rem,8vw,3rem)}.customer-nexus-controls-grid{grid-template-columns:1fr;gap:var(--customer-space-lg)}.customer-nexus-search-zone{flex-direction:column;align-items:stretch}.customer-nexus-search-container{max-width:none;order:2}.customer-nexus-filter-btn{order:1;align-self:flex-start}.customer-nexus-meta-zone{flex-direction:column;align-items:flex-start;gap:var(--customer-space-md)}.customer-nexus-table-container{overflow-x:auto}.customer-nexus-table{min-width:1000px}.customer-nexus-pagination{flex-wrap:wrap;gap:var(--customer-space-sm)}.customer-nexus-modal{margin:var(--customer-space-md);width:calc(100% - 2rem)}.customer-nexus-modal-actions{flex-direction:column}.customer-nexus-main-content{min-height:450px}.customer-nexus-empty-container{min-height:450px;padding:var(--customer-space-xl) var(--customer-space-md)}.customer-nexus-empty-state{padding:var(--customer-space-2xl) var(--customer-space-lg)}}@media (max-width: 480px){.customer-nexus-content-wrapper{padding:var(--customer-space-lg) var(--customer-space-sm)}.customer-nexus-actions{flex-direction:column;width:100%}.customer-nexus-btn-primary,.customer-nexus-btn-secondary{justify-content:center;width:100%}.customer-nexus-main-content{min-height:400px}.customer-nexus-empty-container{min-height:400px;padding:var(--customer-space-lg) var(--customer-space-sm)}.customer-nexus-skeleton-container{min-height:400px}.customer-nexus-empty-state{padding:var(--customer-space-xl) var(--customer-space-md)}.customer-nexus-empty-icon{width:64px;height:64px}.customer-nexus-empty-title{font-size:1.25rem}.customer-nexus-empty-message{font-size:.875rem}}:root{--primary-bg: #ffffff;--surface-primary: #fafafa;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .8);--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .16);--text-primary: #0a0a0a;--text-secondary: #525252;--text-tertiary: #737373;--brand-red: #ef4444;--brand-red-hover: #dc2626;--brand-red-bg: rgba(239, 68, 68, .1);--accent-blue: #3b82f6;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-purple: #8b5cf6;--gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-surface: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--gradient-glow: radial-gradient(circle at 50% 0%, rgba(239, 68, 68, .08) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(239, 68, 68, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 1rem;--chip-radius: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275)}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--primary-bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nexus-user-administration{min-height:100vh;background:var(--primary-bg);position:relative;overflow-x:hidden}.nexus-user-admin-content-wrapper:has(.nexus-user-admin-skeleton){padding-top:clamp(8px,2vw,24px)!important}.nexus-user-administration:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:var(--gradient-glow);z-index:-1;opacity:.6}.nexus-user-admin-content-wrapper{max-width:1400px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.nexus-user-admin-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-xl)}.nexus-user-admin-title-section h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm);letter-spacing:-.02em;line-height:.9}.nexus-user-admin-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;max-width:500px}.nexus-user-admin-actions{display:flex;gap:var(--space-md);flex-shrink:0}.nexus-user-admin-btn-primary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);white-space:nowrap}.nexus-user-admin-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-lg)}.nexus-user-admin-btn-secondary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.nexus-user-admin-btn-secondary:hover{background:var(--surface-primary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nexus-user-admin-controls{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-xl);margin-bottom:var(--space-xl);position:relative;box-shadow:var(--shadow-md);z-index:2}.nexus-user-admin-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.nexus-user-admin-controls-grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);align-items:center}.nexus-user-admin-search-container{max-width:500px;position:relative}.nexus-user-admin-search-input{width:100%;height:48px;padding:0 var(--space-lg) 0 3rem;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-primary);outline:none;transition:all var(--transition-normal);font-family:inherit;box-shadow:var(--shadow-sm)}.nexus-user-admin-search-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-bg),var(--shadow-md);background:var(--primary-bg)}.nexus-user-admin-search-input::placeholder{color:var(--text-tertiary)}.nexus-user-admin-search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1rem}.nexus-user-admin-stats{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-secondary)}.nexus-user-admin-stats-count{font-weight:700;color:var(--brand-red);font-size:1.125rem}.nexus-user-admin-success-message{background:#10b9811a;color:var(--accent-green);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.2);font-weight:600;margin-bottom:var(--space-lg);text-align:center}.nexus-user-admin-table-container{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;z-index:1}.nexus-user-admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.nexus-user-admin-table th:nth-child(1),.nexus-user-admin-table td:nth-child(1){width:15%;min-width:150px}.nexus-user-admin-table th:nth-child(2),.nexus-user-admin-table td:nth-child(2){width:24%;min-width:220px}.nexus-user-admin-table th:nth-child(3),.nexus-user-admin-table td:nth-child(3){width:12%;min-width:120px}.nexus-user-admin-table th:nth-child(4),.nexus-user-admin-table td:nth-child(4){width:12%;min-width:120px}.nexus-user-admin-table th:nth-child(5),.nexus-user-admin-table td:nth-child(5){width:20%;min-width:200px}.nexus-user-admin-table th:nth-child(6),.nexus-user-admin-table td:nth-child(6){width:15%;min-width:150px}.nexus-user-admin-table th:nth-child(7),.nexus-user-admin-table td:nth-child(7){width:14%;min-width:140px}.nexus-user-admin-table-header{background:linear-gradient(135deg,var(--surface-primary) 0%,#f5f5f5 100%)}.nexus-user-admin-table-header th{padding:var(--space-lg) var(--space-md);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-medium);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nexus-user-admin-table-row{transition:all var(--transition-fast);border-bottom:1px solid var(--border-subtle)}.nexus-user-admin-table-row:hover{background:#00000005;transform:scale(1.001)}.nexus-user-admin-table-row:last-child{border-bottom:none}.nexus-user-admin-table-cell{padding:var(--space-lg) var(--space-md);font-size:.875rem;color:var(--text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nexus-user-admin-user-name{font-weight:600;color:var(--brand-red);font-family:SF Mono,Monaco,Consolas,monospace}.nexus-user-admin-customer-no,.nexus-user-admin-badge{border-radius:var(--chip-radius)!important}.nexus-user-admin-customer-no{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:700;color:var(--accent-green);background:#10b9811a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);display:inline-block;border:1px solid rgba(16,185,129,.2);font-size:.75rem}.nexus-user-admin-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.nexus-user-admin-badge.admin{background:#ef44441a;color:var(--brand-red);border:1px solid rgba(239,68,68,.2)}.nexus-user-admin-badge.kundservice{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.nexus-user-admin-badge.fleet{background:#3b82f61a;color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.nexus-user-admin-badge.företag{background:#6b72801a;color:var(--text-secondary);border:1px solid rgba(107,114,128,.2)}.nexus-user-admin-table-actions{display:flex;gap:var(--space-xs);justify-content:flex-end;align-items:center}.nexus-user-admin-action-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm)}.nexus-user-admin-action-btn.edit:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.nexus-user-admin-action-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:var(--shadow-md)}.nexus-user-admin-action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important;background:var(--surface-elevated)!important;color:var(--text-tertiary)!important}.nexus-user-admin-skeleton-container{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.nexus-user-admin-skeleton-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:center}.nexus-user-admin-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:nexus-user-admin-shimmer 2s infinite}.nexus-user-admin-skeleton-text{height:14px}.nexus-user-admin-skeleton-wide{flex:3}.nexus-user-admin-skeleton-medium{flex:2}.nexus-user-admin-skeleton-narrow{flex:1}.nexus-user-admin-skeleton-badge{height:22px;width:80px;border-radius:var(--radius-md)}.nexus-user-admin-skeleton-circle{width:32px;height:32px;border-radius:50%}@keyframes nexus-user-admin-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nexus-user-admin-empty-state{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-3xl) var(--space-xl);text-align:center;margin:var(--space-xl) 0;box-shadow:var(--shadow-lg)}.nexus-user-admin-empty-icon{width:80px;height:80px;background:var(--gradient-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl);color:var(--text-tertiary);font-size:2rem;animation:nexus-user-admin-float 3s ease-in-out infinite;border:1px solid var(--border-subtle)}@keyframes nexus-user-admin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.nexus-user-admin-empty-icon.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--brand-red);border-color:#ef444433}.nexus-user-admin-empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.nexus-user-admin-empty-message{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.nexus-user-admin-error-message{color:var(--brand-red);font-weight:600;margin-bottom:var(--space-xl)}.nexus-user-admin-empty-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.nexus-user-admin-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-2xl)}.nexus-user-admin-pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.nexus-user-admin-pagination-number:hover{background:var(--surface-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.nexus-user-admin-pagination-number.active{background:var(--brand-red);color:#fff;border-color:var(--brand-red);box-shadow:var(--shadow-md)}.nexus-user-admin-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:nexus-user-admin-fade-in .3s ease}@keyframes nexus-user-admin-fade-in{0%{opacity:0}to{opacity:1}}.nexus-user-admin-modal{background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;animation:nexus-user-admin-slide-up .4s var(--transition-spring)}@keyframes nexus-user-admin-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nexus-user-admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.nexus-user-admin-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.nexus-user-admin-modal-close{width:36px;height:36px;background:var(--surface-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-size:1.25rem}.nexus-user-admin-modal-close:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.nexus-user-admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.nexus-user-admin-form-item{display:flex;flex-direction:column}.nexus-user-admin-form-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.nexus-user-admin-form-input,.nexus-user-admin-form-select{width:100%;padding:var(--space-md);background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);outline:none;transition:all var(--transition-normal);font-family:inherit}.nexus-user-admin-form-input:focus,.nexus-user-admin-form-select:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-bg)}.nexus-user-admin-form-input:disabled{background:var(--surface-primary);color:var(--text-tertiary);cursor:not-allowed}.nexus-user-admin-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl)}.nexus-user-admin-modal-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.nexus-user-admin-modal-btn.primary{background:var(--gradient-primary);color:#fff}.nexus-user-admin-modal-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow),var(--shadow-md)}.nexus-user-admin-modal-btn.secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.nexus-user-admin-modal-btn.secondary:hover{background:var(--surface-primary);transform:translateY(-1px)}.nexus-user-admin-modal-btn.danger{background:var(--brand-red);color:#fff;box-shadow:var(--shadow-md)}.nexus-user-admin-modal-btn.danger:hover{background:var(--brand-red-hover);transform:translateY(-1px)}.nexus-user-admin-contact-dropdown{position:fixed;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:200px;overflow-y:auto;z-index:1002}.nexus-user-admin-dropdown-item{padding:var(--space-md) var(--space-lg);font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-subtle)}.nexus-user-admin-dropdown-item:last-child{border-bottom:none}.nexus-user-admin-dropdown-item:hover{background:var(--brand-red-bg);color:var(--brand-red)}.nexus-user-admin-spinner{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);display:inline-block;width:16px;height:16px;border:2px solid var(--border-medium);border-top:2px solid var(--brand-red);border-radius:50%;animation:nexus-user-admin-spin 1s linear infinite}@keyframes nexus-user-admin-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.nexus-user-admin-spinner-lg{width:40px;height:40px;border:3px solid var(--border-medium);border-top:3px solid var(--brand-red);border-radius:50%;animation:nexus-user-admin-spin 1s linear infinite}.nexus-user-admin-center{display:flex;flex-direction:column;align-items:center;text-align:center}.nexus-user-admin-success-icon{color:var(--accent-green)}.nexus-user-admin-error-icon{color:var(--brand-red)}.nexus-user-admin-success-title{margin-top:var(--space-md);font-weight:700}.nexus-user-admin-success-text{color:var(--text-secondary);margin-top:var(--space-xs)}.nexus-user-admin-table .nexus-user-admin-table-row td:nth-child(2){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;overflow-wrap:anywhere}.nexus-user-admin-table .nexus-user-admin-table-row td:nth-child(2) .nexus-user-admin-customer-no{display:inline-block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;overflow-wrap:anywhere}@media (max-width: 1200px){.nexus-user-admin-content-wrapper{padding:var(--space-xl) var(--space-md)}.nexus-user-admin-table{font-size:.8rem}.nexus-user-admin-table-header th,.nexus-user-admin-table-cell{padding:var(--space-md) var(--space-sm)}}@media (max-width: 768px){.nexus-user-admin-hero{flex-direction:column;gap:var(--space-lg);text-align:left}.nexus-user-admin-title-section,.nexus-user-admin-title-section h2,.nexus-user-admin-subtitle{text-align:left;margin-left:0;padding-left:0}.nexus-user-admin-title-section h2{font-size:clamp(2rem,8vw,3rem)}.nexus-user-admin-controls-grid{grid-template-columns:1fr;gap:var(--space-lg)}.nexus-user-admin-search-container{max-width:none}.nexus-user-admin-table-container{overflow-x:auto}.nexus-user-admin-table{min-width:1000px}.nexus-user-admin-pagination{flex-wrap:wrap;gap:var(--space-sm)}.nexus-user-admin-modal{margin:var(--space-md);width:calc(100% - 2rem)}.nexus-user-admin-form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.nexus-user-admin-content-wrapper{padding:var(--space-lg) var(--space-sm)}.nexus-user-admin-actions{flex-direction:column;width:100%}.nexus-user-admin-btn-primary,.nexus-user-admin-btn-secondary{justify-content:center;width:100%}.nexus-user-admin-modal-footer{flex-direction:column;gap:var(--space-sm)}.nexus-user-admin-modal-btn{width:100%;justify-content:center}}.nexus-user-admin-company-dropdown-wrapper{position:relative}.nexus-user-admin-company-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:4px;max-height:260px;overflow-y:auto;background:var(--surface-elevated, #ffffff);border-radius:.75rem;box-shadow:0 18px 45px #0f172a38;padding:4px 0;z-index:1200}.nexus-user-admin-company-dropdown .nexus-user-admin-dropdown-item{padding:8px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.nexus-user-admin-company-dropdown .nexus-user-admin-dropdown-item:hover{background:#0f766e0f}.nexus-user-admin-dropdown-primary{font-size:.9rem;font-weight:500;color:var(--text-primary, #0f172a)}.nexus-user-admin-dropdown-secondary{font-size:.78rem;color:var(--text-secondary, #6b7280)}:root{--dcm-bg: #ffffff;--dcm-muted: #f6f6f7;--dcm-border: rgba(0,0,0,.08);--dcm-border-strong: rgba(0,0,0,.14);--dcm-text: #0a0a0a;--dcm-text-2: #555;--dcm-brand: #ef4444;--dcm-brand-2: #dc2626;--dcm-brand-bg: rgba(239,68,68,.1);--dcm-green: #10b981;--dcm-shadow-xl: 0 20px 28px rgba(0,0,0,.14);--dcm-shadow-md: 0 8px 18px rgba(0,0,0,.12);--dcm-r-2xl: 1.75rem}*{box-sizing:border-box}.dcm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:dcm-fade .25s ease}@keyframes dcm-fade{0%{opacity:0}to{opacity:1}}.dcm-sheet{position:relative;width:min(600px,94vw);max-height:84vh;background:#fffffff7;border:1px solid var(--dcm-border);border-radius:var(--dcm-r-2xl);box-shadow:var(--dcm-shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:dcm-rise .34s cubic-bezier(.175,.885,.32,1.275)}@keyframes dcm-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dcm-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--dcm-border);background:#fff}.dcm-head-left{display:flex;align-items:center;gap:14px}.dcm-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--dcm-brand) 0%,var(--dcm-brand-2) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:var(--dcm-shadow-md)}.dcm-head-text{display:flex;flex-direction:column;gap:6px}.dcm-title{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.dcm-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;color:#333;background:var(--dcm-brand-bg);border:1px solid rgba(239,68,68,.18);border-radius:999px;padding:4px 9px;width:max-content;display:flex;align-items:center}.dcm-head-actions{display:flex;align-items:center;gap:10px}.dcm-iconbtn{width:36px;height:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.75rem;border:1px solid rgba(0,0,0,.12);color:#555;box-shadow:0 1px 2px #00000014;transition:all .15s ease}.dcm-iconbtn svg{font-size:1.15rem}.dcm-iconbtn:hover{background:#fafafa;color:#111;border-color:#0000002e}.dcm-close{background:#fff}.dcm-close:hover{background:var(--dcm-brand);color:#fff;border-color:var(--dcm-brand);transform:rotate(90deg)}.dcm-error-banner{margin:.75rem 1.25rem 0;padding:.75rem 1rem;border-radius:.9rem;border:1px solid rgba(239,68,68,.25);background:#ef44441f;color:#7f1d1d;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 10px #ef444426;animation:dcm-error-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes dcm-error-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dcm-body{padding:1.25rem 1.75rem 1.5rem;overflow:auto;background:#fafafa}.dcm-body::-webkit-scrollbar{width:9px}.dcm-body::-webkit-scrollbar-track{background:transparent;margin:8px}.dcm-body::-webkit-scrollbar-thumb{background:var(--dcm-border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}.dcm-grid{display:flex;flex-direction:column;gap:1.25rem}.dcm-info-section{background:#fff;border:1px solid var(--dcm-border);border-radius:1rem;padding:1rem}.dcm-info-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--dcm-text-2);margin:0 0 .75rem;letter-spacing:.05em}.dcm-info-box{display:flex;align-items:center;gap:.75rem;color:var(--dcm-brand)}.dcm-info-box svg{flex-shrink:0}.dcm-info-name{font-size:1rem;font-weight:700;color:var(--dcm-text)}.dcm-info-contact{font-size:.85rem;color:var(--dcm-text-2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dcm-field{display:flex;flex-direction:column;gap:8px}.dcm-field label{font-size:.8rem;font-weight:700;color:var(--dcm-text-2);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.dcm-input{padding:12px 14px;border:1px solid var(--dcm-border-strong);border-radius:12px;background:#fff;outline:none;transition:.18s ease;font-size:.95rem}.dcm-input:focus{border-color:var(--dcm-brand);box-shadow:0 0 0 3px var(--dcm-brand-bg);background:#fff}.dcm-input:disabled{background:var(--dcm-muted);cursor:not-allowed;opacity:.6}.dcm-company-dropdown-container,.dcm-contact-dropdown-container{position:relative}.dcm-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.5rem;color:var(--dcm-text-2);background:none;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border-radius:999px;z-index:10}.dcm-clear-btn:hover{color:var(--dcm-brand);background:var(--dcm-brand-bg)}.dcm-dropdown-list{position:absolute;top:100%;left:0;right:0;z-index:9999;background:#fff;border:1px solid var(--dcm-border-strong);border-radius:.75rem;max-height:200px;overflow-y:auto;width:100%;box-shadow:var(--dcm-shadow-md);margin-top:.5rem;list-style:none;padding:0}.dcm-dropdown-list::-webkit-scrollbar{width:6px}.dcm-dropdown-list::-webkit-scrollbar-track{background:var(--dcm-muted)}.dcm-dropdown-list::-webkit-scrollbar-thumb{background:var(--dcm-border-strong);border-radius:999px}.dcm-dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;color:var(--dcm-text);transition:background .15s ease;list-style:none;font-weight:500}.dcm-dropdown-item:hover{background:var(--dcm-muted)}.dcm-loading-wheel{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--dcm-border-strong);border-top-color:var(--dcm-brand);border-radius:50%;animation:dcm-spin .8s linear infinite}@keyframes dcm-spin{to{transform:translateY(-50%) rotate(360deg)}}.dcm-actions{display:flex;gap:1rem;padding-top:.5rem}.dcm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 18px;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s ease;border:1px solid}.dcm-btn-primary{background:linear-gradient(135deg,var(--dcm-brand),var(--dcm-brand-2));color:#fff;border-color:var(--dcm-brand);box-shadow:0 4px 12px #ef444440}.dcm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.dcm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.dcm-btn-secondary{background:#fff;color:var(--dcm-text);border-color:var(--dcm-border-strong)}.dcm-btn-secondary:hover:not(:disabled){background:var(--dcm-muted)}.dcm-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dcm-spin .6s linear infinite}.dcm-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;animation:dcm-shimmer 1.3s infinite}@keyframes dcm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dcm-skel-avatar{width:64px;height:64px;border-radius:50%}.dcm-skel-line{height:18px}.dcm-skel-chip{height:22px;border-radius:999px}.dcm-skel-input{height:48px}.w-32{width:8rem}.w-48{width:12rem}@media (max-width: 640px){.dcm-sheet{width:95vw;max-height:88vh}.dcm-head{padding:1rem 1.25rem}.dcm-body{padding:1rem 1.25rem 1.25rem}.dcm-actions{flex-direction:column}.dcm-btn{width:100%}}:root{--storage-primary-bg: #ffffff;--storage-surface-primary: #fafafa;--storage-surface-elevated: #ffffff;--storage-surface-glass: rgba(255, 255, 255, .8);--storage-border-subtle: rgba(0, 0, 0, .08);--storage-border-medium: rgba(0, 0, 0, .12);--storage-border-strong: rgba(0, 0, 0, .16);--storage-text-primary: #0a0a0a;--storage-text-secondary: #525252;--storage-text-tertiary: #737373;--storage-brand-red: #ef4444;--storage-brand-red-hover: #dc2626;--storage-brand-red-bg: rgba(239, 68, 68, .1);--storage-accent-blue: #3b82f6;--storage-accent-green: #10b981;--storage-gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--storage-gradient-surface: linear-gradient(135deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.01) 100%);--storage-gradient-glow: radial-gradient(circle at 50% 0%, rgba(239,68,68,.08) 0%, transparent 70%);--storage-shadow-sm: 0 1px 2px rgba(0,0,0,.08);--storage-shadow-md: 0 4px 6px rgba(0,0,0,.1);--storage-shadow-lg: 0 10px 15px rgba(0,0,0,.1);--storage-shadow-xl: 0 20px 25px rgba(0,0,0,.14);--storage-shadow-glow: 0 0 20px rgba(239,68,68,.18);--storage-space-xs: .25rem;--storage-space-sm: .5rem;--storage-space-md: 1rem;--storage-space-lg: 1.5rem;--storage-space-xl: 2rem;--storage-space-2xl: 3rem;--storage-space-3xl: 4rem;--storage-radius-sm: .5rem;--storage-radius-md: .75rem;--storage-radius-lg: 1rem;--storage-radius-xl: 1.5rem;--storage-radius-2xl: 1rem;--storage-transition-fast: .15s ease;--storage-transition-normal: .3s ease;--storage-transition-slow: .5s ease;--storage-transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275)}.storage-nexus-order-page{min-height:100vh;background:var(--storage-primary-bg);position:relative;overflow-x:hidden}.storage-nexus-order-page:before{content:"";position:fixed;inset:0 auto auto 0;height:300px;right:0;background:var(--storage-gradient-glow);z-index:-1;opacity:.6}.storage-nexus-content-wrapper{max-width:1400px;margin:0 auto;padding:var(--storage-space-2xl) var(--storage-space-lg)}.storage-nexus-main-content{display:flex;flex-direction:column;gap:var(--storage-space-xl)}.storage-nexus-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--storage-space-lg);gap:var(--storage-space-xl)}.storage-nexus-title-section h2{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;background:var(--storage-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--storage-space-sm);letter-spacing:-.02em;line-height:.95}.storage-nexus-subtitle{font-size:1.05rem;color:var(--storage-text-secondary);max-width:600px}.storage-nexus-actions{display:flex;gap:var(--storage-space-md);flex-shrink:0}.storage-nexus-btn-primary,.storage-nexus-btn-secondary{display:inline-flex;align-items:center;gap:var(--storage-space-sm);padding:var(--storage-space-md) var(--storage-space-xl);border-radius:var(--storage-radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--storage-transition-normal);white-space:nowrap;box-shadow:var(--storage-shadow-sm);border:1px solid transparent}.storage-nexus-btn-primary{background:var(--storage-gradient-primary);color:#fff}.storage-nexus-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--storage-shadow-glow),var(--storage-shadow-lg)}.storage-nexus-btn-secondary{background:var(--storage-surface-elevated);color:var(--storage-text-primary);border-color:var(--storage-border-medium)}.storage-nexus-btn-secondary:hover{background:var(--storage-surface-primary);border-color:var(--storage-border-strong)}.storage-nexus-controls{background:var(--storage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--storage-border-subtle);border-radius:var(--storage-radius-2xl);padding:var(--storage-space-xl);margin-bottom:var(--storage-space-xl);position:relative;box-shadow:var(--storage-shadow-md);z-index:2}.storage-nexus-controls-grid{display:grid;grid-template-columns:1fr auto;gap:var(--storage-space-xl);align-items:center}.storage-nexus-search-zone{display:flex;gap:var(--storage-space-md);align-items:center}.storage-nexus-filter-container{position:relative;z-index:10}.storage-nexus-filter-btn{width:48px;height:48px;background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-lg);display:grid;place-items:center;cursor:pointer;color:var(--storage-text-secondary);transition:all var(--storage-transition-normal);box-shadow:var(--storage-shadow-sm)}.storage-nexus-filter-btn:hover{background:var(--storage-brand-red);border-color:var(--storage-brand-red);color:#fff;transform:translateY(-1px);box-shadow:var(--storage-shadow-md)}.storage-nexus-search-container{flex:1;max-width:520px;position:relative}.storage-nexus-search-input{width:100%;height:48px;padding:0 var(--storage-space-lg) 0 3rem;background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-lg);font-size:.95rem;color:var(--storage-text-primary);outline:none;transition:all var(--storage-transition-normal);box-shadow:var(--storage-shadow-sm)}.storage-nexus-search-input:focus{border-color:var(--storage-brand-red);box-shadow:0 0 0 3px var(--storage-brand-red-bg),var(--storage-shadow-md);background:var(--storage-primary-bg)}.storage-nexus-search-input::placeholder{color:var(--storage-text-tertiary)}.storage-nexus-search-icon{position:absolute;left:var(--storage-space-md);top:50%;transform:translateY(-50%);color:var(--storage-text-tertiary)}.storage-nexus-search-clear{position:absolute;right:var(--storage-space-md);top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--storage-border-medium);border:none;display:grid;place-items:center;cursor:pointer;color:var(--storage-text-tertiary);transition:all var(--storage-transition-fast);font-size:.75rem}.storage-nexus-search-clear:hover{background:var(--storage-brand-red);color:#fff}.storage-nexus-meta-zone{display:flex;align-items:center;gap:var(--storage-space-lg)}.storage-nexus-stats{display:flex;align-items:center;gap:var(--storage-space-sm);font-size:.9rem;color:var(--storage-text-secondary)}.storage-nexus-stats-count{font-weight:700;color:var(--storage-brand-red);font-size:1.15rem}.storage-nexus-filters-active{display:flex;gap:var(--storage-space-sm)}.storage-nexus-filter-tag{display:inline-flex;align-items:center;gap:var(--storage-space-xs);padding:var(--storage-space-xs) var(--storage-space-sm);background:var(--storage-brand-red-bg);color:var(--storage-brand-red);border:1px solid var(--storage-brand-red);border-radius:var(--storage-radius-md);font-size:.75rem;font-weight:700}.storage-nexus-filter-tag-close{cursor:pointer;padding:2px;border-radius:50%}.storage-nexus-filter-tag-close:hover{background:#0000001a}.storage-nexus-filter-menu{position:absolute;top:calc(100% + var(--storage-space-md));left:0;background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-xl);padding:var(--storage-space-lg);min-width:280px;box-shadow:var(--storage-shadow-xl);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .2s var(--storage-transition-spring)}.storage-nexus-filter-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.storage-nexus-filter-section{margin-bottom:var(--storage-space-lg)}.storage-nexus-filter-section:last-child{margin-bottom:0}.storage-nexus-filter-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--storage-text-primary);margin-bottom:var(--storage-space-md)}.storage-nexus-filter-option{display:block;width:100%;padding:var(--storage-space-sm) var(--storage-space-md);background:none;border:none;text-align:left;border-radius:var(--storage-radius-md);font-size:.9rem;color:var(--storage-text-secondary);cursor:pointer;transition:all var(--storage-transition-fast);margin-bottom:var(--storage-space-xs)}.storage-nexus-filter-option:hover{background:var(--storage-surface-primary);color:var(--storage-brand-red)}.storage-nexus-filter-clear{width:100%;padding:var(--storage-space-sm) var(--storage-space-lg);background:var(--storage-surface-primary);color:var(--storage-text-primary);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-md);cursor:pointer;font-size:.9rem;font-weight:700;transition:all var(--storage-transition-fast)}.storage-nexus-filter-clear:hover{background:var(--storage-brand-red);border-color:var(--storage-brand-red);color:#fff}.storage-nexus-table-container{background:var(--storage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--storage-border-subtle);border-radius:var(--storage-radius-2xl);overflow:hidden;box-shadow:var(--storage-shadow-lg);position:relative;min-height:400px;display:flex;flex-direction:column}.storage-nexus-table-scroll{max-height:640px;overflow:auto}.storage-nexus-table-empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--storage-space-xl)}.storage-nexus-table-empty-state .storage-nexus-empty-state{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;max-width:500px;padding:var(--storage-space-lg)}.storage-nexus-table-empty-state .storage-nexus-empty-icon{width:64px;height:64px;margin-bottom:var(--storage-space-md)}.storage-nexus-table-empty-state .storage-nexus-empty-title{font-size:1.25rem;margin-bottom:var(--storage-space-sm)}.storage-nexus-table-empty-state .storage-nexus-empty-message{font-size:.875rem;margin-bottom:var(--storage-space-md)}.storage-nexus-table{width:100%;border-collapse:collapse;table-layout:fixed}.storage-nexus-table-header{background:linear-gradient(135deg,var(--storage-surface-primary) 0%,#f5f5f5 100%)}.storage-nexus-table-header th{padding:var(--storage-space-lg) var(--storage-space-md);font-size:clamp(.75rem,.85vw,.85rem);font-weight:800;color:var(--storage-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--storage-border-medium);text-align:left;white-space:nowrap}.storage-nexus-table th:nth-child(1),.storage-nexus-table td:nth-child(1){width:16%}.storage-nexus-table th:nth-child(2),.storage-nexus-table td:nth-child(2){width:11%}.storage-nexus-table th:nth-child(3),.storage-nexus-table td:nth-child(3){width:13%}.storage-nexus-table th:nth-child(4),.storage-nexus-table td:nth-child(4){width:15%}.storage-nexus-table th:nth-child(5),.storage-nexus-table td:nth-child(5){width:14%}.storage-nexus-table th:nth-child(6),.storage-nexus-table td:nth-child(6){width:14%}.storage-nexus-table th:nth-child(7),.storage-nexus-table td:nth-child(7){width:9%}.storage-nexus-table th:nth-child(8),.storage-nexus-table td:nth-child(8){width:6%}.storage-nexus-table th:nth-child(9),.storage-nexus-table td:nth-child(9){width:6%}.storage-nexus-table-row{border-bottom:1px solid var(--storage-border-subtle);transition:background var(--storage-transition-fast)}.storage-nexus-table-row:hover{background:#00000005}.storage-nexus-table-cell{padding:var(--storage-space-lg) var(--storage-space-md);color:var(--storage-text-primary);vertical-align:middle;white-space:nowrap;font-size:clamp(.7rem,.9vw,.95rem);line-height:1.15;text-align:left}.no-wrap-scale{white-space:nowrap}.storage-nexus-table-cell.plate{padding:0}.plate-inner{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;line-height:1;border-radius:2px;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:700;font-size:clamp(.9rem,.95vw,1.9rem);background:#b4b9b81a;border:1px solid rgba(0,0,0,.2);color:#000}.storage-nexus-table-cell.badge{font-weight:800;color:var(--storage-brand-red)}.storage-nexus-table-cell.strong{font-weight:700}.center{text-align:center}.storage-nexus-info-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--storage-border-medium);background:var(--storage-surface-elevated);display:inline-grid;place-items:center;color:var(--storage-text-secondary);cursor:pointer;transition:all var(--storage-transition-fast)}.storage-nexus-info-btn:hover{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red)}.storage-nexus-skeleton-container{background:var(--storage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--storage-border-subtle);border-radius:var(--storage-radius-2xl);padding:var(--storage-space-xl);box-shadow:var(--storage-shadow-lg)}.storage-nexus-skeleton-row{display:flex;gap:var(--storage-space-md);margin-bottom:var(--storage-space-lg);align-items:center}.storage-nexus-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--storage-radius-sm);animation:storage-nexus-shimmer 2s infinite}.storage-nexus-skeleton-text{height:14px}.storage-nexus-skeleton-wide{flex:3}.storage-nexus-skeleton-medium{flex:2}.storage-nexus-skeleton-narrow{flex:1}.storage-nexus-skeleton-circle{width:32px;height:32px;border-radius:50%}@keyframes storage-nexus-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.storage-nexus-empty-container{display:grid;place-items:center}.storage-nexus-empty-state{background:var(--storage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--storage-border-subtle);border-radius:var(--storage-radius-2xl);padding:var(--storage-space-3xl) var(--storage-space-xl);text-align:center;box-shadow:var(--storage-shadow-lg);max-width:520px;width:100%}.storage-nexus-empty-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:0 auto var(--storage-space-xl);color:var(--storage-text-tertiary);font-size:2rem;border:1px solid var(--storage-border-subtle)}.storage-nexus-empty-icon.error{color:var(--storage-brand-red);background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444433}.storage-nexus-empty-title{font-size:1.4rem;font-weight:800;margin-bottom:var(--storage-space-md)}.storage-nexus-empty-message{font-size:1rem;color:var(--storage-text-secondary);margin-bottom:var(--storage-space-xl);line-height:1.6}.storage-nexus-error-message{color:var(--storage-brand-red);font-weight:700}.storage-nexus-empty-actions{display:flex;gap:var(--storage-space-md);justify-content:center;flex-wrap:wrap}.storage-nexus-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:1000;animation:storage-nexus-fade-in .25s ease}@keyframes storage-nexus-fade-in{0%{opacity:0}to{opacity:1}}.storage-nexus-modal{background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-2xl);padding:var(--storage-space-2xl);width:min(720px,92vw);max-height:84vh;overflow:auto;box-shadow:var(--storage-shadow-xl);position:relative;animation:storage-nexus-slide-up .35s var(--storage-transition-spring)}@keyframes storage-nexus-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.storage-nexus-modal-close{position:absolute;top:var(--storage-space-lg);right:var(--storage-space-lg);width:36px;height:36px;background:var(--storage-surface-primary);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-md);display:grid;place-items:center;cursor:pointer;color:var(--storage-text-secondary);transition:all var(--storage-transition-fast)}.storage-nexus-modal-close:hover{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red)}.storage-nexus-modal-title{font-size:1.25rem;font-weight:800;color:var(--storage-text-primary);margin-bottom:var(--storage-space-sm)}.storage-nexus-modal-description{font-size:.95rem;color:var(--storage-text-secondary);margin-bottom:var(--storage-space-xl)}.storage-nexus-tyre-modal .storage-nexus-modal-description strong{color:var(--storage-text-primary)}.storage-nexus-tyre-modal .storage-nexus-modal-description{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.storage-nexus-season-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--storage-radius-md);font-weight:700;font-size:.9rem;border:1px solid}.storage-nexus-season-badge.summer{background:#fbbf241a;border-color:#fbbf244d;color:#d97706}.storage-nexus-season-badge.winter{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.storage-nexus-season-icon{width:18px;height:18px;display:inline-block}.tyre-topdown-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--storage-radius-xl);overflow:hidden;background:#fafafa;border:1px solid var(--storage-border-subtle);margin-bottom:var(--storage-space-lg)}.tyre-topdown-img{width:100%;height:100%;object-fit:contain;display:block}.tyre-label{position:absolute;padding:.5rem .75rem;border-radius:12px;background:#fff;border:2px solid;box-shadow:var(--storage-shadow-md);font-weight:800;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease;cursor:help}.tyre-label:hover{transform:scale(1.05);box-shadow:var(--storage-shadow-lg)}.tyre-label.status-ok{border-color:#10b981;background:#10b9810d}.tyre-label.status-warning{border-color:#f59e0b;background:#f59e0b0d}.tyre-label.status-critical{border-color:#ef4444;background:#ef44440d}.tyre-position{font-size:clamp(.7rem,1.1vw,.85rem);font-weight:800;color:var(--storage-text-primary);line-height:1.05;text-transform:uppercase;letter-spacing:.03em}.tyre-value{font-size:clamp(.8rem,1.3vw,1rem);line-height:1.05}.tyre-value.status-ok{color:#10b981}.tyre-value.status-warning{color:#f59e0b}.tyre-value.status-critical{color:#ef4444}.tyre-dim{font-size:clamp(.65rem,1.1vw,.85rem);font-weight:700;color:var(--storage-text-secondary);line-height:1.05}.tyre-label-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.4rem .7rem;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.tyre-label:hover .tyre-label-tooltip{opacity:1}.tyre-label-FL{top:14%;left:12%}.tyre-label-FR{top:14%;right:12%}.tyre-label-RL{bottom:14%;left:12%}.tyre-label-RR{bottom:14%;right:12%}.tyre-legend{display:flex;gap:1.2rem;justify-content:center;font-size:.85rem;color:var(--storage-text-tertiary);flex-wrap:wrap}.storage-nexus-export-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--storage-radius-md);cursor:pointer;transition:background var(--storage-transition-fast)}.storage-nexus-export-row:hover{background:var(--storage-surface-primary)}.storage-nexus-export-hint{font-size:.8rem;color:var(--storage-text-tertiary);margin-bottom:1rem;text-align:center}.storage-nexus-modal-actions{display:flex;gap:var(--storage-space-md);justify-content:center;flex-wrap:wrap}.storage-nexus-export-filters{display:flex;flex-direction:column;gap:var(--storage-space-lg);margin-bottom:var(--storage-space-lg)}.storage-nexus-export-filter-section{display:flex;flex-direction:column;gap:var(--storage-space-sm);width:100%}.storage-nexus-export-filter-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--storage-text-primary);letter-spacing:.05em;text-align:left}.storage-nexus-export-filter-group{display:flex;gap:var(--storage-space-sm);justify-content:flex-start;flex-wrap:wrap}.storage-nexus-export-filter-btn{padding:var(--storage-space-sm) var(--storage-space-lg);border-radius:var(--storage-radius-md);border:1px solid var(--storage-border-medium);background:var(--storage-surface-elevated);color:var(--storage-text-primary);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--storage-transition-fast)}.storage-nexus-export-filter-btn:hover{background:var(--storage-surface-primary);transform:translateY(-1px)}.storage-nexus-export-filter-btn.active{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red);box-shadow:var(--storage-shadow-md)}.storage-nexus-date-range{display:flex;gap:var(--storage-space-md);align-items:center;flex-wrap:wrap}.storage-nexus-date-input-wrapper{display:flex;flex-direction:column;gap:var(--storage-space-xs);flex:1;min-width:200px}.storage-nexus-date-label{font-size:.75rem;font-weight:700;color:var(--storage-text-secondary);text-transform:uppercase;letter-spacing:.03em}.storage-nexus-date-input{height:44px;padding:0 var(--storage-space-md);background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-md);font-size:.9rem;color:var(--storage-text-primary);outline:none;transition:all var(--storage-transition-normal);font-family:inherit}.storage-nexus-date-input:focus{border-color:var(--storage-brand-red);box-shadow:0 0 0 3px var(--storage-brand-red-bg);background:var(--storage-primary-bg)}.storage-nexus-date-clear{height:44px;padding:0 var(--storage-space-lg);background:var(--storage-surface-primary);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-md);font-size:.85rem;font-weight:700;color:var(--storage-text-primary);cursor:pointer;transition:all var(--storage-transition-fast);white-space:nowrap;align-self:flex-end}.storage-nexus-date-clear:hover{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red)}.storage-nexus-pagination{display:flex;justify-content:center;align-items:center;gap:var(--storage-space-md)}.storage-nexus-pagination-btn{display:inline-flex;align-items:center;gap:var(--storage-space-sm);padding:var(--storage-space-md) var(--storage-space-lg);background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-lg);font-size:.9rem;font-weight:700;color:var(--storage-text-primary);cursor:pointer;transition:all var(--storage-transition-normal);box-shadow:var(--storage-shadow-sm)}.storage-nexus-pagination-btn:hover:not(:disabled){background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red);transform:translateY(-1px);box-shadow:var(--storage-shadow-md)}.storage-nexus-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.storage-nexus-pagination-numbers{display:flex;gap:var(--storage-space-xs)}.storage-nexus-pagination-number{width:40px;height:40px;display:grid;place-items:center;background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-md);font-size:.9rem;font-weight:700;color:var(--storage-text-primary);cursor:pointer;transition:all var(--storage-transition-normal);box-shadow:var(--storage-shadow-sm)}.storage-nexus-pagination-number:hover{background:var(--storage-surface-primary);transform:translateY(-1px);box-shadow:var(--storage-shadow-md)}.storage-nexus-pagination-number.active{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red);box-shadow:var(--storage-shadow-md)}.storage-nexus-pagination-dots{width:40px;height:40px;display:grid;place-items:center;color:var(--storage-text-tertiary)}@media (max-width: 1200px){.storage-nexus-content-wrapper{padding:var(--storage-space-xl) var(--storage-space-md)}.storage-nexus-table-scroll{max-height:580px}}@media (max-width: 768px){.storage-nexus-hero{flex-direction:column;gap:var(--storage-space-lg);text-align:center}.storage-nexus-controls-grid{grid-template-columns:1fr;gap:var(--storage-space-lg)}.storage-nexus-search-zone{flex-direction:column;align-items:stretch}.storage-nexus-search-container{max-width:none}.storage-nexus-table{min-width:1000px}.storage-nexus-table-scroll{overflow-x:auto}.tyre-topdown-wrap{aspect-ratio:4 / 3}.tyre-value{font-size:clamp(.7rem,2.7vw,.9rem)}.tyre-dim{font-size:clamp(.6rem,2.4vw,.85rem)}}@media (max-width: 480px){.storage-nexus-content-wrapper{padding:var(--storage-space-lg) var(--storage-space-sm)}.storage-nexus-actions{flex-direction:column;width:100%}.storage-nexus-btn-primary,.storage-nexus-btn-secondary{width:100%;justify-content:center}.storage-nexus-modal{padding:var(--storage-space-xl)}.tyre-label{padding:.35rem .6rem;gap:3px}.tyre-position{font-size:clamp(.65rem,2.5vw,.75rem)}.tyre-value{font-size:clamp(.72rem,2.8vw,.82rem)}.tyre-dim{font-size:clamp(.62rem,2.5vw,.72rem)}.tyre-label-FL{top:20%;left:1%}.tyre-label-FR{top:20%;right:1%}.tyre-label-RL{bottom:20%;left:1%}.tyre-label-RR{bottom:20%;right:1%}.storage-nexus-season-badge{font-size:.8rem;padding:.3rem .6rem}.storage-nexus-season-icon{width:16px;height:16px}.storage-nexus-modal-actions{flex-direction:column}.storage-nexus-modal-actions button{width:100%}.storage-nexus-date-range{flex-direction:column}.storage-nexus-date-input-wrapper{min-width:100%}.storage-nexus-date-clear{width:100%}}.storage-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:storage-info-fade-in .25s ease}@keyframes storage-info-fade-in{0%{opacity:0}to{opacity:1}}.storage-info-container{position:relative;background:var(--storage-surface-glass);border:1px solid var(--storage-border-subtle);border-radius:var(--storage-radius-2xl);width:min(900px,94vw);max-height:90vh;overflow:hidden;box-shadow:var(--storage-shadow-xl);animation:storage-info-pop .34s var(--storage-transition-spring);display:flex;flex-direction:column}@keyframes storage-info-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.storage-info-header{display:flex;align-items:center;justify-content:space-between;padding:var(--storage-space-lg) var(--storage-space-xl);border-bottom:1px solid var(--storage-border-subtle);background:var(--storage-surface-elevated)}.storage-info-title{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0}.storage-info-header-actions{display:flex;align-items:center;gap:.5rem}.storage-info-icon-btn{width:38px;height:38px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:12px;color:var(--storage-text-secondary);box-shadow:var(--storage-shadow-sm);transition:all var(--storage-transition-fast);font-size:1.25rem}.storage-info-icon-btn:hover{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red);transform:translateY(-1px)}.storage-info-close-btn{width:38px;height:38px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--storage-surface-elevated);border:1px solid var(--storage-border-medium);border-radius:12px;color:var(--storage-text-secondary);box-shadow:var(--storage-shadow-sm);transition:all var(--storage-transition-fast);font-size:1.5rem}.storage-info-close-btn:hover{background:var(--storage-brand-red);color:#fff;border-color:var(--storage-brand-red);transform:rotate(90deg)}.storage-info-body{flex:1;overflow:auto;background:var(--storage-surface-elevated);padding:var(--storage-space-xl);scrollbar-width:thin;scrollbar-color:var(--storage-border-medium) transparent}.storage-info-body::-webkit-scrollbar{width:10px}.storage-info-body::-webkit-scrollbar-track{background:transparent;border-radius:999px}.storage-info-body::-webkit-scrollbar-thumb{background:var(--storage-border-medium);border-radius:999px;border:3px solid transparent;background-clip:content-box}.storage-info-body::-webkit-scrollbar-thumb:hover{background:var(--storage-brand-red);background-clip:content-box}.storage-info-section{background-color:var(--storage-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--storage-radius-xl);margin-bottom:var(--storage-space-lg);box-shadow:var(--storage-shadow-sm);overflow:visible;border:1px solid var(--storage-border-subtle);transition:all var(--storage-transition-normal)}.storage-info-section:hover{box-shadow:var(--storage-shadow-md);border-color:var(--storage-border-medium)}.storage-info-section-header{display:flex;align-items:center;padding:var(--storage-space-lg);background-color:var(--storage-surface-primary);border-bottom:1px solid var(--storage-border-subtle);border-radius:var(--storage-radius-xl) var(--storage-radius-xl) 0 0}.storage-info-section-icon{color:var(--storage-brand-red);font-size:1.25rem;margin-right:var(--storage-space-md)}.storage-info-section-header h4{font-size:1rem;font-weight:700;margin:0;color:var(--storage-text-primary);letter-spacing:-.01em}.storage-info-section-content{padding:var(--storage-space-xl);background-color:var(--storage-primary-bg);border-radius:0 0 var(--storage-radius-xl) var(--storage-radius-xl)}.storage-info-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--storage-border-subtle)}.storage-info-detail-row:last-child{border-bottom:none}.storage-info-detail-label{font-size:.875rem;font-weight:600;color:var(--storage-text-secondary);text-transform:uppercase;letter-spacing:.05em}.storage-info-detail-value{font-size:.9375rem;font-weight:600;color:var(--storage-text-primary)}.storage-info-season-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--storage-radius-md);font-weight:700;font-size:.9rem;border:1px solid}.storage-info-season-badge.summer{background:#fbbf241a;border-color:#fbbf244d;color:#d97706}.storage-info-season-badge.winter{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.storage-info-car-diagram{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--storage-radius-xl);overflow:hidden;background:#fafafa;border:1px solid var(--storage-border-subtle);margin-top:var(--storage-space-lg);margin-bottom:var(--storage-space-lg)}.storage-info-car-image{width:100%;height:100%;object-fit:contain;display:block}.storage-info-license-plate{position:absolute;top:auto;bottom:.2rem;left:50%;transform:translate(-50%);padding:6px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #000;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:800;font-size:1.2rem;letter-spacing:.1em;color:#000;box-shadow:0 2px 4px #00000026,inset 0 1px #ffffff80;z-index:5}.storage-info-mileage-badge{position:absolute;bottom:.7rem;left:.7rem;right:auto;top:auto;display:flex;align-items:center;gap:.35rem;padding:.45rem .65rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--storage-border-medium);border-radius:var(--storage-radius-md);box-shadow:var(--storage-shadow-sm);transform:scale(.9);transform-origin:bottom left;z-index:10}.storage-info-mileage-badge svg{color:var(--storage-brand-red);flex-shrink:0}.storage-info-mileage-text{display:flex;flex-direction:column;gap:.125rem}.storage-info-mileage-value{font-size:.95rem;font-weight:800;color:var(--storage-text-primary);line-height:1}.storage-info-mileage-date{font-size:.7rem;color:var(--storage-text-tertiary);font-weight:500;line-height:1}@media (max-width: 768px){.storage-info-container{max-width:100%;max-height:100vh;border-radius:0}.storage-info-header{padding:var(--storage-space-lg)}.storage-info-title{font-size:1.25rem}.storage-info-body{padding:var(--storage-space-lg)}.storage-info-license-plate{font-size:1rem;padding:4px 12px}.storage-info-mileage-badge{top:.5rem;right:.5rem;padding:.5rem .75rem}.storage-info-mileage-value{font-size:.85rem}.storage-info-mileage-date{font-size:.65rem}}@media (max-width: 480px){.storage-info-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.storage-nexus-filter-btn{position:relative}.storage-nexus-filter-btn.active{background:var(--storage-brand-red);border-color:var(--storage-brand-red);color:#fff;transform:translateY(-1px);box-shadow:var(--storage-shadow-md)}.storage-nexus-filter-badge{position:absolute;top:-6px;right:-6px;background:var(--storage-brand-red);color:#fff;font-size:.65rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--storage-primary-bg);box-shadow:var(--storage-shadow-md);animation:storage-filter-badge-pop .3s var(--storage-transition-spring)}@keyframes storage-filter-badge-pop{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.storage-nexus-filter-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--storage-text-primary);margin-bottom:var(--storage-space-md);letter-spacing:.05em;padding-bottom:var(--storage-space-sm);border-bottom:1px solid var(--storage-border-subtle)}.storage-nexus-filter-option.depth-filter{display:flex;align-items:center;gap:var(--storage-space-sm);padding:var(--storage-space-sm) var(--storage-space-md)}.storage-nexus-filter-option.depth-filter.ok{color:var(--storage-accent-green)}.storage-nexus-filter-option.depth-filter.ok:hover,.storage-nexus-filter-option.depth-filter.ok.active{background:#10b9811a;color:var(--storage-accent-green);font-weight:700}.storage-nexus-filter-option.depth-filter.warning{color:#f59e0b}.storage-nexus-filter-option.depth-filter.warning:hover,.storage-nexus-filter-option.depth-filter.warning.active{background:#f59e0b1a;color:#f59e0b;font-weight:700}.storage-nexus-filter-option.depth-filter.critical{color:var(--storage-brand-red)}.storage-nexus-filter-option.depth-filter.critical:hover,.storage-nexus-filter-option.depth-filter.critical.active{background:var(--storage-brand-red-bg);color:var(--storage-brand-red);font-weight:700}.storage-nexus-filter-option.active{background:var(--storage-surface-primary);font-weight:700;color:var(--storage-brand-red)}.storage-nexus-filter-section{margin-bottom:var(--storage-space-xl);padding-bottom:var(--storage-space-md)}.storage-nexus-filter-section:not(:last-child){border-bottom:1px solid var(--storage-border-subtle)}@media (max-width: 480px){.storage-nexus-filter-menu{left:50%;transform:translate(-50%) translateY(-8px) scale(.95);width:calc(100vw - 2rem);min-width:auto}.storage-nexus-filter-menu.open{transform:translate(-50%) translateY(0) scale(1)}.storage-nexus-filter-badge{top:-4px;right:-4px;width:18px;height:18px;font-size:.6rem}}:root{--top-nav-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root{max-width:100%;width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;margin-top:0}.hdr-top-nav{position:fixed;top:0;left:0;width:100%;height:60px;background:#de211b;display:flex;align-items:center;padding:0;z-index:1000;box-shadow:0 4px 12px #0003}h1{margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}html,body{color:#333;padding-top:30px}body{display:flex;justify-content:center;color:#333}html{scroll-padding-top:var(--top-nav-height)}a{text-decoration:none;color:inherit}button{cursor:pointer}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px}