.terminal-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;max-width:900px;width:100%;margin:20px}.terminal-header{text-align:center;margin-bottom:30px}.terminal-header h1{color:#333;font-size:2.5rem;font-weight:800;margin-bottom:10px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.banner{width:100%;height:120px;margin-bottom:15px;border-radius:15px;object-fit:contain;box-shadow:0 8px 25px #0000001a;background-color:#f8f9fa}.supplier-info{background:#f8f9fa;border-radius:15px;padding:18px 20px;margin-bottom:0;border-left:5px solid #1F3F60}.supplier-details{display:flex;flex-direction:row;gap:24px;align-items:flex-start}.supplier-field{display:flex;flex-direction:column;gap:3px}.supplier-field label{font-weight:600;color:#666;font-size:.85rem}.supplier-field span{font-size:1rem;font-weight:700;color:#1f3f60}.supplier-main{flex:2}.supplier-cnpj-field{flex:1}.supplier-name{color:#1f3f60!important;font-size:1.15rem!important}.supplier-cnpj{color:#666!important;font-size:.95rem!important}.vehicle-client-details{margin-top:16px;padding-top:16px;border-top:2px solid rgba(31,63,96,.1);position:relative}.vehicle-client-details:before{content:"";position:absolute;top:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,#1f3f60,#2d5a87);border-radius:1px}.client-section{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:12px}.vehicle-section{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-wrap:wrap}.client-field-inline{flex-direction:row!important;align-items:center;gap:8px}.client-name{color:#1f3f60!important;font-weight:800!important;font-size:1.1rem!important}.vehicle-plate{color:#1f3f60!important;font-weight:800!important;font-family:Courier New,monospace;font-size:1.05rem!important;background:linear-gradient(135deg,#1f3f60,#2d5a87);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sale-complete-details{margin-top:16px;padding-top:16px;border-top:2px solid rgba(31,63,96,.1);position:relative}.sale-complete-details:before{content:"";position:absolute;top:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,#1f3f60,#2d5a87);border-radius:1px}.sale-details-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:12px}.sale-details-row:last-child{margin-bottom:0}.loading-indicator{display:inline-flex;align-items:center;gap:8px;color:#1f3f60!important}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(31,63,96,.2);border-top-color:#1f3f60;border-radius:50%;animation:spin .8s linear infinite}.terminal-form{display:flex;flex-direction:column;gap:32px;padding:18px 20px;background:#f8f9fa;border-radius:15px;border-left:5px solid #1F3F60;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.form-row{display:flex;gap:28px;align-items:flex-start;justify-content:flex-start}.form-row:has(.price-info-row){margin-bottom:-20px}.form-row:has(#driverId){margin-bottom:-20px}.form-row:has(#odometer){margin-bottom:-20px}.form-row:has(#password){margin-bottom:-20px}.form-row:has(.main-field){align-items:flex-start}.form-row:not(:has(.main-field)){align-items:flex-start}.form-row:not(:has(.main-field)) .form-group{display:flex;flex-direction:column}.form-row:not(:has(.main-field)) .driver-info{margin-top:37px}.form-group{display:flex;flex-direction:column;gap:12px;flex:1;position:relative}.form-group label{font-weight:700;color:#1f3f60;font-size:1rem;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px;position:relative}.form-group label:after{content:"";position:absolute;bottom:-4px;left:0;width:20px;height:2px;background:linear-gradient(90deg,#1f3f60,#2d5a87);border-radius:1px}.form-group input,.form-group select{padding:16px 20px;border:2px solid #e8ecf0;border-radius:14px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 4px 8px #0000000d,inset 0 1px #ffffff1a;position:relative}.form-group:not(.main-field) input,.form-group:not(.main-field) select{padding:12px 16px;font-size:.9rem;line-height:1.5}.form-group:not(.main-field) label{font-size:.85rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1f3f60;box-shadow:0 0 0 4px #1f3f6026,0 8px 20px #1f3f601a,inset 0 1px #fff3;transform:translateY(-2px);background:linear-gradient(135deg,#fff,#f8f9fa)}.form-group input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7;border-color:#dee2e6}.form-group select{min-height:58px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(135deg,#fff,#f8f9fa);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='%231F3F60' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 20px center;background-size:1.2em 1.2em;padding-right:60px;cursor:pointer}.form-group:not(.main-field) select{min-height:unset!important;height:auto!important;padding-right:50px;background-position:right 16px center}.form-group select:hover{border-color:#1f3f60;box-shadow:0 4px 12px #1f3f601a,inset 0 1px #ffffff1a;transform:translateY(-1px)}.form-or{display:flex;align-items:center;justify-content:center;margin:0 15px;position:relative;align-self:center;height:100%;min-height:58px}.form-or:before,.form-or:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,#e8ecf0,transparent)}.form-or span{background:linear-gradient(135deg,#1f3f60,#2d5a87);color:#fff;padding:10px 20px;border-radius:25px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #1f3f604d;margin:0 15px}.plate-group{flex:1}.card-group{flex:2}.product-group{flex:2;min-width:200px}.price-group{flex:1;min-width:150px}.price-info{padding:12px 15px;font-size:1.1rem;border:2px solid #e1e5e9;border-radius:10px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;min-height:50px;font-weight:700;color:#1f3f60}.client-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:25px;border-left:6px solid #1F3F60;box-shadow:0 4px 12px #00000014;margin-bottom:20px}.client-info h3{color:#1f3f60;font-size:1.3rem;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.client-name{color:#1f3f60;font-size:1.2rem;font-weight:700;padding:8px 0}.driver-info{display:flex;align-items:center;min-height:auto;height:auto;padding:12px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px solid #e8ecf0;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;line-height:1.5}.form-group:has(.driver-info){display:flex;flex-direction:column;gap:0;flex:1}.driver-name{color:#1f3f60;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.main-field{display:flex;flex-direction:column;gap:12px;flex:1;align-items:flex-start}.main-field input{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #1F3F60;box-shadow:0 4px 12px #1f3f6026;margin-bottom:0;width:100%;box-sizing:border-box}.main-field label{font-size:1.1rem;font-weight:700;color:#1f3f60;text-transform:uppercase;letter-spacing:.8px;width:100%}.price-info-row{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;align-items:center;margin-top:0;padding:0;position:relative;top:0;width:100%}.price-info-item{display:flex;flex-direction:row;align-items:center;gap:6px;margin-bottom:0}.price-label{font-size:.7rem;font-weight:600;color:#5a6c7d;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.price-value{font-size:.85rem;font-weight:700;color:#2c3e50;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;white-space:nowrap}.price-info-item.base-price-match .price-value{background:transparent;border:none;color:#28a745;box-shadow:none;font-weight:800}.price-info-item.base-price-different .price-value{background:transparent;border:none;color:#dc3545;box-shadow:none;font-weight:800}.balance-info-row{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;align-items:center;margin-top:0;padding:0;position:relative;top:0;width:100%}.balance-info-item{display:flex;flex-direction:row;align-items:center;gap:6px;margin-bottom:0}.balance-label{font-size:.7rem;font-weight:600;color:#5a6c7d;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.balance-value{font-size:.85rem;font-weight:700;color:#1f3f60;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;white-space:nowrap}.submit-btn{background:linear-gradient(135deg,#1f3f60,#2d5a87);color:#fff;border:none;padding:18px 36px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #1f3f604d,inset 0 1px #fff3;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1f3f6066,inset 0 1px #ffffff4d}.submit-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #1f3f604d,inset 0 1px #fff3}.submit-btn:disabled{background:linear-gradient(135deg,#9e9e9e,#757575);cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.submit-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.submit-btn:disabled:before{display:none}.form-actions{display:flex;gap:16px;justify-content:space-between;align-items:center}.clear-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:12px;border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #6c757d26,inset 0 1px #ffffff1a;position:relative;overflow:hidden;opacity:.7}.clear-btn svg{width:20px;height:20px}.clear-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.clear-btn:hover:before{left:100%}.clear-btn:hover{transform:translateY(-1px);opacity:.85;box-shadow:0 4px 12px #6c757d33,inset 0 1px #ffffff26}.clear-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #6c757d4d,inset 0 1px #fff3}.back-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:18px 36px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #6c757d4d,inset 0 1px #fff3;position:relative;overflow:hidden}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.back-btn:hover:before{left:100%}.back-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6c757d66,inset 0 1px #ffffff4d}.back-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #6c757d4d,inset 0 1px #fff3}.button-group{display:flex;gap:24px;justify-content:center;margin-top:20px}.action-sections{display:flex;flex-direction:column;gap:32px;margin-top:16px}.action-section{display:flex;flex-direction:column;gap:16px}.section-title{color:#5a6c7d;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0;padding:0}.action-buttons-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{padding:16px 20px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,inset 0 1px #fff3;text-transform:uppercase;letter-spacing:.5px;min-height:56px}.action-btn svg{flex-shrink:0;color:#fff;stroke:currentColor}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.print-btn,.email-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.new-sale-btn{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.xml-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;cursor:pointer}.new-sale-full-btn{background:linear-gradient(135deg,#1f3f60,#2d5a87);color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff4d}.action-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3}.action-btn.disabled,.action-btn:disabled{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.action-btn.disabled:hover,.action-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.action-btn.disabled:before,.action-btn:disabled:before{display:none}.sale-complete{display:flex;flex-direction:column;gap:24px;padding:18px 20px;background:#f8f9fa;border-radius:15px;border-left:5px solid #1F3F60;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.sale-success-title{color:#28a745;font-size:1.8rem;font-weight:800;text-align:left;margin:0;padding:0;letter-spacing:.5px;display:flex;align-items:center;justify-content:flex-start;gap:12px}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#28a745;color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #28a7454d}.sale-success-description{color:#5a6c7d;font-size:1rem;text-align:left;margin:0;padding:0;line-height:1.6}.sale-details{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:32px;border:1px solid rgba(40,167,69,.2);box-shadow:0 15px 35px #00000014,inset 0 1px #fff3;position:relative;overflow:hidden}.sale-details:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#28a745,#20c997);border-radius:0 3px 3px 0}.sale-details h2{color:#28a745;font-size:2rem;font-weight:800;margin-bottom:32px;text-align:center;position:relative}.sale-details h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#28a745,#20c997);border-radius:2px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.detail-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border-radius:14px;border:1px solid rgba(31,63,96,.1);box-shadow:0 4px 12px #0000000d,inset 0 1px #ffffff1a;transition:all .3s ease;position:relative;overflow:hidden}.detail-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1f3f60,#2d5a87)}.detail-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014,inset 0 1px #fff3}.detail-item label{font-weight:700;color:#64748b;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:1.2rem;font-weight:700;color:#1f3f60;line-height:1.4}.email-btn-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.email-btn-wrapper .action-btn.email-btn:disabled{opacity:.6;cursor:not-allowed;background:#e9ecef;color:#6c757d;border-color:#dee2e6}.email-btn-wrapper .action-btn.email-btn:disabled:hover{transform:none;box-shadow:none}.email-coming-soon{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;background:linear-gradient(135deg,#fff3cd,#ffe69c);border-radius:12px;border:1px solid #ffc107;box-shadow:0 2px 4px #ffc10733;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.last-sales{margin-top:40px;background:#f8f9fa;border-radius:15px;padding:18px 20px;border-left:5px solid #1F3F60;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.sales-header-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 0;border-bottom:2px solid rgba(31,63,96,.1);transition:all .3s ease;position:relative}.sales-header-toggle.always-open{cursor:default}.last-sales h3{color:#1f3f60;font-size:1.4rem;font-weight:800;margin:0;position:relative}.last-sales h3:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#1f3f60,#2d5a87);border-radius:1px}.loading-indicator-header{display:inline-flex;align-items:center;margin-left:12px;vertical-align:middle}.loading-indicator-header .loading-spinner-small{width:14px;height:14px}.toggle-icon{font-size:1.2rem;color:#1f3f60;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.toggle-icon.expanded{transform:rotate(180deg)}.sales-table{display:flex;flex-direction:column;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #0000001f,0 2px 8px #1f3f6014;margin-top:24px;animation:slideDown .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(31,63,96,.08);background:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sales-header{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 1fr 1fr .8fr;background:linear-gradient(135deg,#1f3f60,#2d5a87);color:#fff;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;position:relative;box-shadow:0 2px 8px #1f3f6033}.sales-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a)}.sales-row{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 1fr 1fr .8fr;background:#fff;border-bottom:1px solid rgba(31,63,96,.08);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.sales-row:nth-child(2n){background:linear-gradient(135deg,#fafbfc,#f8f9fa)}.sales-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1f3f60,#2d5a87);opacity:0;transition:opacity .25s ease}.sales-row:hover{background:linear-gradient(135deg,#f0f8ff,#e6f3ff)!important;transform:translate(2px);box-shadow:0 6px 20px #1f3f601f,inset 0 1px #ffffff4d;z-index:1}.sales-row:hover:before{opacity:1}.sales-row:last-child{border-bottom:none}.sales-cell{padding:14px 12px;font-size:.875rem;text-align:left;border-right:1px solid rgba(31,63,96,.08);display:flex;align-items:center;justify-content:flex-start;min-height:48px;font-weight:500;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-cell:last-child{border-right:none}.sales-header .sales-cell{border-right:1px solid rgba(255,255,255,.2);font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;text-align:center;justify-content:center;font-weight:700;color:#fff!important;padding:14px 12px;min-height:48px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sales-cell:nth-child(1){font-family:Courier New,monospace;font-weight:600;color:#1f3f60}.sales-cell:nth-child(2){color:#666;font-size:.875rem}.sales-cell:nth-child(3){font-weight:600;color:#2d5a87}.sales-cell:nth-child(4){font-weight:700;color:#28a745;font-family:Courier New,monospace;font-size:.875rem}.sales-cell:nth-child(5){font-weight:600;color:#1f3f60;font-family:Courier New,monospace}.sales-cell:nth-child(6){font-family:Courier New,monospace;font-weight:600;color:#1f3f60;text-transform:uppercase}.sales-cell:nth-child(7){justify-content:center;padding:8px}.xml-icon-button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#1f3f60;font-size:1.2rem;margin:0}label.xml-icon-button{cursor:pointer}.xml-icon-button:hover{background:#1f3f601a;transform:scale(1.1)}.xml-icon-button:active{transform:scale(.95)}.xml-success-icon{color:#28a745;font-size:1.2rem;font-weight:700;padding:8px;border-radius:50%;background:#28a74526;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.loading-indicator-row{background:linear-gradient(135deg,#f0f8ff,#e6f3ff)!important;border-bottom:2px solid rgba(31,63,96,.15)}.loading-indicator-row .sales-cell{border-right:none;display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(31,63,96,.2);border-top-color:#1f3f60;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.terminal-container{margin:10px;padding:32px 24px}.terminal-header h1{font-size:2.4rem}.terminal-header h1:before,.terminal-header h1:after{display:none}.terminal-subtitle{font-size:1rem;letter-spacing:1px}.terminal-subtitle:before,.terminal-subtitle:after{margin:0 8px;font-size:.7rem}.supplier-details{flex-direction:column;gap:15px}.vehicle-section{flex-direction:column;gap:10px}.form-row,.button-group{flex-direction:column;gap:20px}.back-btn,.submit-btn{padding:18px 32px;font-size:1.1rem}.last-sales{margin-top:24px;padding:24px}.sales-header,.sales-row{grid-template-columns:1fr;gap:0}.sales-cell{padding:12px 15px;font-size:.85rem;border-right:none;border-bottom:1px solid #f0f0f0;justify-content:flex-start;min-height:auto;position:relative}.sales-cell:before{content:attr(data-label);font-weight:700;margin-right:15px;color:#1f3f60;min-width:90px;font-size:.8rem}.sales-header .sales-cell:before{display:none}.sales-header .sales-cell{text-align:left;justify-content:flex-start;font-size:.9rem;padding:15px}.details-grid{grid-template-columns:1fr;gap:20px}.action-buttons{grid-template-columns:1fr;gap:16px}.action-btn{padding:16px 20px;font-size:.95rem}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{text-align:center;color:#333}.loading-spinner{position:relative;width:120px;height:120px;margin:0 auto 2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#333;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;opacity:.8}.spinner-ring:nth-child(2){animation-delay:-.3s;opacity:.6;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;opacity:.4;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-size:1.8rem;font-weight:600;margin:0 0 .5rem;color:#333}.loading-message{font-size:1rem;color:#666;margin:0;font-weight:300}.error-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;display:flex;justify-content:center;align-items:center;z-index:9999}.error-content{text-align:center;color:#333;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a}.error-content h2{font-size:2rem;margin:0 0 1rem;color:#1976d2}.error-content p{font-size:1.1rem;color:#666;margin:0}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.error-modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative}.error-modal-content{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.error-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dc3545,#c82333);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #dc354566,inset 0 1px #fff3;animation:pulse .6s ease-out}.error-modal-icon svg{width:40px;height:40px}.error-modal-title{color:#333;font-size:1.75rem;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.error-modal-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0;word-wrap:break-word;max-width:100%}.error-modal-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:16px 48px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #dc35454d,inset 0 1px #fff3;position:relative;overflow:hidden;margin-top:8px;min-width:160px}.error-modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.error-modal-button:hover:before{left:100%}.error-modal-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #dc354566,inset 0 1px #ffffff4d}.error-modal-button:active{transform:translateY(-1px);box-shadow:0 4px 15px #dc35454d,inset 0 1px #fff3}@media (max-width: 768px){.error-modal-container{width:95%;margin:20px}.error-modal-content{padding:32px 24px}.error-modal-title{font-size:1.5rem}.error-modal-message{font-size:1rem}.error-modal-button{width:100%;padding:14px 32px}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-content{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.confirm-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#ff9800);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #ffc10766,inset 0 1px #fff3;animation:pulse .6s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.confirm-modal-icon svg{width:40px;height:40px}.confirm-modal-title{color:#333;font-size:1.75rem;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.confirm-modal-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0;word-wrap:break-word;max-width:100%}.confirm-modal-buttons{display:flex;gap:16px;width:100%;margin-top:8px}.confirm-modal-button{flex:1;padding:16px 32px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;border:none;position:relative;overflow:hidden;min-width:140px}.confirm-modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.confirm-modal-button:hover:before{left:100%}.cancel-button{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 6px 20px #6c757d4d,inset 0 1px #fff3}.cancel-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6c757d66,inset 0 1px #ffffff4d}.cancel-button:active{transform:translateY(-1px);box-shadow:0 4px 15px #6c757d4d,inset 0 1px #fff3}.confirm-button{background:linear-gradient(135deg,#1f3f60,#2d5a87);color:#fff;box-shadow:0 6px 20px #1f3f604d,inset 0 1px #fff3}.confirm-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1f3f6066,inset 0 1px #ffffff4d}.confirm-button:active{transform:translateY(-1px);box-shadow:0 4px 15px #1f3f604d,inset 0 1px #fff3}@media (max-width: 768px){.confirm-modal-container{width:95%;margin:20px}.confirm-modal-content{padding:32px 24px}.confirm-modal-title{font-size:1.5rem}.confirm-modal-message{font-size:1rem}.confirm-modal-buttons{flex-direction:column}.confirm-modal-button{width:100%}}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.success-modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative}.success-modal-content{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.success-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #28a74566,inset 0 1px #fff3;animation:pulse .6s ease-out}.success-modal-icon svg{width:40px;height:40px}.success-modal-title{color:#333;font-size:1.75rem;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.success-modal-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0;word-wrap:break-word;max-width:100%}.success-modal-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:16px 48px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #28a7454d,inset 0 1px #fff3;position:relative;overflow:hidden;margin-top:8px;min-width:160px}.success-modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.success-modal-button:hover:before{left:100%}.success-modal-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #28a74566,inset 0 1px #ffffff4d}.success-modal-button:active{transform:translateY(-1px);box-shadow:0 4px 15px #28a7454d,inset 0 1px #fff3}@media (max-width: 768px){.success-modal-container{width:95%;margin:20px}.success-modal-content{padding:32px 24px}.success-modal-title{font-size:1.5rem}.success-modal-message{font-size:1rem}.success-modal-button{width:100%;padding:14px 32px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}