:root{--primary: #4e73df;--primary-hover: #2e59d9;--success: #1cc88a;--danger: #e74a3b;--bg-body: #f8f9fc;--bg-card: #ffffff;--text-main: #4e73df;--text-muted: #858796;--border-color: #e3e6f0;--shadow-sm: 0 .125rem .25rem 0 rgba(58, 59, 69, .05);--shadow-md: 0 12px 30px rgba(0, 0, 0, .08);--radius-lg: 12px;--radius-md: 8px;--radius-pill: 999px}body{margin:0;background-color:var(--bg-body);font-family:Inter,system-ui,-apple-system,sans-serif}.mt-page{padding:24px 30px;min-height:100vh;color:var(--text-main)}.lot-form-inner{width:100%;margin:0 auto}.lot-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:var(--bg-card);padding:20px;border-radius:var(--radius-lg);border-bottom:3px solid var(--primary);box-shadow:var(--shadow-sm)}.lot-form-header h1{margin:0;font-size:22px;font-weight:700;color:var(--text-main)}.lot-form-header p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.lot-form-card{background:var(--bg-card);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.os-table-wrapper{margin-top:15px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.os-table{width:100%;border-collapse:collapse;font-size:13.5px}.os-table thead{background:#f8f9fc}.os-table th{font-weight:700;color:var(--primary);padding:14px 16px;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:2px solid var(--border-color);text-align:left}.os-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-main)}.os-table tbody tr{transition:background .2s ease}.os-table tbody tr:hover{background-color:#f1f4fb}.filter-row{display:flex;align-items:center;gap:10px}input[type=text],input[type=date],select{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:13px;background:#fcfcfd;transition:all .2s}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4e73df1a}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn.btn-outline-success{background:transparent;color:var(--success);border:1.5px solid var(--success)}.btn.btn-outline-success:hover{background:var(--success);color:#fff}.btn.small{padding:6px 12px;border:1px solid var(--border-color);background:#fff;color:var(--text-main)}.btn.small:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.os-pagination{margin-top:20px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.strong{font-weight:700;color:var(--primary)}.error{margin-top:4px;font-size:12px;color:var(--danger);font-weight:500}.custom-dropdown-container,.input-wrapper{position:relative}.dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.customer-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;list-style:none;padding:4px 0;margin-top:5px;max-height:200px;overflow-y:auto}.dropdown-item{cursor:pointer;transition:all .2s ease;color:#334155;font-size:.9rem}.dropdown-item:hover,.active-item{background-color:#eff6ff;color:#2563eb;padding-left:15px!important}.active-item{border-left:4px solid #2563eb}.readonly-input{background-color:#f8fafc;border-color:#e2e8f0;cursor:not-allowed}.error-msg{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}