.app{background:var(--color-bg-page);display:flex;flex-direction:column;min-height:100vh}.page-loading{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:1.1rem;justify-content:center;padding:4rem}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-main>*{animation:pageEnter .25s ease-out}.app-header{background:var(--gradient-primary);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md,0 4px 6px #00000012);color:var(--color-text-on-primary);justify-content:space-between;padding:.75rem 1.5rem}.app-header,.header-brand{align-items:center;display:flex}.header-brand{gap:1rem}.header-logo{height:40px;width:40px}.app-header h1{font-size:1.5rem;font-weight:700;margin:0}.header-subtitle{border-left:1px solid #ffffff4d;font-size:.9rem;opacity:.9;padding-left:1rem}.header-user{gap:.75rem}.header-rates,.header-user{align-items:center;display:flex}.header-rates{background:#ffffff26;border:1px solid #fff3;border-radius:6px;gap:1rem;padding:.4rem 1rem}.rate-item{align-items:center;display:flex;gap:.5rem}.rate-label{font-size:.75rem;font-weight:600;opacity:.9;text-transform:uppercase}.rate-value{color:#fff;font-size:.9rem;font-weight:700}.user-role-badge{border-radius:4px;font-size:.7rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.user-role-badge.admin{background:#ff9800e6}.user-role-badge.user{background:#4caf50e6}.user-role-badge.viewer{background:#9e9e9ee6}.user-name{font-size:.9rem;font-weight:500}.btn-logout{background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .75rem;transition:all .2s ease}.btn-logout:hover{background:#ffffff40;border-color:#ffffff80}.btn-security{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;padding:.3rem .4rem;transition:background .2s}.btn-security:hover{background:#ffffff26}.app-nav{background:var(--color-bg-nav);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm,0 1px 3px #00000014);display:flex;gap:0;padding:0}.nav-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.25rem;transition:all .3s ease;white-space:nowrap}.nav-btn .nav-icon{font-size:1.1rem}.nav-btn .nav-text{font-size:.95rem}.nav-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.nav-btn.active{background:var(--color-bg-nav-active);border-bottom-color:var(--color-primary);color:var(--color-primary)}.app-main{flex:1 1;margin:1rem auto;max-width:1400px;padding:0;width:100%}.app-footer{background:var(--color-bg-footer);color:var(--color-text-footer);margin-top:2rem;padding:1rem;text-align:center}@media (max-width:1024px){.nav-btn .nav-text{display:none}.nav-btn{padding:1rem}.nav-btn .nav-icon{font-size:1.3rem}}@media (max-width:768px){.app-header{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.app-header h1{font-size:1.25rem}.header-subtitle{display:none}.header-rates{gap:.75rem;padding:.3rem .75rem}.rate-label{font-size:.7rem}.rate-value{font-size:.8rem}.header-user{gap:.5rem}.user-name{display:none}.app-main{padding:0 1rem}.nav-btn{padding:.75rem .5rem}.nav-btn .nav-icon{font-size:1.2rem}.app-nav{flex-wrap:wrap}}.btn-action-icon{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:inline-flex;font-size:1.05rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;transition:all var(--transition-normal,.2s ease);width:36px}.btn-action-icon:disabled{cursor:not-allowed;opacity:.5}.btn-action-icon.edit{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);color:#1976d2;color:var(--color-info,#1976d2)}.btn-action-icon.edit:hover:not(:disabled){background:#1976d2;background:var(--color-info,#1976d2);color:#fff;transform:scale(1.05)}.btn-action-icon.delete{background:#ffebee;background:var(--color-danger-light,#ffebee);color:#d32f2f;color:var(--color-danger,#d32f2f)}.btn-action-icon.delete:hover:not(:disabled){background:#d32f2f;background:var(--color-danger,#d32f2f);color:#fff;transform:scale(1.05)}.btn-action-icon.view{background:#e8f5e9;background:var(--color-success-light,#e8f5e9);color:#388e3c;color:var(--color-success,#388e3c)}.btn-action-icon.view:hover:not(:disabled){background:#388e3c;background:var(--color-success,#388e3c);color:#fff;transform:scale(1.05)}.action-buttons-icon{display:flex;gap:.5rem;justify-content:flex-end}.btn-action-icon.delete.loading{background:#bdbdbd;color:#666;cursor:wait}.btn-action-icon.delete.loading:hover{background:#bdbdbd;color:#666;transform:none}.car-animation-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px}.car-animation-container{max-width:350px}.car-animation-container .sky{background:linear-gradient(180deg,#5c9eff,#87ceeb);height:60%;left:0;position:absolute;right:0;top:0}.car-animation-container .sun{background:gold;border-radius:50%;box-shadow:0 0 20px gold,0 0 40px #ffd70080;height:30px;position:absolute;right:20px;top:10px;width:30px}.car-animation-container .cloud{animation:cloudMove 8s linear infinite;background:#fff;border-radius:50px;position:absolute}.car-animation-container .cloud:after,.car-animation-container .cloud:before{background:#fff;border-radius:50%;content:"";position:absolute}.car-animation-container .cloud-1{animation-delay:0s;height:20px;left:-60px;top:15px;width:50px}.car-animation-container .cloud-1:before{height:25px;left:8px;top:-12px;width:25px}.car-animation-container .cloud-1:after{height:20px;left:25px;top:-8px;width:20px}.car-animation-container .cloud-2{animation-delay:3s;animation-duration:10s;height:15px;left:-40px;top:25px;width:40px}.car-animation-container .cloud-2:before{height:20px;left:5px;top:-10px;width:20px}.car-animation-container .cloud-2:after{height:15px;left:18px;top:-6px;width:15px}.car-animation-container .road{background:#4a4a4a;bottom:0;height:40%;left:0;position:absolute;right:0}.car-animation-container .road-stripes{animation:roadMove .5s linear infinite;bottom:22px;display:flex;gap:20px;height:4px;left:0;position:absolute;right:0}.car-animation-container .stripe{background:gold;flex-shrink:0;height:4px;width:30px}.car-animation-container .scenery{animation:sceneryMove 3s linear infinite;bottom:48px;display:flex;gap:80px;left:0;position:absolute}.car-animation-container .tree{align-items:center;display:flex;flex-direction:column}.car-animation-container .tree-top{border-bottom:25px solid #228b22;border-left:12px solid #0000;border-right:12px solid #0000;height:0;width:0}.car-animation-container .tree-trunk{background:#8b4513;height:10px;width:6px}.car-animation-container .car{animation:carBounce .3s ease-in-out infinite;bottom:8px;left:50%;position:absolute;transform:translateX(-50%)}.car-animation-container .car-body{background:linear-gradient(180deg,#e53935,#c62828);border-radius:5px 5px 3px 3px;height:25px;position:relative;width:70px}.car-animation-container .car-body:before{background:linear-gradient(180deg,#e53935,#c62828);border-radius:8px 8px 0 0;content:"";height:18px;left:12px;position:absolute;top:-15px;width:40px}.car-animation-container .car-window{background:linear-gradient(180deg,#90caf9,#64b5f6);border-radius:3px 3px 0 0;height:12px;position:absolute;top:-12px;width:15px}.car-animation-container .car-window.front{left:16px}.car-animation-container .car-window.back{left:35px}.car-animation-container .car-wheel{animation:wheelSpin .3s linear infinite;background:#333;border:3px solid #666;border-radius:50%;bottom:-8px;height:16px;position:absolute;width:16px}.car-animation-container .car-wheel:after{background:#999;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.car-animation-container .car-wheel.front-wheel{left:8px}.car-animation-container .car-wheel.back-wheel{right:8px}.car-animation-container .headlight{background:#ffeb3b;border-radius:50%;box-shadow:0 0 8px #ffeb3b,5px 0 15px #ffeb3b80;height:6px;position:absolute;right:-3px;top:8px;width:6px}.car-animation-container .exhaust{bottom:5px;display:flex;gap:3px;left:-10px;position:absolute}.car-animation-container .smoke{animation:smokeRise .6s ease-out infinite;background:#c8c8c899;border-radius:50%;height:8px;width:8px}.car-animation-container .smoke:nth-child(2){animation-delay:.2s;height:6px;width:6px}.car-animation-container .smoke:nth-child(3){animation-delay:.4s;height:4px;width:4px}.car-animation-wrapper .loading-text{animation:pulse 1s ease-in-out infinite;color:#1976d2;font-size:14px;font-weight:500;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.car-animation-container.crashed .road-stripes{animation:none}.car-animation-container.crashed .scenery{animation:none;transform:translateX(100px)}.car-animation-container.crashed .cloud{animation:none}.car-animation-container .car.crashed{animation:crashShake .5s ease-out forwards;transform:translateX(-50%) rotate(15deg)}@keyframes crashShake{0%{transform:translateX(-50%) rotate(0deg)}20%{transform:translateX(-45%) rotate(-5deg)}40%{transform:translateX(-55%) rotate(20deg)}60%{transform:translateX(-48%) rotate(12deg)}80%{transform:translateX(-52%) rotate(17deg)}to{transform:translateX(-50%) rotate(15deg)}}.car-animation-container .car-wheel.crashed{animation:none}.car-animation-container .car-wheel.front-wheel.crashed{bottom:-10px;left:5px;transform:rotate(25deg)}.car-animation-container .car-wheel.back-wheel.crashed{transform:rotate(-15deg)}.car-animation-container .car-damage{background:linear-gradient(135deg,#333,#0000 50%);-webkit-clip-path:polygon(0 0,100% 30%,80% 100%,20% 80%);clip-path:polygon(0 0,100% 30%,80% 100%,20% 80%);height:20px;position:absolute;right:-5px;top:2px;width:15px}.car-animation-container .crash-obstacle{bottom:10px;position:absolute;right:60px;z-index:5}.car-animation-container .barrier{background:linear-gradient(180deg,#ff6b6b,#ee5a5a);border-radius:3px 3px 0 0;box-shadow:2px 2px 5px #0000004d;height:35px;width:20px}.car-animation-container .barrier-stripe{background:repeating-linear-gradient(90deg,#fff,#fff 4px,#0000 0,#0000 8px);height:8px;left:0;position:absolute;top:10px;width:20px}.car-animation-container .crash-smoke{display:flex;flex-direction:column;gap:2px;position:absolute;right:-10px;top:-20px}.car-animation-container .crash-puff{animation:crashSmokeRise 1.5s ease-out infinite;background:#646464b3;border-radius:50%;height:20px;width:20px}.car-animation-container .crash-puff:nth-child(2){animation-delay:.3s;height:15px;margin-left:5px;width:15px}.car-animation-container .crash-puff:nth-child(3){animation-delay:.6s;height:12px;margin-left:-5px;width:12px}@keyframes crashSmokeRise{0%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-25px) scale(2)}}.car-animation-container .debris{position:absolute;right:0;top:-10px}.car-animation-container .debris-piece{animation:debrisFly 1s ease-out forwards;background:#c62828;height:6px;position:absolute;width:6px}.car-animation-container .debris-piece:first-child{animation-delay:0s}.car-animation-container .debris-piece:nth-child(2){animation-delay:.1s;background:#333;height:4px;width:4px}.car-animation-container .debris-piece:nth-child(3){animation-delay:.2s;background:#90caf9;height:5px;width:5px}@keyframes debrisFly{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(30px,-30px) rotate(1turn)}}.car-animation-container .crash-stars{color:gold;display:flex;font-size:16px;gap:5px;position:absolute;right:5px;top:-25px}.car-animation-container .crash-stars span{animation:starBlink .5s ease-in-out infinite}.car-animation-container .crash-stars span:nth-child(2){animation-delay:.15s}.car-animation-container .crash-stars span:nth-child(3){animation-delay:.3s}@keyframes starBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.car-animation-wrapper .loading-text.error-text{animation:errorPulse .8s ease-in-out infinite;color:#c62828;font-weight:600}@keyframes errorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.login-page{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.login-page:before{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:40px 40px;content:"";inset:0;position:absolute}.login-bg-blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute}.blob-1{background:radial-gradient(circle,#6366f159 0,#0000 70%);height:500px;right:-5%;top:-10%;width:500px}.blob-2{background:radial-gradient(circle,#8b5cf64d 0,#0000 70%);bottom:-8%;height:400px;left:-5%;width:400px}.blob-3{background:radial-gradient(circle,#3b82f633 0,#0000 70%);height:300px;left:30%;top:40%;width:300px}.login-container{gap:24px;max-width:420px;padding:20px;position:relative;z-index:10}.login-card,.login-container{align-items:center;display:flex;flex-direction:column;width:100%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 48px #0006,inset 0 1px 0 #ffffff14;padding:40px 36px}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.logo-img{height:auto;max-height:80px;object-fit:contain;width:160px}.login-subtitle{color:#ffffff73;font-size:.9rem;font-weight:400;margin:0 0 28px}.login-card form{display:flex;flex-direction:column;width:100%}.input-group{margin-bottom:20px}.input-group label{color:#fff9;display:block;font-size:.8rem;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.login-card input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.login-card input:focus{background:#ffffff14;border-color:#818cf899;box-shadow:0 0 0 3px #818cf826}.login-card input::placeholder{color:#ffffff40}.login-card button[type=submit]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;margin-top:4px;padding:14px 0;transition:all .2s ease;width:100%}.login-card button[type=submit]:hover:not(:disabled){box-shadow:0 8px 24px #6366f166;transform:translateY(-1px)}.login-card button[type=submit]:active:not(:disabled){transform:translateY(0)}.login-card button:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed}.login-links{margin-top:16px;text-align:center}.link-btn{background:none;border:none;color:#818cf8cc;cursor:pointer;font-size:13px;padding:0;transition:color .2s}.link-btn:hover{color:#a5b4fc;text-decoration:underline}.login-card .error-container{animation:fadeSlideIn .3s ease-out;margin-top:20px;width:100%}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-card .error{background:#ef44441f;border:1px solid #ef444433;border-radius:10px;color:#fca5a5;font-size:14px;font-weight:500;margin-top:12px;padding:10px 16px;text-align:center}.login-card .success-message{background:#22c55e1f;border:1px solid #22c55e33;border-radius:10px;color:#86efac;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.login-footer{align-items:center;color:#fff3;display:flex;font-size:.75rem;gap:.5rem;letter-spacing:.03em}.login-version{font-size:.7rem;opacity:.7}.car-animation-container{background:linear-gradient(180deg,#87ceeb,#87ceeb 60%,#4a4a4a 0,#4a4a4a);border-radius:10px;height:120px;margin:20px 0;overflow:hidden;position:relative;width:100%}.sky{background:linear-gradient(180deg,#5c9eff,#87ceeb);height:60%;left:0;right:0;top:0}.sky,.sun{position:absolute}.sun{background:gold;border-radius:50%;box-shadow:0 0 20px gold,0 0 40px #ffd70080;height:30px;right:20px;top:10px;width:30px}.cloud{animation:cloudMove 8s linear infinite;background:#fff;border-radius:50px;position:absolute}.cloud:after,.cloud:before{background:#fff;border-radius:50%;content:"";position:absolute}.cloud-1{animation-delay:0s;height:20px;left:-60px;top:15px;width:50px}.cloud-1:before{height:25px;left:8px;top:-12px;width:25px}.cloud-1:after{height:20px;left:25px;top:-8px;width:20px}.cloud-2{animation-delay:3s;animation-duration:10s;height:15px;left:-40px;top:25px;width:40px}.cloud-2:before{height:20px;left:5px;top:-10px;width:20px}.cloud-2:after{height:15px;left:18px;top:-6px;width:15px}@keyframes cloudMove{0%{transform:translateX(0)}to{transform:translateX(420px)}}.road{background:#4a4a4a;bottom:0;height:40%}.road,.road-stripes{left:0;position:absolute;right:0}.road-stripes{animation:roadMove .5s linear infinite;bottom:22px;display:flex;gap:20px;height:4px}.stripe{background:gold;flex-shrink:0;height:4px;width:30px}@keyframes roadMove{0%{transform:translateX(0)}to{transform:translateX(-50px)}}.scenery{animation:sceneryMove 3s linear infinite;bottom:48px;display:flex;gap:80px;left:0;position:absolute}.tree{align-items:center;display:flex;flex-direction:column}.tree-top{border-bottom:25px solid #228b22;border-left:12px solid #0000;border-right:12px solid #0000;height:0;width:0}.tree-trunk{background:#8b4513;height:10px;width:6px}@keyframes sceneryMove{0%{transform:translateX(350px)}to{transform:translateX(-200px)}}.car{animation:carBounce .3s ease-in-out infinite;bottom:8px;left:50%;position:absolute;transform:translateX(-50%)}.car-body{border-radius:5px 5px 3px 3px;height:25px;position:relative;width:70px}.car-body,.car-body:before{background:linear-gradient(180deg,#e53935,#c62828)}.car-body:before{border-radius:8px 8px 0 0;content:"";height:18px;left:12px;position:absolute;top:-15px;width:40px}.car-window{background:linear-gradient(180deg,#90caf9,#64b5f6);border-radius:3px 3px 0 0;height:12px;position:absolute;top:-12px;width:15px}.car-window.front{left:16px}.car-window.back{left:35px}.car-wheel{animation:wheelSpin .3s linear infinite;background:#333;border:3px solid #666;border-radius:50%;bottom:-8px;height:16px;position:absolute;width:16px}.car-wheel:after{background:#999;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.car-wheel.front-wheel{left:8px}.car-wheel.back-wheel{right:8px}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes carBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}.headlight{background:#ffeb3b;border-radius:50%;box-shadow:0 0 8px #ffeb3b,5px 0 15px #ffeb3b80;height:6px;position:absolute;right:-3px;top:8px;width:6px}.exhaust{bottom:5px;display:flex;gap:3px;left:-10px;position:absolute}.smoke{animation:smokeRise .6s ease-out infinite;background:#c8c8c899;border-radius:50%;height:8px;width:8px}.smoke:nth-child(2){animation-delay:.2s;height:6px;width:6px}.smoke:nth-child(3){animation-delay:.4s;height:4px;width:4px}@keyframes smokeRise{0%{opacity:.6;transform:translateX(0) translateY(0) scale(1)}to{opacity:0;transform:translateX(-15px) translateY(-10px) scale(1.5)}}.loading-text{animation:textPulse 1.5s ease-in-out infinite;color:#93c5fd;font-size:14px;font-weight:500;margin-top:8px;text-align:center}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.login-page{padding:16px}.login-container{max-width:none;padding:16px}.login-card{border-radius:16px;padding:32px 24px}.logo-img{width:140px}.login-subtitle{font-size:.85rem;margin-bottom:24px}.blob-1{height:300px;right:-10%;top:-5%;width:300px}.blob-2{bottom:-5%;height:250px;left:-10%;width:250px}.blob-3{display:none}}@media (max-width:480px){.login-page{padding:12px}.login-card{border-radius:14px;padding:28px 20px}.logo-img{width:120px}.login-subtitle{font-size:.8rem;margin-bottom:20px}.login-card input{font-size:16px;padding:12px 14px}.login-card button[type=submit]{font-size:14px;padding:13px 0}}.settings-container{margin:0 auto;max-width:1200px;padding:20px}.settings-container h2{align-items:center;color:var(--color-text-primary);display:flex;gap:.5rem;margin-bottom:20px}.settings-tabs{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);display:flex;gap:.5rem;margin-bottom:24px;padding:8px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:12px 20px;transition:all .2s ease}.settings-tab:hover{background:#f5f5f5;background:var(--color-bg-hover,#f5f5f5);color:var(--color-text-primary)}.settings-tab.active{background:var(--gradient-primary);color:var(--color-text-on-primary)}.settings-tab .tab-icon{font-size:1.1rem}.settings-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:24px;padding:24px}.settings-section h3{border-bottom:2px solid var(--color-border-light);color:var(--color-text-secondary);font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text]{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:var(--color-primary);outline:none}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group small{color:#888;display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-primary{color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:#48bb78;color:#fff}.btn-secondary:hover:not(:disabled){background:#38a169}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.test-email-form{align-items:flex-end;display:flex;gap:16px}.test-email-form .form-group{flex:1 1;margin-bottom:0}.message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 16px}.message.success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.message.error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}@media (max-width:768px){.settings-tabs{flex-direction:column;gap:.25rem}.settings-tab{justify-content:flex-start;width:100%}.form-row{grid-template-columns:1fr}.test-email-form{align-items:stretch;flex-direction:column}.test-email-form .form-group{margin-bottom:16px}}.order-management{margin:0 auto;max-width:1400px;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:var(--color-text-primary);font-size:1.8rem;margin:0}.om-tabs{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;margin-bottom:1.5rem;padding:6px}.om-tab,.om-tabs{display:flex;gap:.5rem}.om-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--color-text-muted);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.om-tab:hover{background:#f5f5f5;background:var(--color-bg-hover,#f5f5f5);color:var(--color-text-primary)}.om-tab.active{background:var(--gradient-primary);color:var(--color-text-on-primary)}.om-tab-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.om-orders-placeholder{align-items:center;background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:12px;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:400px}.om-orders-placeholder .om-placeholder-icon{font-size:3rem;margin-bottom:1rem}.om-orders-placeholder h2{color:var(--color-text-primary);font-size:1.4rem;margin:0 0 .5rem}.om-orders-placeholder p{font-size:1rem;margin:0}.btn-primary{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.3)}.filters{align-items:flex-end;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.filter-group{gap:.35rem}.filter-group label{color:var(--color-text-muted);font-size:.8rem;letter-spacing:.3px;text-transform:uppercase}.filter-group input[type=date],.filter-group select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.9rem;height:38px;min-width:150px;padding:.5rem .75rem}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15);outline:none}.filter-search{flex:1 1;min-width:220px}.search-input-wrapper{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;display:flex;height:38px;overflow:hidden}.search-input-wrapper input[type=text]{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:.9rem;min-width:0;outline:none;padding:.5rem .75rem}.search-input-wrapper input[type=text]::placeholder{color:var(--color-text-muted)}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.search-clear-btn{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:28px;justify-content:center;width:28px}.search-clear-btn:hover{color:var(--color-text-primary)}.search-btn{background:var(--color-primary);border:none;border-left:1px solid var(--color-border);color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;height:100%;padding:0 1rem;transition:background .2s}.search-btn:hover{background:var(--color-primary-dark)}.orders-table-container{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);overflow-x:auto}.orders-table{border-collapse:collapse;font-size:.95rem;width:100%}.orders-table thead{background:var(--color-primary);color:#fff}.orders-table th{font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.orders-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.orders-table tbody tr.clickable-row{cursor:pointer}.orders-table tbody tr.clickable-row:hover{background-color:var(--color-primary-light)}.orders-table td{padding:1rem;white-space:nowrap}.orders-table td.no-data{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.status-badge{border-radius:12px;padding:.375rem .75rem;text-transform:uppercase}.badge-draft{background-color:#e0e0e0;color:#616161}.badge-confirmed{background-color:#e8f5e9;color:#2e7d32}.badge-sourcing{background-color:#fff3e0;color:#e65100}.badge-shipped{background-color:#e3f2fd;color:#1565c0}.badge-invoicing{background-color:#f3e5f5;color:#6a1b9a}.badge-completed{background-color:#e8f5e9;color:#1b5e20}.badge-cancelled{background-color:#ffebee;color:#c62828}.btn-view{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-view:hover{background:var(--color-primary-dark)}.action-buttons-cell{align-items:center;display:flex;gap:.5rem}.btn-delete-order{background:#ffcdd2;border:1px solid #ef9a9a;border-radius:4px;color:#c62828;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-delete-order:hover{background:#ef5350;color:#fff}.cell-center{text-align:center}.text-right{text-align:right}@media (max-width:768px){.order-management{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.om-tabs{flex-direction:column;gap:.25rem}.om-tab{justify-content:center;width:100%}.filters{align-items:stretch;flex-direction:column}.filter-group input[type=date],.filter-group select{min-width:0;min-width:auto;width:100%}.filter-search{min-width:0;min-width:auto}.orders-table{font-size:.85rem}.orders-table td,.orders-table th{padding:.75rem .5rem}.status-badge{font-size:.75rem;padding:.25rem .5rem}}.badge-order-created{background-color:#e3f2fd;color:#1565c0}.badge-order-intransit{background-color:#f3e5f5;color:#7b1fa2}.badge-order-completed{background-color:#e0f2f1;color:#004d40}.badge-order-cancelled{background-color:#fafafa;color:#616161;text-decoration:line-through}.supplier-info-cell{align-items:center;display:flex;gap:.4rem}.supplier-info-cell .supplier-flag{font-size:1.1rem}.order-number-cell{color:var(--color-primary);font-weight:600}.profit-margin{font-weight:600}.profit-margin.high{color:#2e7d32}.profit-margin.medium{color:#f57c00}.profit-margin.low{color:#d32f2f}.draft-link{color:var(--color-primary);cursor:pointer;font-size:.82rem}.draft-link:hover{text-decoration:underline}.order-detail{margin:0 auto;max-width:1800px;padding:1rem .75rem}.btn-back-to-list{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:6px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.3rem;margin-bottom:1rem;padding:.4rem .75rem;transition:all .2s ease}.btn-back-to-list:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.order-header{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:2rem;padding:2rem}.order-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.order-header h1{color:var(--color-text-primary);font-size:1.8rem;margin:0}.btn-export-pdf{background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.btn-export-pdf:hover{background:#b71c1c;box-shadow:0 4px 8px #d32f2f4d}.header-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-text-secondary);font-weight:600}.form-group input[type=date],.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:4px;font-size:1rem;padding:.75rem}.form-group textarea{font-family:inherit;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.error-message{font-weight:600}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;font-weight:600;margin-bottom:1rem;padding:1rem}.order-lines-section{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:2rem;padding:1rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header-left{align-items:center;display:flex;gap:1rem}.section-header h2{color:var(--color-text-primary);font-size:1.4rem;margin:0}.selected-count{background:var(--color-primary);border-radius:16px;color:#fff;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.action-buttons{gap:1rem}.btn-bulk-delete{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-bulk-delete:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d}.btn-bulk-delete:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.btn-add-line{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add-line:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d}.btn-excel-import{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-excel-import:hover{background:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn-query-prices{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-query-prices:hover{background:#f57c00;box-shadow:0 4px 8px #ff98004d}.btn-query-prices:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.order-lines-table-container{border:1px solid var(--color-border);border-radius:6px;overflow-x:auto}.order-lines-table{border-collapse:collapse;font-size:.85rem;table-layout:fixed;width:100%}.order-lines-table thead{background:var(--color-primary);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-lines-table th{font-size:.78rem;font-weight:600;overflow:hidden;padding:.6rem .4rem;text-align:left;text-overflow:ellipsis}.order-lines-table td.checkbox-col,.order-lines-table th.checkbox-col{padding:.5rem .25rem;text-align:center;width:36px}.order-lines-table td.checkbox-col input[type=checkbox],.order-lines-table th.checkbox-col input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.order-lines-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.order-lines-table tbody tr:hover{background-color:var(--color-primary-light)}.order-lines-table tbody tr.selected-row{background-color:#e8eaff}.order-lines-table tbody tr.selected-row:hover{background-color:#dfe2ff}.order-lines-table td{overflow:hidden;padding:.5rem .4rem;text-overflow:ellipsis;vertical-align:top}.order-lines-table td.no-data{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.product-search-cell{position:relative}.product-search-cell input{border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.product-search-cell input:focus{border-color:var(--color-primary);outline:none}.product-search-cell input:disabled{background-color:var(--color-bg-table-header);cursor:not-allowed}.search-results{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px var(--color-shadow);height:100px;left:0;overflow-y:auto;right:0;top:100%;z-index:1000}.search-result-item{cursor:pointer;font-size:.85rem;padding:.75rem;transition:background-color .2s}.search-result-item:hover{background-color:var(--color-primary-light)}.search-result-item strong{color:var(--color-primary)}.input-number{border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;font-size:.82rem;max-width:90px;padding:.35rem .4rem;width:100%}.input-number.input-price{max-width:90px;text-align:right}.input-number:focus{border-color:var(--color-primary);outline:none}.currency-display{color:var(--color-text-muted);font-size:.78rem;text-align:center}.currency-display,.price-display{background:var(--color-bg-table-header);border:1px solid var(--color-border);border-radius:4px;display:inline-block;padding:.3rem .4rem}.cell-price,.price-display{color:var(--color-text-primary);font-size:.82rem;font-weight:500;text-align:right;white-space:nowrap}.order-lines-table .text-right{text-align:right}.order-lines-table thead th.col-group-1{background:#1565c0}.order-lines-table tbody td.cell-group-1{background:#e3f2fd73}.order-lines-table tbody tr:hover td.cell-group-1{background:#bbdefb80}.order-lines-table thead th.col-group-2{background:#2e7d32}.order-lines-table tbody td.cell-group-2{background:#e8f5e973}.order-lines-table tbody tr:hover td.cell-group-2{background:#c8e6c980}.order-lines-table thead th.col-group-3{background:#e65100}.order-lines-table tbody td.cell-group-3{background:#fff3e073}.order-lines-table tbody tr:hover td.cell-group-3{background:#ffe0b280}.order-lines-table tfoot .footer-group-1{background:#1565c040}.order-lines-table tfoot .footer-group-2{background:#2e7d3240}.order-lines-table tfoot .footer-group-3{background:#e6510040}.order-lines-table select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem}.order-lines-table select:focus{border-color:var(--color-primary);outline:none}.supplier-cell{overflow:hidden;text-align:right}.supplier-name{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:.2rem;justify-content:flex-end;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-flag{font-size:1rem;line-height:1}.supplier-price{color:var(--color-text-primary);font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{align-items:center;display:flex;gap:4px}.btn-info-line{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;color:#1565c0;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.btn-info-line:hover{background:#1976d2;color:#fff}.btn-delete-line{align-items:center;background:#ffcdd2;border:1px solid #ef9a9a;border-radius:4px;color:#c62828;cursor:pointer;display:inline-flex;font-size:.85rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.btn-delete-line:hover{background:#ef5350;color:#fff}.order-lines-table tfoot{background:var(--gradient-primary);bottom:0;color:#fff;position:-webkit-sticky;position:sticky;z-index:9}.order-lines-table tfoot .totals-row td{border-top:2px solid var(--color-primary-dark);font-weight:700;padding:.6rem .4rem}.order-lines-table tfoot .totals-label{font-size:.85rem;letter-spacing:.5px;text-align:right;text-transform:uppercase}.order-lines-table tfoot .totals-value{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-lines-table tfoot .supplier-total-cell{background:#ffffff1a;border-radius:4px}.order-footer{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);padding:2rem}.supplier-summary-section{border-bottom:2px solid var(--color-border);margin-bottom:2rem;padding-bottom:2rem}.summary-title{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.summary-total-sales{align-items:center;background:var(--gradient-primary);border-radius:8px;color:#fff;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.summary-total-sales .summary-label{font-size:1rem;font-weight:600}.summary-total-sales .summary-value{font-size:1.5rem;font-weight:700}.supplier-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.supplier-card{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.supplier-card:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.supplier-card.cheapest{background:linear-gradient(145deg,#e8f5e9,#c8e6c9);border-color:#4caf50;box-shadow:0 4px 15px #4caf5040}.cheapest-badge{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:12px;box-shadow:0 2px 8px #4caf5066;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .85rem;position:absolute;right:16px;top:-12px}.card-rank,.cheapest-badge{letter-spacing:.5px;text-transform:uppercase}.card-rank{color:var(--color-text-muted);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.card-supplier-name{align-items:center;border-bottom:1px solid #0000001a;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.card-flag{font-size:1.3rem}.card-cost,.card-profit,.card-savings{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cost-label,.profit-label,.savings-label{color:var(--color-text-muted);font-size:.9rem}.cost-value{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.profit-value{font-size:1.1rem;font-weight:700}.savings-value{color:#2e7d32;font-size:1rem;font-weight:600}.supplier-card.cheapest .savings-value{color:#1b5e20}.usd-equivalent{color:#888;color:var(--color-text-muted,#888);font-size:.82em;font-weight:400;white-space:nowrap}.no-supplier-data{background:var(--color-bg-table-header);border-radius:8px;color:var(--color-text-muted);grid-column:1/-1;padding:2rem;text-align:center}.no-supplier-data p{margin:.5rem 0}.no-supplier-data p:first-child{color:var(--color-text-primary);font-weight:600}.supplier-order-summary{border-top:2px solid var(--color-border);margin-top:2rem;padding-top:2rem}.supplier-order-summary .summary-title{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.summary-description{color:var(--color-text-muted);font-size:.95rem;margin:0 0 1.5rem}.supplier-order-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.supplier-order-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:10px;padding:1.25rem;position:relative;transition:all .3s ease}.supplier-order-card:hover{box-shadow:0 4px 12px var(--color-shadow)}.supplier-order-card.best-option{background:linear-gradient(145deg,#e3f9e5,#c6f0c8);border-color:#2e7d32;box-shadow:0 4px 15px #2e7d3233}.supplier-order-card.incomplete{background:#fff8e1;border-color:#ffc107}.best-option-badge{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:12px;box-shadow:0 2px 8px #2e7d3266;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;position:absolute;right:16px;text-transform:uppercase;top:-12px}.supplier-order-header{align-items:flex-start;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.supplier-order-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.15rem;font-weight:700;gap:.5rem}.supplier-order-flag{font-size:1.4rem}.missing-products-badge{background:#ff9800;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.supplier-order-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label{color:var(--color-text-muted);font-size:.9rem}.detail-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.detail-value.cost{color:#1976d2;font-size:1.25rem;font-weight:700}.detail-value.profit{color:#2e7d32;font-size:1.1rem;font-weight:700}.total-cost-row{margin-top:.5rem}.profit-row,.total-cost-row{border-top:1px dashed var(--color-border);padding-top:.5rem}.profit-row{margin-top:.25rem}.incomplete-warning{background:#ff980026;border-radius:6px;color:#e65100;font-size:.85rem;line-height:1.4;margin-top:.75rem;padding:.75rem}.totals-grid{grid-gap:1.5rem;border-bottom:2px solid var(--color-border);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;padding-bottom:2rem}.total-item{background:#f8f9fa;border-radius:6px;padding:1rem}.total-item.supplier-total{background:#e3f2fd}.total-item label{color:var(--color-text-muted);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.total-item .total-value{color:var(--color-text-primary);display:block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.total-item .margin{display:block;font-size:1rem;font-weight:600}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background:var(--color-bg-table-header);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-cancel:hover{background:#eee}.btn-save{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-save:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.3)}.btn-save:disabled{background:#bdbdbd;box-shadow:none}.loading{font-size:1.2rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1024px){.order-detail,.order-footer,.order-header,.order-lines-section{padding:1rem}.header-form{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.action-buttons{flex-direction:column;width:100%}.btn-add-line,.btn-bulk-delete,.btn-excel-import,.btn-query-prices{width:100%}.section-header-left{align-items:flex-start;flex-direction:column;gap:.5rem}.supplier-cards,.supplier-order-cards,.totals-grid{grid-template-columns:1fr}.summary-total-sales{text-align:center}.summary-total-sales,.supplier-order-header{flex-direction:column;gap:.5rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.btn-convert-to-order{background:#1565c0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-convert-to-order:hover{background:#0d47a1}.btn-convert-to-order:disabled{background:#90caf9;cursor:not-allowed}.converted-row{background-color:#f5f5f5!important;opacity:.75}.converted-row td{color:#888!important}.converted-badge{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:4px;color:#2e7d32;cursor:pointer;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem;transition:all .2s ease}.converted-badge:hover{background:#c8e6c9;text-decoration:underline}.converted-qty,.converted-supplier-rank{color:#888;font-weight:500}.converted-supplier-rank{font-size:.78rem}.supplier-select{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.78rem;padding:.3rem .4rem;width:100%}.supplier-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1976d226;outline:none}.order-view{margin:0 auto;max-width:1600px;padding:1rem .75rem}.ov-header{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:1.5rem;padding:1.5rem 2rem}.ov-title-row{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.ov-title-row h1{color:var(--color-text-primary);font-size:1.6rem;margin:0}.ov-supplier-info{align-items:center;display:flex;font-size:1.1rem;gap:.5rem}.ov-flag{font-size:1.3rem}.ov-supplier-name{color:var(--color-text-secondary);font-weight:600}.ov-form-section{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:1.5rem;padding:1.5rem 2rem}.ov-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.ov-form-group label{color:var(--color-text-secondary);display:block;font-size:.82rem;font-weight:600;margin-bottom:.3rem}.ov-form-group input,.ov-form-group select,.ov-form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:.9rem;padding:.5rem .75rem;width:100%}.ov-form-group input:disabled{background:#f5f5f5;color:#888}.ov-form-group.full-width{margin-top:.5rem}.ov-draft-link{color:var(--color-primary);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem .75rem}.ov-draft-link:hover{text-decoration:underline}.ov-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.ov-pdf-dropdown{position:relative}.ov-pdf-dropdown .btn-export-pdf{background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.ov-pdf-dropdown .btn-export-pdf:hover{background:#b71c1c;box-shadow:0 4px 8px #d32f2f4d}.ov-pdf-menu{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:10}.ov-pdf-menu button{background:none;border:none;color:#212121;color:var(--color-text-primary,#212121);cursor:pointer;display:block;font-size:.85rem;padding:.5rem 1rem;text-align:left;width:100%}.ov-pdf-menu button:hover{background:#f5f5f5;background:var(--color-bg,#f5f5f5)}.ov-lines-section{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:1.5rem;padding:1.5rem}.ov-lines-section h2{color:var(--color-text-primary);font-size:1.2rem;margin:0 0 1rem}.ov-lines-table-container{overflow-x:auto}.ov-lines-table{border-collapse:collapse;font-size:.85rem;width:100%}.ov-lines-table th{background:#f8f9fa;border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;padding:.6rem .75rem;text-align:left;white-space:nowrap}.ov-lines-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:.6rem .75rem}.ov-lines-table .text-right{text-align:right}.ov-lines-table .cell-price{font-family:Roboto Mono,monospace;font-size:.82rem;text-align:right}.ov-lines-table .cell-center{text-align:center}.ov-lines-table .product-code{color:var(--color-primary);font-weight:600}.ov-lines-table .totals-row{background:#f8f9fa;font-weight:700}.ov-lines-table .totals-label{font-size:.9rem;text-align:right}.ov-lines-table .totals-value{font-size:.9rem}.ov-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.ov-summary-card{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);padding:1.25rem;text-align:center}.ov-summary-label{color:var(--color-text-secondary);display:block;font-size:.82rem;font-weight:600;margin-bottom:.5rem}.ov-summary-value{color:var(--color-text-primary);display:block;font-size:1.2rem;font-weight:700}.ov-summary-value.profit{color:#2e7d32}.ov-edit-hint{color:#1565c0;font-size:.82rem;font-style:italic;margin:-.5rem 0 1rem}.ov-inline-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:.82rem;padding:.3rem .5rem}.ov-inline-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1976d226;outline:none}.ov-input-qty{text-align:center;width:70px}.ov-input-price{text-align:right;width:110px}.ov-modified-row{background-color:#fff8e1!important}.ov-line-actions{align-items:center;display:flex;gap:.25rem;white-space:nowrap}.ov-line-actions .btn-info-line{align-items:center;background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;height:28px;justify-content:center;width:28px}.ov-line-actions .btn-info-line:hover{background:#1565c0}.btn-save-line{align-items:center;background:#2e7d32;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.btn-save-line:hover{background:#1b5e20}.btn-save-line:disabled{cursor:not-allowed;opacity:.5}.ov-line-actions .btn-delete-line{align-items:center;background:#ef5350;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;height:28px;justify-content:center;width:28px}.ov-line-actions .btn-delete-line:hover{background:#c62828}.ov-line-actions .btn-delete-line:disabled{cursor:not-allowed;opacity:.5}.order-view .status-badge{border-radius:12px;display:inline-block;font-size:.82rem;font-weight:600;padding:.3rem .75rem}.order-view .badge-order-created{background-color:#e3f2fd;color:#1565c0}.order-view .badge-order-intransit{background-color:#f3e5f5;color:#7b1fa2}.order-view .badge-order-completed{background-color:#e0f2f1;color:#004d40}.order-view .badge-order-cancelled{background-color:#fafafa;color:#616161;text-decoration:line-through}.ov-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:0;margin-bottom:1.5rem}.ov-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.ov-tab-active,.ov-tab:hover{color:var(--color-primary)}.ov-tab-active{border-bottom-color:var(--color-primary)}.ov-lines-table th.ov-col-group-1{background:#e3f2fd;color:#1565c0}.ov-lines-table td.ov-cell-group-1{background:#e3f2fd59}.ov-lines-table tbody tr:hover td.ov-cell-group-1{background:#bbdefb73}.ov-lines-table th.ov-col-group-2{background:#e8f5e9;color:#2e7d32}.ov-lines-table td.ov-cell-group-2{background:#e8f5e959}.ov-lines-table tbody tr:hover td.ov-cell-group-2{background:#c8e6c973}.ov-lines-table th.ov-col-group-3{background:#fff3e0;color:#e65100}.ov-lines-table td.ov-cell-group-3{background:#fff3e059}.ov-lines-table tbody tr:hover td.ov-cell-group-3{background:#ffe0b273}.ov-lines-table .ov-footer-group-1{background:#e3f2fd99}.ov-lines-table .ov-footer-group-2{background:#e8f5e999}.ov-lines-table .ov-footer-group-3{background:#fff3e099}@media (max-width:900px){.ov-form-grid,.ov-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ov-form-grid,.ov-summary{grid-template-columns:1fr}}.currency-management{margin:2rem 0}.currency-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.currency-header h2{color:var(--color-text-primary);margin:0}.btn-update-tcmb{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.675rem 1.25rem;transition:all .3s ease}.btn-update-tcmb:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d}.btn-update-tcmb:disabled{background:#a5d6a7;cursor:not-allowed}.update-message{border-radius:4px;font-weight:600;margin-bottom:1rem;padding:1rem}.update-message.success{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.update-message.error{color:#c62828}.error-message,.update-message.error{background-color:#ffebee;border-left:4px solid #f44336}.error-message{border-radius:4px;margin-bottom:1rem;padding:1rem}.filter-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.date-filter{align-items:center;display:flex;gap:.75rem}.date-filter label{color:var(--color-text-primary);font-weight:600;white-space:nowrap}.date-input{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:8px;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.date-info{color:var(--color-primary);font-size:.9rem;font-weight:600}.search-box{flex:1 1;min-width:300px}.search-input{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:8px;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.search-input::placeholder{color:#9e9e9e}.currencies-container{background:var(--color-bg-card);border-radius:8px;box-shadow:var(--color-shadow);overflow:hidden}.results-header{background:#fafafa;border-bottom:1px solid var(--color-border-light);padding:1rem 1.5rem}.results-count{color:var(--color-text-muted);font-size:.9rem;margin:0}.filter-info{color:#999;font-weight:400}.table-container{overflow-x:auto}.currency-table{border-collapse:collapse;font-size:.9rem;width:100%}.currency-table thead{background:var(--color-bg-table-header)}.currency-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-weight:600;padding:1rem 1.5rem;text-align:left;white-space:nowrap}.currency-table td{border-bottom:1px solid var(--color-border-light);padding:1rem 1.5rem;vertical-align:middle}.currency-table tbody tr:hover{background:#f9f9f9}.currency-table tbody tr:last-child td{border-bottom:none}.col-code{min-width:80px}.currency-code{background:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-family:monospace;font-size:.9rem;font-weight:700;padding:.25rem .75rem}.col-symbol{min-width:60px;text-align:center}.currency-symbol{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.edit-symbol{font-size:1rem;text-align:center;width:60px}.col-name{color:var(--color-text-primary);min-width:200px}.col-rate{min-width:120px;text-align:right}.rate-value{color:#2e7d32;font-family:monospace;font-size:1rem;font-weight:600}.col-date{color:var(--color-text-muted);min-width:100px}.col-status{text-align:center}.status-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.col-updated{color:#999;font-size:.85rem;min-width:140px}.col-actions{min-width:80px;text-align:center}.editing-row,.editing-row:hover{background:#fff8e1!important}.edit-input{background:var(--color-bg-card);border:2px solid var(--color-primary);border-radius:4px;font-size:.9rem;outline:none;padding:.5rem .75rem;transition:border-color .2s;width:100%}.edit-input:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.edit-rate{font-family:monospace;font-weight:600;text-align:right;width:120px}.edit-date{width:140px}.edit-select{background:var(--color-bg-card);border:2px solid var(--color-primary);border-radius:4px;cursor:pointer;font-size:.9rem;outline:none;padding:.5rem .75rem}.edit-select:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-cancel,.btn-delete,.btn-edit,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover:not(:disabled){background:#bbdefb}.btn-edit:disabled{cursor:not-allowed;opacity:.5}.btn-save{background:#e8f5e9;color:#2e7d32}.btn-save:hover:not(:disabled){background:#c8e6c9}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-cancel{background:#ffebee;color:#c62828}.btn-cancel:hover:not(:disabled){background:#ffcdd2}.btn-cancel:disabled{cursor:not-allowed;opacity:.7}.btn-delete{background:#fff3e0;color:#e65100}.btn-delete:hover:not(:disabled){background:#ffe0b2}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.no-results{padding:4rem 2rem;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:1rem}.no-results-text{color:#999;font-size:1.1rem;margin:0}.loading{align-items:center;color:var(--color-primary);display:flex;font-size:1.1rem;font-weight:600;justify-content:center;min-height:400px}@media (max-width:1024px){.currency-table td,.currency-table th{padding:.75rem 1rem}.col-updated{display:none}.edit-rate{width:100px}}@media (max-width:768px){.currency-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start;width:100%}.filter-toolbar{flex-direction:column;gap:1rem}.date-filter{align-items:flex-start;flex-direction:column;width:100%}.date-input{width:100%}.search-box{min-width:auto;width:100%}.search-input{font-size:.9rem;padding:.75rem}.currency-table td,.currency-table th{font-size:.85rem;padding:.5rem .75rem}.col-status{display:none}}.unmatched-codes-page{margin:0 auto;max-width:1400px;padding:2rem}.unmatched-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.unmatched-header h2{color:var(--color-text-primary);font-size:1.8rem;margin:0}.header-actions{align-items:center;display:flex;gap:.75rem}.total-count{background:#e3f2fd;border-radius:20px;color:#1565c0;padding:.4rem 1rem}.btn-export,.total-count{font-size:.9rem;font-weight:600}.btn-export{background:#1565c0;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1.2rem;transition:all .2s ease;white-space:nowrap}.btn-export:hover:not(:disabled){background:#0d47a1;box-shadow:0 2px 6px #1565c04d}.btn-export:disabled{cursor:not-allowed;opacity:.5}.unmatched-filters{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-group label{color:var(--color-text-primary);font-weight:600;white-space:nowrap}.filter-group .search-input,.filter-group select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;font-size:.95rem;height:38px;padding:.5rem 1rem}.filter-group select{cursor:pointer;min-width:200px}.filter-group .search-input{min-width:280px}.matched-summary{align-items:center;align-self:flex-end;background:#e8f5e9;border:1px solid #81c784;border-radius:6px;display:flex;gap:.75rem;margin-left:auto;padding:.5rem 1rem}.matched-count{color:#2e7d32}.btn-transfer,.matched-count{font-weight:600;white-space:nowrap}.btn-transfer{background:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1.2rem;transition:all .2s ease}.btn-transfer:hover:not(:disabled){background:#1b5e20;box-shadow:0 2px 6px #2e7d324d}.btn-transfer:disabled{cursor:not-allowed;opacity:.6}.btn-transfer-large{font-size:1rem;padding:.75rem 2rem}.message{align-items:center;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.error-message{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.success-message{background:#e8f5e9;border:1px solid #81c784;color:#2e7d32}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0 .25rem}.cart-section{background:#e8f5e9;border:1px solid #81c784;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cart-header h3{color:#2e7d32;font-size:1.1rem;margin:0}.cart-table-container{border:1px solid #a5d6a7;border-radius:6px;max-height:250px;overflow-y:auto}.cart-table{background:var(--color-bg-card);border-collapse:collapse;font-size:.9rem;width:100%}.cart-table thead{background:#c8e6c9;position:-webkit-sticky;position:sticky;top:0}.cart-table th{border-bottom:1px solid #a5d6a7;color:#2e7d32;font-weight:600;padding:.5rem .75rem;text-align:left;white-space:nowrap}.cart-table td{border-bottom:1px solid #e8f5e9;color:var(--color-text-primary);padding:.4rem .75rem}.cart-table tbody tr:hover{background:#f1f8e9}.cart-product-code{color:#2e7d32;font-weight:600}.empty-state,.loading-state{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.unmatched-table-container{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.unmatched-table{border-collapse:collapse;font-size:.95rem;width:100%}.unmatched-table thead{background:var(--color-bg-table-header);position:-webkit-sticky;position:sticky;top:0;z-index:1}.unmatched-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.unmatched-table td{border-bottom:1px solid var(--color-border-light);color:#444;padding:.6rem 1rem}.unmatched-table tbody tr:hover{background:#fafafa}.row-matched{background:#e8f5e9!important}.row-matched:hover{background:#c8e6c9!important}.code-cell{font-family:Courier New,monospace;font-weight:500}.matched-product{color:#2e7d32;font-size:.9rem}.matched-product strong{font-family:Courier New,monospace}.not-matched{color:#bbb}.action-cell{align-items:center;display:flex;gap:.4rem}.btn-action{border:none;border-radius:4px;cursor:pointer;font-size:.82rem;font-weight:600;padding:.35rem .75rem;transition:all .2s ease}.btn-match{background:var(--color-primary);color:#fff}.btn-match:hover{background:var(--color-primary-dark)}.btn-remove{background:#ff9800;color:#fff}.btn-remove:hover{background:#f57c00}.btn-delete{background:#ef5350;color:#fff}.btn-delete:hover{background:#d32f2f}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:1rem 0}.btn-page{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.btn-page:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-page:disabled{cursor:not-allowed;opacity:.4}.page-info{color:var(--color-text-muted);font-weight:500;padding:0 .5rem}.transfer-footer{display:flex;justify-content:center;padding:1.5rem 0}@media (max-width:768px){.unmatched-codes-page{padding:1rem}.unmatched-filters{align-items:stretch;flex-direction:column}.filter-group .search-input,.filter-group select{min-width:0;min-width:auto;width:100%}.matched-summary{justify-content:space-between;margin-left:0}.action-cell{flex-direction:column}}.unmatched-prices-page{margin:0 auto;max-width:1400px;padding:2rem}.unmatched-prices-page .unmatched-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.unmatched-prices-page .header-left{align-items:center;display:flex;gap:1rem}.unmatched-prices-page .btn-back{background:var(--color-bg-table-header);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.unmatched-prices-page .btn-back:hover{background:var(--color-border-light);color:var(--color-text-primary)}.unmatched-prices-page .unmatched-header h2{color:var(--color-text-primary);font-size:1.8rem;margin:0}.unmatched-prices-page .header-actions{align-items:center;display:flex;gap:.75rem}.unmatched-prices-page .total-count{background:#e3f2fd;border-radius:20px;color:#1565c0;font-size:.9rem;font-weight:600;padding:.4rem 1rem}.unmatched-prices-page .btn-export{background:#1565c0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s ease;white-space:nowrap}.unmatched-prices-page .btn-export:hover:not(:disabled){background:#0d47a1;box-shadow:0 2px 6px #1565c04d}.unmatched-prices-page .btn-export:disabled{cursor:not-allowed;opacity:.5}.unmatched-prices-page .unmatched-filters{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.unmatched-prices-page .filter-group{display:flex;flex-direction:column;gap:.4rem}.unmatched-prices-page .filter-group label{color:var(--color-text-primary);font-weight:600;white-space:nowrap}.unmatched-prices-page .filter-group .search-input,.unmatched-prices-page .filter-group select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;font-size:.95rem;height:38px;padding:.5rem 1rem}.unmatched-prices-page .filter-group select{cursor:pointer;min-width:200px}.unmatched-prices-page .filter-group .search-input{min-width:280px}.unmatched-prices-page .matched-summary{align-items:center;align-self:flex-end;background:#e8f5e9;border:1px solid #81c784;border-radius:6px;display:flex;gap:.75rem;margin-left:auto;padding:.5rem 1rem}.unmatched-prices-page .matched-count{color:#2e7d32;font-weight:600;white-space:nowrap}.unmatched-prices-page .btn-transfer{background:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s ease;white-space:nowrap}.unmatched-prices-page .btn-transfer:hover:not(:disabled){background:#1b5e20;box-shadow:0 2px 6px #2e7d324d}.unmatched-prices-page .btn-transfer:disabled{cursor:not-allowed;opacity:.6}.unmatched-prices-page .btn-transfer-large{font-size:1rem;padding:.75rem 2rem}.unmatched-prices-page .message{align-items:center;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.unmatched-prices-page .error-message{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.unmatched-prices-page .success-message{background:#e8f5e9;border:1px solid #81c784;color:#2e7d32}.unmatched-prices-page .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0 .25rem}.unmatched-prices-page .cart-section{background:#e8f5e9;border:1px solid #81c784;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.unmatched-prices-page .cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.unmatched-prices-page .cart-header h3{color:#2e7d32;font-size:1.1rem;margin:0}.unmatched-prices-page .cart-table-container{border:1px solid #a5d6a7;border-radius:6px;max-height:250px;overflow-y:auto}.unmatched-prices-page .cart-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.unmatched-prices-page .cart-table thead{background:#c8e6c9;position:-webkit-sticky;position:sticky;top:0}.unmatched-prices-page .cart-table th{border-bottom:1px solid #a5d6a7;color:#2e7d32;font-weight:600;padding:.5rem .75rem;text-align:left;white-space:nowrap}.unmatched-prices-page .cart-table td{border-bottom:1px solid #e8f5e9;color:var(--color-text-primary);padding:.4rem .75rem}.unmatched-prices-page .cart-table tbody tr:hover{background:#f1f8e9}.unmatched-prices-page .cart-product-code{color:#2e7d32;font-weight:600}.unmatched-prices-page .empty-state,.unmatched-prices-page .loading-state{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.unmatched-prices-page .unmatched-table-container{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.unmatched-prices-page .unmatched-table{border-collapse:collapse;font-size:.95rem;width:100%}.unmatched-prices-page .unmatched-table thead{background:var(--color-bg-table-header);position:-webkit-sticky;position:sticky;top:0;z-index:1}.unmatched-prices-page .unmatched-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.unmatched-prices-page .unmatched-table td{border-bottom:1px solid var(--color-border-light);color:#444;padding:.6rem 1rem}.unmatched-prices-page .unmatched-table tbody tr:hover{background:#fafafa}.unmatched-prices-page .row-matched{background:#e8f5e9!important}.unmatched-prices-page .row-matched:hover{background:#c8e6c9!important}.unmatched-prices-page .row-auto-matched{background:#e3f2fd!important}.unmatched-prices-page .row-auto-matched:hover{background:#bbdefb!important}.badge-auto{background-color:#1976d2}.badge-auto,.badge-manual{border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.badge-manual{background-color:#4caf50}.badge-auto-small{background-color:#1976d2;border-radius:8px;color:#fff;font-size:10px;margin-left:6px;padding:1px 6px;vertical-align:middle}.unmatched-prices-page .code-cell{font-family:Courier New,monospace;font-weight:500}.unmatched-prices-page .price-cell{font-weight:600;text-align:right;white-space:nowrap}.unmatched-prices-page .notes-cell{color:#888;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unmatched-prices-page .matched-product{color:#2e7d32;font-size:.9rem}.unmatched-prices-page .matched-product strong{font-family:Courier New,monospace}.unmatched-prices-page .not-matched{color:#bbb}.unmatched-prices-page .action-cell{align-items:center;display:flex;gap:.4rem}.unmatched-prices-page .btn-action{border:none;border-radius:4px;cursor:pointer;font-size:.82rem;font-weight:600;padding:.35rem .75rem;transition:all .2s ease}.unmatched-prices-page .btn-match{background:var(--color-primary);color:#fff}.unmatched-prices-page .btn-match:hover{background:var(--color-primary-dark)}.unmatched-prices-page .btn-remove{background:#ff9800;color:#fff}.unmatched-prices-page .btn-remove:hover{background:#f57c00}.unmatched-prices-page .btn-delete{background:#ef5350;color:#fff}.unmatched-prices-page .btn-delete:hover{background:#d32f2f}.unmatched-prices-page .btn-bulk-delete{background:#ef5350;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s ease;white-space:nowrap}.unmatched-prices-page .btn-bulk-delete:hover{background:#d32f2f;box-shadow:0 2px 6px #ef53504d}.unmatched-prices-page .unmatched-table td input[type=checkbox],.unmatched-prices-page .unmatched-table th input[type=checkbox]{cursor:pointer;height:16px;width:16px}.unmatched-prices-page .row-selected{background:#fff3e0!important}.unmatched-prices-page .row-selected:hover{background:#ffe0b2!important}.unmatched-prices-page .pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:1rem 0}.unmatched-prices-page .btn-page{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.unmatched-prices-page .btn-page:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.unmatched-prices-page .btn-page:disabled{cursor:not-allowed;opacity:.4}.unmatched-prices-page .page-info{color:var(--color-text-muted);font-weight:500;padding:0 .5rem}.unmatched-prices-page .transfer-footer{display:flex;justify-content:center;padding:1.5rem 0}@media (max-width:768px){.unmatched-prices-page{padding:1rem}.unmatched-prices-page .unmatched-header{align-items:flex-start;flex-direction:column;gap:.75rem}.unmatched-prices-page .unmatched-filters{align-items:stretch;flex-direction:column}.unmatched-prices-page .filter-group .search-input,.unmatched-prices-page .filter-group select{min-width:0;min-width:auto;width:100%}.unmatched-prices-page .matched-summary{justify-content:space-between;margin-left:0}.unmatched-prices-page .action-cell{flex-direction:column}}.version-update-banner{align-items:center;animation:slideDown .3s ease-out;background:#1a73e8;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:10000}.version-update-banner button{background:#0000;border:1.5px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:4px 16px;transition:background .2s}.version-update-banner button:hover{background:#fff3}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}