:root{--bg-color:#0d1117;--bg-gradient:radial-gradient(circle at top right, #1a202c, #0d1117);--card-bg:#161b2299;--card-border:#ffffff14;--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-glow:#3b82f626;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;font-family:var(--font-body);margin:0;padding:0}body{background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;line-height:1.5;display:flex;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}button,input{outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{flex-direction:column;gap:1.5rem;width:100%;max-width:680px;margin:0 auto;display:flex}.glass-header{-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:0 8px 32px var(--accent-glow);background:#1e293b66;border-radius:16px;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.glass-header:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo-group{align-items:center;gap:.75rem;display:flex}.logo-icon{color:var(--primary);align-items:center;display:flex}.glass-header h1{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:600}.header-actions{align-items:center;gap:.75rem;display:flex}.action-btn{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.sync-btn{color:#bfdbfe;background:#3b82f61a;border-color:#3b82f633}.action-btn.sync-btn:hover:not(:disabled){background:#3b82f633}.status.not-ready{color:#fca5a5;background:#ef444426;border:1px solid #ef444433}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0003}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;display:flex}.config-section{grid-template-columns:1fr 2fr;gap:1.25rem;display:grid}@media (width<=500px){.config-section{grid-template-columns:1fr;gap:1rem}}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.modern-input{color:var(--text-main);background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.modern-input:focus{border-color:var(--primary);background:#00000080;box-shadow:0 0 0 3px #3b82f633}.scan-input-wrapper{align-items:center;display:flex;position:relative}.scan-icon{color:var(--text-muted);position:absolute;left:1rem}.scan-input{color:#fff;background:#0006;border:2px solid #ffffff1a;border-radius:16px;width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-family:monospace;font-size:1.4rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.scan-input::placeholder{color:#ffffff4d;font-family:var(--font-body)}.scan-input:focus{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f640}.scan-input:disabled{opacity:.5;cursor:not-allowed}.scan-btn{display:none}.status-indicator{justify-content:center;align-items:center;margin-top:1rem;font-size:.9rem;font-weight:500;display:flex}.status{border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:inline-flex}.status.fetching{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f633}.status.ready{color:#6ee7b7;background:#10b98126;border:1px solid #10b98133}.results-section{transition:all .3s;position:relative}.searching-loader{color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;font-weight:500;display:flex}.not-found-card{text-align:center;background:linear-gradient(to bottom, #ef44440d, var(--card-bg));border-color:#ef444433;padding:3rem 2rem}.warn-icon{color:var(--danger);opacity:.9;margin-bottom:1rem}.not-found-card h2{color:#fee2e2;margin-bottom:.5rem}.not-found-card p{color:var(--text-muted)}.result-card{border-top:4px solid var(--primary);position:relative;overflow:hidden}.result-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;display:flex}.awb-badge{color:#bfdbfe;letter-spacing:1px;background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;padding:.4rem 1rem;font-family:monospace;font-size:1.1rem;font-weight:600}.result-status{color:var(--success);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.success-icon{color:var(--success)}.result-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.data-item{flex-direction:column;gap:.4rem;display:flex}.data-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.8rem;font-weight:600}.data-value{color:#f3f4f6;font-size:1.15rem;font-weight:500}.data-value.qty{color:#fff;font-size:1.5rem;font-weight:700}.da-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;grid-column:1/-1;margin-top:.5rem;padding:1.25rem}.da-card.alert-da{background:#ef44441a;border-color:#ef44444d}.da-card.alert-da .data-label{color:#fca5a5}.highlighted-da{color:#60a5fa;font-size:1.4rem;font-weight:600}.da-card.alert-da .highlighted-da{color:#ef4444}@media (width<=500px){.result-grid{grid-template-columns:1fr;gap:1.25rem}}.camera-scanner-modal{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.camera-scanner-content{background:var(--bg-color);border:1px solid var(--card-border);border-radius:20px;width:100%;max-width:500px;padding:1.5rem;position:relative;box-shadow:0 10px 40px #00000080}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:#fff;font-size:1.2rem;font-weight:500}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background:#ef444433}.scanner-hint{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.85rem}.extended-grid{grid-template-columns:repeat(3,1fr)!important}@media (width<=600px){.extended-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=400px){.extended-grid{grid-template-columns:1fr!important}}.align-qty .data-value{color:#fff}.camera-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.camera-btn:hover{color:#60a5fa;background:#3b82f61a}.camera-btn:disabled{opacity:.4;cursor:not-allowed}.big-submit-btn{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f666}.big-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.big-submit-btn:disabled{color:#ffffff80;box-shadow:none;cursor:not-allowed;background:#ffffff1a}