@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cartItemAdd{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#000000e6);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background:#fff;border-radius:24px;padding:40px;width:100%;max-width:700px;max-height:85vh;overflow-y:auto;position:relative;animation:fadeIn .4s ease-out;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.1)}.modal-close-btn{position:absolute;top:20px;right:20px;background:#f5f5f5;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close-btn:hover{background:#ff5252;color:#fff;transform:rotate(90deg)}.modal-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.modal-header-icon{font-size:32px;background:linear-gradient(135deg,#4caf50,#2e7d32);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #4caf504d}.modal-title{margin:0;color:#1a1a1a;font-size:28px;font-weight:700;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{color:#666;font-size:14px;margin-top:5px}.form-group{margin-bottom:28px;position:relative}.form-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:#333;font-size:16px}.form-label-icon{font-size:20px}.form-input-container{position:relative;border-radius:12px;overflow:hidden;transition:all .3s ease;border:2px solid #e8e8e8}.form-input-container:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;transform:translateY(-2px)}.form-input,.form-select,.form-textarea{width:100%;padding:16px 20px;border:none;background:#f9f9f9;font-size:15px;color:#333;transition:all .3s ease;font-family:inherit}.form-input.with-icon,.form-select.with-icon{padding-left:55px!important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;background:#fff}.form-input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:22px;color:#4caf50;z-index:2;pointer-events:none}.form-input-icon.date-icon{color:#ff9800}.date-input-container{position:relative;margin-bottom:15px}.date-input-container .form-input-container{border-color:#ffe0b2}.date-input-container .form-input-container:focus-within{border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.date-input-container input[type=date]{cursor:pointer;color:#333}.date-input-container input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer;padding:5px;border-radius:4px;background-color:#ff9800;color:#fff}.date-input-container input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:18px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-shadow:0 8px 20px #4caf504d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #4caf5066}.btn-primary:active{transform:translateY(-1px)}.btn-primary-icon{font-size:20px}.cart-section{margin-top:40px;animation:slideIn .5s ease-out}.cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.cart-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:#333;margin:0}.cart-count-badge{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.cart-item{background:linear-gradient(135deg,#fff,#f8fdf8);border-radius:16px;padding:20px;margin-bottom:15px;border:1px solid rgba(76,175,80,.1);box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;animation:cartItemAdd .5s ease-out}.cart-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#4caf504d}.cart-item-info{flex:1}.cart-item-name{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.cart-item-emoji{font-size:28px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cart-item-details{color:#666;font-size:14px;display:flex;align-items:center;gap:15px;margin-top:8px}.cart-item-detail{display:flex;align-items:center;gap:5px}.cart-item-quantity{display:flex;align-items:center;gap:15px}.quantity-control{display:flex;align-items:center;gap:10px;background:#f5f5f5;padding:8px 15px;border-radius:12px}.quantity-btn{background:#fff;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;color:#4caf50;box-shadow:0 4px 10px #0000001a;transition:all .2s ease}.quantity-btn:hover{background:#4caf50;color:#fff;transform:scale(1.1)}.quantity-value{font-size:18px;font-weight:600;color:#333;min-width:40px;text-align:center}.remove-btn{background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.remove-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d32f2f4d}.cart-summary{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;padding:25px;margin-top:25px;border:2px solid #4CAF50}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cart-total-label{font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:10px}.cart-total-value{font-size:32px;font-weight:700;color:#2e7d32;display:flex;align-items:center;gap:5px}.cart-actions{display:grid;grid-template-columns:1fr 2fr;gap:15px}.btn-secondary{background:#fff;color:#666;border:2px solid #ddd;padding:16px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-secondary:hover{background:#f5f5f5;border-color:#999;transform:translateY(-2px)}.info-message{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;padding:20px;margin-bottom:25px;border-left:5px solid #2196F3;animation:fadeIn .5s ease-out}.info-message.warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left-color:#ff9800}.info-message-title{display:flex;align-items:center;gap:10px;font-weight:600;color:#333;margin-bottom:10px;font-size:16px}.info-message-content{color:#666;font-size:14px;line-height:1.5}.date-container{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;padding:20px;margin-bottom:25px;position:relative}.date-selected{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:15px;border-radius:10px;margin-top:15px;border:2px solid #FF9800;box-shadow:0 4px 12px #ff98001a}.date-label{display:flex;align-items:center;gap:10px;font-weight:600;color:#333}.date-value{font-weight:700;color:#ff9800;font-size:18px}.error-message{color:#f44336;font-size:14px;margin-top:10px;padding:12px;background:#ffebee;border-radius:8px;display:flex;align-items:center;gap:8px;border-left:4px solid #F44336}@media (max-width: 768px){.modal-container{padding:25px;border-radius:20px;max-height:90vh}.cart-actions{grid-template-columns:1fr}.cart-item{flex-direction:column;gap:15px;align-items:stretch}.cart-item-quantity{justify-content:space-between}.modal-title{font-size:24px}.modal-header-icon{width:50px;height:50px;font-size:26px}.form-input-icon{left:15px;font-size:20px}.form-input.with-icon,.form-select.with-icon{padding-left:45px!important}}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}.loss-modal-overlay{background:linear-gradient(135deg,#f4433626,#9c27b026,#673ab726);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .4s ease-out}.loss-modal-container{background:linear-gradient(135deg,#fff,#fafafa);border-radius:28px;padding:0;width:100%;max-width:850px;max-height:90vh;overflow:hidden;position:relative;animation:slideIn .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 30px 60px #f4433626,0 0 0 1px #fffc,inset 0 1px #fff9;border:1px solid rgba(244,67,54,.08)}.loss-modal-header{background:linear-gradient(135deg,#f44336,#e91e63 30%,#9c27b0);padding:32px 36px;color:#fff;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden}.loss-modal-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1%,transparent 20%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loss-modal-header-icon{background:#ffffff40;width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);z-index:1;box-shadow:0 10px 30px #0003,inset 0 1px #fff6}.loss-modal-icon{font-size:36px;animation:heartbeat 2s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.loss-modal-header-content{flex:1;z-index:1}.loss-modal-title{margin:0 0 12px;font-size:32px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2);background:linear-gradient(135deg,#fff,#ffeaea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loss-modal-subtitle{margin:0;opacity:.95;font-size:16px;font-weight:400;max-width:500px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.2)}.loss-modal-close-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.4);width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #00000026}.loss-modal-close-btn:hover{background:#fff6;transform:rotate(90deg) scale(1.1);box-shadow:0 12px 25px #00000040}.close-icon{font-size:22px;font-weight:300}.loss-modal-body{padding:36px;background:#f8f9fa;max-height:calc(90vh - 140px);overflow-y:auto}.loss-status-card{background:linear-gradient(135deg,#fff,#fefefe);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:32px;box-shadow:0 8px 32px #f4433614,0 1px #00000005;border:1px solid rgba(244,67,54,.1);transition:all .3s ease}.loss-status-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f443361f,0 2px #00000008}.loss-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.spinner-small{width:28px;height:28px;border:3px solid rgba(244,67,54,.1);border-top:3px solid #F44336;border-radius:50%;animation:spin 1s linear infinite}.status-icon{font-size:32px}.status-icon.success{color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:12px;border-radius:14px;box-shadow:0 6px 20px #4caf5026}.status-icon.error{color:#f44336;background:linear-gradient(135deg,#ffebee,#ffcdd2);padding:12px;border-radius:14px;box-shadow:0 6px 20px #f4433626;animation:shakeError .5s ease-in-out}.loss-status-content{flex:1}.status-title{font-size:20px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px}.status-title.success{color:#2e7d32;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-title.error{color:#c62828;background:linear-gradient(135deg,#c62828,#f44336);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-subtitle{font-size:15px;color:#666;line-height:1.5;opacity:.9}.lot-dropdown-wrapper{position:relative;cursor:pointer;margin-bottom:8px}.lot-dropdown-selected{background:linear-gradient(135deg,#fff,#fcfcfc);border:2px solid rgba(156,39,176,.2);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #9c27b014}.lot-dropdown-selected:hover{border-color:#9c27b0;box-shadow:0 8px 30px #9c27b026,0 0 0 3px #9c27b00d;transform:translateY(-2px)}.selected-lot-info{display:flex;align-items:center;gap:16px}.lot-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:8px 20px;border-radius:24px;font-weight:700;font-size:15px;letter-spacing:.3px;box-shadow:0 6px 20px #9c27b04d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.lot-date{color:#666;font-size:15px;font-weight:500;padding:4px 12px;background:#9c27b00d;border-radius:12px}.dropdown-arrow{color:#9c27b0;font-size:14px;transition:transform .3s ease}.lot-dropdown-options{position:absolute;top:calc(100% + 10px);left:0;right:0;background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;border:2px solid rgba(156,39,176,.1);box-shadow:0 20px 60px #00000026,0 8px 32px #9c27b01a;max-height:320px;overflow-y:auto;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lot-option{padding:20px;border-bottom:1px solid rgba(156,39,176,.05);transition:all .2s ease;cursor:pointer}.lot-option:hover{background:linear-gradient(135deg,#9c27b00d,#7b1fa214);transform:translate(4px)}.lot-option-main{display:flex;align-items:center;gap:16px;margin-bottom:10px}.lot-option-badge{background:linear-gradient(135deg,#e1bee7,#ce93d8);color:#7b1fa2;padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 15px #9c27b026}.lot-option-date{color:#666;font-size:14px;font-weight:500}.lot-option-details{display:flex;justify-content:space-between;align-items:center;font-size:13px}.shipment-number{color:#888;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#00000005;padding:4px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.05)}.salad-count{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;padding:4px 12px;border-radius:16px;font-weight:600;font-size:12px}.no-lots-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px dashed #F44336;border-radius:16px;padding:28px;text-align:center;color:#c62828;display:flex;align-items:center;justify-content:center;gap:16px;font-weight:600;font-size:16px;margin-top:10px;box-shadow:0 8px 25px #f443361a}.no-lots-icon{font-size:28px;animation:pulse 2s infinite}.loss-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:32px}.loss-form-grid .form-section{margin-bottom:0}.form-label.with-icon{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:700;color:#333;font-size:16px;letter-spacing:-.2px}.label-icon{font-size:22px;background:linear-gradient(135deg,#f44336,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.select-wrapper{position:relative;border-radius:16px;overflow:hidden;transition:all .3s ease;border:2px solid rgba(0,0,0,.08)}.select-wrapper:focus-within{border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a;transform:translateY(-2px)}.select-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:22px;color:#9c27b0;z-index:2;pointer-events:none}.styled-select{width:100%;padding:18px 20px 18px 60px;border:none;background:linear-gradient(135deg,#f9f9f9,#f5f5f5);font-size:16px;color:#333;transition:all .3s ease;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:500}.styled-select:focus{outline:none;background:#fff}.quantity-input-wrapper{display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(135deg,#fff,#f9f9f9)!important;border:2px solid rgba(0,0,0,.08)!important;border-radius:16px!important;overflow:hidden!important;transition:all .3s ease!important;height:64px!important;min-width:240px!important;margin:8px 0!important}.quantity-btn.decrease{width:64px!important;height:64px!important;min-width:64px!important;background:linear-gradient(135deg,#f5f5f5,#eee)!important;border:none!important;border-right:2px solid rgba(0,0,0,.08)!important;color:#666!important;font-size:28px!important;font-weight:300!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;flex-shrink:0!important}.quantity-btn.decrease:hover{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important}.quantity-btn.increase{width:64px!important;height:64px!important;min-width:64px!important;background:linear-gradient(135deg,#f5f5f5,#eee)!important;border:none!important;border-left:2px solid rgba(0,0,0,.08)!important;color:#666!important;font-size:28px!important;font-weight:300!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;flex-shrink:0!important}.quantity-btn.increase:hover{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;color:#fff!important}.quantity-input{flex:1!important;min-width:80px!important;height:100%!important;border:none!important;background:transparent!important;text-align:center!important;font-size:24px!important;font-weight:700!important;color:#333!important;padding:0 16px!important;font-family:Segoe UI,system-ui,sans-serif!important;-moz-appearance:textfield!important}.quantity-input:focus{outline:none!important;background:#f4433608!important}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.textarea-wrapper{position:relative;background:linear-gradient(135deg,#fff,#f9f9f9);border:2px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;transition:all .3s ease}.textarea-wrapper:focus-within{border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a;transform:translateY(-2px)}.styled-textarea{width:100%;padding:20px;border:none;font-size:16px;resize:vertical;min-height:120px;background:transparent;color:#333;font-family:inherit;line-height:1.6}.styled-textarea:focus{outline:none}.styled-textarea::placeholder{color:#999;opacity:.7}.textarea-footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;background:#00000003}.char-count{font-size:13px;color:#888;font-weight:500}.loss-add-btn{width:100%;padding:22px;background:linear-gradient(135deg,#f44336,#e53935,#d32f2f 50%,#c62828);color:#fff;border:none;border-radius:18px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:12px;box-shadow:0 12px 30px #f443364d,0 4px #c6282880;position:relative;overflow:hidden;letter-spacing:.5px}.loss-add-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:.5s}.loss-add-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 20px 40px #f4433666,0 6px #c6282899}.loss-add-btn:hover:before:not(:disabled){left:100%}.loss-add-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #f443364d,0 2px #c6282880}.loss-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 8px 25px #f4433633,0 4px #c628284d!important}.btn-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.loss-cart-section{margin-top:40px;background:linear-gradient(135deg,#fff,#fcfcfc);border-radius:24px;padding:32px;box-shadow:0 15px 50px #00000014,0 1px #00000005;border:1px solid rgba(244,67,54,.08);animation:slideIn .6s ease-out}.loss-cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(244,67,54,.1)}.loss-cart-title{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:800;color:#333;letter-spacing:-.5px}.cart-icon{font-size:28px;background:linear-gradient(135deg,#f44336,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-badge{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:6px 18px;border-radius:24px;font-size:15px;font-weight:700;box-shadow:0 6px 20px #f443364d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cart-total{display:flex;align-items:center;gap:12px}.total-label{color:#666;font-size:16px;font-weight:600}.total-value{font-size:32px;font-weight:800;color:#f44336;text-shadow:0 2px 10px rgba(244,67,54,.2);background:linear-gradient(135deg,#f44336,#c62828);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loss-items-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.loss-item-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;padding:24px;border:1px solid rgba(244,67,54,.1);transition:all .4s cubic-bezier(.4,0,.2,1);animation:cartItemAdd .5s ease-out;position:relative;overflow:hidden}.loss-item-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 25px 60px #f443361f,0 15px 40px #9c27b014;border-color:#f4433633}.loss-item-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,#f44336,#9c27b0);border-radius:6px 0 0 6px}.loss-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.loss-item-title{display:flex;align-items:center;gap:16px}.item-emoji{font-size:36px;background:linear-gradient(135deg,#ffebee,#ffcdd2);width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #f4433626}.item-name{font-size:22px;font-weight:700;color:#333;letter-spacing:-.3px}.loss-item-remove{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #f4433626}.loss-item-remove:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);transform:scale(1.15) rotate(15deg);box-shadow:0 10px 30px #f4433640}.remove-icon{font-size:20px;color:#f44336;font-weight:700}.loss-item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.loss-detail{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f4433608;border-radius:14px;border:1px solid rgba(244,67,54,.08)}.detail-label{font-size:14px;color:#666;font-weight:600;min-width:80px}.detail-value{font-size:16px;color:#333;font-weight:700}.quantity-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;padding:6px 16px;border-radius:20px;font-weight:700;box-shadow:0 4px 15px #1976d226}.loss-item-notes{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:14px;margin-bottom:20px;border:1px solid rgba(255,152,0,.1)}.notes-icon{font-size:18px;color:#ff9800;margin-top:2px}.notes-text{flex:1;font-size:15px;color:#666;font-style:italic;line-height:1.6}.loss-item-footer{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(244,67,54,.1)}.loss-value{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ffebee,#ffcdd2);padding:14px 28px;border-radius:18px;box-shadow:0 8px 25px #f4433626}.value-label{font-size:16px;color:#c62828;font-weight:600}.value-amount{font-size:28px;font-weight:800;color:#f44336;text-shadow:0 2px 8px rgba(244,67,54,.2)}.loss-summary-card{background:linear-gradient(135deg,#f443360d,#9c27b00d,#673ab70d);border-radius:24px;padding:32px;margin:32px 0;border:2px solid rgba(156,39,176,.1);position:relative;overflow:hidden}.loss-summary-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(156,39,176,.05) 1%,transparent 20%);animation:rotate 20s linear infinite reverse}.summary-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;position:relative;z-index:1}.summary-icon{font-size:32px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(156,39,176,.3))}.summary-title{font-size:22px;font-weight:800;color:#7b1fa2;letter-spacing:-.3px;text-shadow:0 2px 4px rgba(156,39,176,.1)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;position:relative;z-index:1}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffffe6;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(156,39,176,.1);transition:all .3s ease}.summary-item:hover{transform:translateY(-4px);box-shadow:0 15px 40px #9c27b026;border-color:#9c27b033}.summary-label{font-size:15px;color:#666;font-weight:600}.summary-value{font-size:20px;font-weight:800;color:#333}.total-highlight{color:#f44336;font-size:26px;background:linear-gradient(135deg,#f44336,#c62828);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(244,67,54,.2)}.loss-submit-btn{width:100%;padding:24px;background:linear-gradient(135deg,#c62828,#b71c1c 25%,#9c27b0 75%,#7b1fa2);color:#fff;border:none;border-radius:22px;font-size:20px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 50px #c6282866,0 8px #7b1fa299,inset 0 1px #fff6;position:relative;overflow:hidden;letter-spacing:.8px;text-transform:uppercase}.loss-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.8s}.loss-submit-btn:hover{transform:translateY(-6px);box-shadow:0 30px 60px #c6282880,0 12px #7b1fa2b3,inset 0 1px #fff6}.loss-submit-btn:hover:before{left:100%}.loss-submit-btn:active{transform:translateY(-2px);box-shadow:0 15px 40px #c6282866,0 6px #7b1fa299,inset 0 1px #fff6}.submit-icon{font-size:26px;animation:bounce 1s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.loss-modal-body::-webkit-scrollbar{width:10px}.loss-modal-body::-webkit-scrollbar-track{background:linear-gradient(to bottom,#f5f5f5,#f0f0f0);border-radius:10px;margin:4px}.loss-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#f44336,#9c27b0);border-radius:10px;border:2px solid #f5f5f5}.loss-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#d32f2f,#7b1fa2)}@media (max-width: 768px){.loss-modal-container{width:95%;margin:10px;max-height:95vh;border-radius:24px}.loss-modal-header{padding:24px;flex-direction:column;text-align:center;gap:20px}.loss-modal-header-icon{width:64px;height:64px;border-radius:18px}.loss-modal-title{font-size:28px}.loss-modal-body{padding:24px}.loss-form-grid{grid-template-columns:1fr;gap:24px}.summary-grid{grid-template-columns:1fr}.loss-cart-header{flex-direction:column;gap:20px;text-align:center}.loss-item-details{grid-template-columns:1fr}.loss-item-title{flex-direction:column;align-items:flex-start;gap:12px}.loss-value{flex-direction:column;gap:8px;text-align:center}.quantity-input-wrapper{max-width:280px;margin:0 auto}.loss-summary-card,.loss-cart-section{padding:24px}.loss-modal-close-btn{width:44px;height:44px;position:absolute;top:20px;right:20px}}@media (max-width: 480px){.loss-modal-container{padding:0}.loss-modal-title{font-size:24px}.loss-modal-subtitle{font-size:14px}.lot-option-main,.lot-option-details{flex-direction:column;align-items:flex-start;gap:8px}.loss-item-card{padding:20px}.item-emoji{width:56px;height:56px;font-size:28px}.item-name{font-size:18px}}@keyframes glow{0%,to{box-shadow:0 0 20px #f443364d}50%{box-shadow:0 0 40px #f4433699}}.glow-effect{animation:glow 2s ease-in-out infinite}.lot-option,.quantity-btn,.loss-item-remove,.loss-add-btn,.loss-submit-btn,.summary-item{will-change:transform}.lot-dropdown-container{position:relative;width:100%;margin-bottom:8px}.lot-selector-btn{width:100%;padding:20px 24px;background:linear-gradient(135deg,#fff,#fafafa);border:2px solid rgba(156,39,176,.15);border-radius:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit;font-size:16px;font-weight:500;color:#333;box-shadow:0 8px 30px #9c27b014;position:relative;overflow:hidden}.lot-selector-btn:hover:not(:disabled){border-color:#9c27b0;box-shadow:0 15px 40px #9c27b026,0 0 0 3px #9c27b00d;transform:translateY(-3px)}.lot-selector-btn:disabled{background:linear-gradient(135deg,#f5f5f5,#eee);cursor:not-allowed;opacity:.7;border-color:#0000001a;box-shadow:0 4px 15px #0000000d}.selected-lot-display{display:flex;align-items:center;gap:16px;flex:1}.lot-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:10px 24px;border-radius:28px;font-size:16px;font-weight:700;letter-spacing:.3px;box-shadow:0 8px 25px #9c27b04d,inset 0 1px #ffffff4d;text-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .3s ease;display:inline-block;min-width:140px;text-align:center}.lot-selector-btn:hover:not(:disabled) .lot-badge{transform:scale(1.05);box-shadow:0 12px 35px #9c27b066,inset 0 1px #ffffff4d}.lot-date{font-size:14px;color:#666;font-weight:500;padding:6px 14px;background:#9c27b00d;border-radius:14px;border:1px solid rgba(156,39,176,.1);transition:all .3s ease}.lot-selector-btn:hover:not(:disabled) .lot-date{background:#9c27b01a;border-color:#9c27b033}.dropdown-arrow{color:#9c27b0;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:10px;padding:8px;background:#9c27b00d;border-radius:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.lot-selector-btn:hover:not(:disabled) .dropdown-arrow{background:#9c27b01a;transform:rotate(180deg);box-shadow:0 4px 12px #9c27b026}.lot-dropdown-options{position:absolute;top:calc(100% + 12px);left:0;right:0;background:linear-gradient(135deg,#fffffffa,#fafafafa);border-radius:22px;border:2px solid rgba(156,39,176,.12);box-shadow:0 25px 70px #0003,0 10px 40px #9c27b026,inset 0 1px #fffc;max-height:380px;overflow-y:auto;z-index:1000;animation:fadeIn .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:8px;padding:8px}.lot-dropdown-options::-webkit-scrollbar{width:8px}.lot-dropdown-options::-webkit-scrollbar-track{background:#9c27b00d;border-radius:10px;margin:8px}.lot-dropdown-options::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#9c27b0,#7b1fa2);border-radius:10px;border:2px solid rgba(255,255,255,.4)}.lot-dropdown-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#7b1fa2,#6a1b9a)}.lot-option{padding:20px;border-bottom:1px solid rgba(156,39,176,.08);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:16px;margin:4px;background:#fff9}.lot-option:last-child{border-bottom:none}.lot-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(156,39,176,.05),transparent);transition:.5s}.lot-option:hover{background:linear-gradient(135deg,#e1bee726,#ce93d833);transform:translate(8px) scale(1.02);box-shadow:0 15px 40px #9c27b026,0 8px #9c27b00d;border:1px solid rgba(156,39,176,.15)}.lot-option:hover:before{left:100%}.lot-option.selected{background:linear-gradient(135deg,#9c27b01a,#7b1fa226);border-left:6px solid #9C27B0;box-shadow:0 10px 30px #9c27b033,inset 0 1px #fff6}.lot-option.selected:hover{background:linear-gradient(135deg,#9c27b026,#7b1fa233)}.lot-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative}.lot-option-header .lot-badge{background:linear-gradient(135deg,#e1bee7,#ce93d8);color:#7b1fa2;padding:8px 20px;border-radius:24px;font-weight:700;font-size:15px;box-shadow:0 6px 20px #9c27b033;min-width:auto;flex-shrink:0}.lot-option:hover .lot-option-header .lot-badge{background:linear-gradient(135deg,#ce93d8,#ba68c8);color:#fff;transform:scale(1.05);box-shadow:0 8px 25px #9c27b04d}.selected-indicator{color:#4caf50;font-weight:800;font-size:20px;background:#4caf501a;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4caf5033;animation:pulse 1.5s ease-in-out infinite}.lot-option-details{display:flex;flex-direction:column;gap:10px;font-size:14px;margin-bottom:16px}.lot-date-info,.lot-shipment-info,.lot-salad-info{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00000005;border-radius:12px;transition:all .3s ease;border:1px solid rgba(0,0,0,.04)}.lot-option:hover .lot-date-info,.lot-option:hover .lot-shipment-info,.lot-option:hover .lot-salad-info{background:#ffffffe6;border-color:#9c27b01a;transform:translate(4px)}.lot-salads-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(156,39,176,.1)}.salad-tag{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .3s ease;border:1px solid rgba(156,39,176,.1);box-shadow:0 4px 12px #9c27b01a}.lot-option:hover .salad-tag{background:linear-gradient(135deg,#e1bee7,#ce93d8);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #9c27b033}.salad-tag-more{background:#00000008;color:#666;padding:6px 14px;border-radius:20px;font-size:13px;font-style:italic;font-weight:500;border:1px dashed rgba(0,0,0,.1);transition:all .3s ease}.lot-option:hover .salad-tag-more{background:#ffffffe6;border-color:#9c27b033}.no-lots-message{background:linear-gradient(135deg,#ffebeee6,#ffcdd2e6);border:2px dashed #F44336;border-radius:18px;padding:28px 32px;text-align:center;color:#c62828;display:flex;align-items:center;justify-content:center;gap:18px;font-weight:700;font-size:16px;margin-top:12px;box-shadow:0 10px 30px #f443361f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.no-lots-message:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f443362e;border-color:#e53935}.no-lots-icon{font-size:32px;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(244,67,54,.3))}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-6px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-3px) scale(1.05)}}@keyframes selectPulse{0%{box-shadow:0 0 #9c27b0b3}70%{box-shadow:0 0 0 15px #9c27b000}to{box-shadow:0 0 #9c27b000}}.lot-selector-btn:focus{animation:selectPulse .6s ease-out}@media (max-width: 768px){.lot-selector-btn{padding:18px 20px;flex-direction:column;align-items:stretch;gap:12px}.selected-lot-display{flex-direction:column;align-items:stretch;gap:12px}.lot-badge{min-width:auto;align-self:flex-start}.lot-date{align-self:flex-start}.dropdown-arrow{align-self:center;margin-top:8px}.lot-dropdown-options{max-height:300px}.lot-option{padding:16px}.lot-option-header{flex-direction:column;align-items:flex-start;gap:12px}.lot-option-details{font-size:13px}.lot-salads-preview{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.salad-tag,.salad-tag-more{flex-shrink:0;white-space:nowrap}}@media (max-width: 480px){.lot-selector-btn{padding:16px}.lot-badge{font-size:14px;padding:8px 16px}.lot-date{font-size:12px;padding:5px 10px}.lot-option{padding:14px}.lot-option-header .lot-badge{font-size:14px;padding:6px 14px}.selected-indicator{width:28px;height:28px;font-size:18px}.salad-tag{font-size:12px;padding:5px 10px}.no-lots-message{padding:20px 24px;font-size:14px}.no-lots-icon{font-size:28px}}.loading-lots{position:relative;overflow:hidden}.loading-lots:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(156,39,176,.1),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}.lot-info-tooltip{position:relative;cursor:help}.lot-info-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;z-index:1001;box-shadow:0 8px 25px #0000004d;margin-bottom:8px}.lot-info-tooltip:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;z-index:1001;margin-bottom:-8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}input:focus,select:focus,textarea:focus,button:focus{outline:none}::selection{background:#ff6b354d;color:#000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:#ff6b35}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem;margin-bottom:2rem}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-primary{background:#ff6b35;color:#fff}.btn-primary:hover{background:#e55a2b}.btn-secondary{background:#4f46e5;color:#fff}.btn-secondary:hover{background:#4338ca}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-input{width:100%;padding:10px 14px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;transition:border-color .3s}.form-input:focus{outline:none;border-color:#ff6b35}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th{background:#f9fafb;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #E5E7EB}.table td{padding:12px 16px;border-bottom:1px solid #E5E7EB}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #FCA5A5}