@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{--lp-brand-primary:#a92f6f;--lp-brand-primary-light:#c44a87;--lp-brand-primary-dark:#8a2458;--lp-brand-primary-faint:#a92f6f14;--lp-brand-primary-medium:#a92f6f26;--lp-brand-primary-glow:#a92f6f40;--lp-brand-secondary:#a9ae50;--lp-brand-secondary-light:#c0c46a;--lp-brand-secondary-dark:#8a8e3f;--lp-brand-secondary-faint:#a9ae5014;--lp-bg-body:#f0f2f5;--lp-bg-card:#fff;--lp-bg-input:#fff;--lp-bg-surface:#f8f9fb;--lp-bg-surface-hover:#f4f5f7;--lp-text-primary:#1a1d23;--lp-text-secondary:#4b5563;--lp-text-tertiary:#6b7280;--lp-text-muted:#9ca3af;--lp-text-inverse:#fff;--lp-border-light:#e5e7eb;--lp-border-medium:#d1d5db;--lp-border-focus:var(--lp-brand-primary);--lp-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--lp-shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--lp-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--lp-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;--lp-shadow-glow:0 0 40px #a92f6f1f;--lp-shadow-glow-secondary:0 0 40px #a9ae501a;--lp-radius-sm:8px;--lp-radius-md:12px;--lp-radius-lg:16px;--lp-radius-xl:24px;--lp-radius-full:9999px;--lp-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--lp-transition-fast:150ms ease;--lp-transition-base:200ms ease;--lp-transition-slow:300ms ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:var(--lp-bg-body);color:var(--lp-text-primary);display:flex;font-family:var(--lp-font-sans);justify-content:center;line-height:1.5;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-page .orb{animation:lp-orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;position:absolute}.login-page .orb-1{animation-delay:0s;background:linear-gradient(135deg,var(--lp-brand-primary) 0,var(--lp-brand-primary-light) 100%);height:500px;left:-100px;top:-150px;width:500px}.login-page .orb-2{animation-delay:-7s;background:linear-gradient(135deg,var(--lp-brand-secondary) 0,var(--lp-brand-secondary-light) 100%);bottom:-100px;height:400px;right:-80px;width:400px}.login-page .orb-3{animation-delay:-14s;background:linear-gradient(135deg,var(--lp-brand-primary-light) 0,var(--lp-brand-secondary) 100%);height:300px;left:50%;opacity:.2;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes lp-orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.login-page .particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.login-page .particle{animation:lp-particleFloat linear infinite;background:var(--lp-brand-primary);border-radius:50%;opacity:.15;position:absolute}@keyframes lp-particleFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.2}90%{opacity:.2}to{opacity:0;transform:translateY(-100px) rotate(2turn)}}.login-page .login-accents{display:flex;flex-direction:column;gap:1.5rem;position:absolute;z-index:1}.login-page .login-accents.left{left:3rem;top:50%;transform:translateY(-50%)}.login-page .login-accents.right{right:3rem;top:50%;transform:translateY(-50%)}.login-page .accent-card{animation:lp-accentSlideIn .6s ease-out both;background:var(--lp-bg-card);border:1px solid var(--lp-border-light);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-md);padding:1.5rem;transition:transform var(--lp-transition-base),box-shadow var(--lp-transition-base);width:240px}.login-page .login-accents.left .accent-card:first-child{animation-delay:.2s}.login-page .login-accents.left .accent-card:nth-child(2){animation-delay:.35s}.login-page .login-accents.right .accent-card:first-child{animation-delay:.5s}.login-page .login-accents.right .accent-card:nth-child(2){animation-delay:.65s}.login-page .accent-card:hover{box-shadow:var(--lp-shadow-lg);transform:translateY(-4px)}.login-page .accent-icon{align-items:center;background:linear-gradient(135deg,var(--lp-brand-primary-faint) 0,var(--lp-brand-secondary-faint) 100%);border-radius:var(--lp-radius-md);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}.login-page .accent-title{color:var(--lp-text-primary);font-size:.9375rem;font-weight:700;margin-bottom:.25rem}.login-page .accent-text{color:var(--lp-text-tertiary);font-size:.8125rem;line-height:1.5}@keyframes lp-accentSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.login-page .login-accents.right .accent-card{animation-name:lp-accentSlideInRight}@keyframes lp-accentSlideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.login-page .login-card{animation:lp-cardAppear .5s ease-out;background:var(--lp-bg-card);border:1px solid var(--lp-border-light);border-radius:var(--lp-radius-xl);box-shadow:var(--lp-shadow-xl),var(--lp-shadow-glow);max-width:420px;padding:2.5rem 2rem;position:relative;width:100%;z-index:10}@keyframes lp-cardAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-page .login-brand{margin-bottom:2rem;text-align:center}.login-page .login-logo-ring{align-items:center;background:linear-gradient(135deg,var(--lp-brand-primary) 0,var(--lp-brand-primary-dark) 100%);border-radius:var(--lp-radius-full);box-shadow:0 4px 16px #a92f6f4d;display:flex;height:72px;justify-content:center;margin:0 auto 1rem;position:relative;width:72px}.login-page .login-logo-ring:before{animation:lp-logoPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--lp-brand-primary) 0,var(--lp-brand-secondary) 100%);border-radius:var(--lp-radius-full);content:"";inset:-4px;opacity:.3;position:absolute;z-index:-1}@keyframes lp-logoPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.15;transform:scale(1.08)}}.login-page .login-logo-inner{font-size:2rem}.login-page .login-brand h1{color:var(--lp-text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem;margin-top:0}.login-page .tagline{color:var(--lp-text-tertiary);font-size:.9375rem;font-weight:500}.login-page .divider{background:linear-gradient(90deg,var(--lp-brand-primary) 0,var(--lp-brand-secondary) 100%);border-radius:var(--lp-radius-full);height:3px;margin:1rem auto 0;width:60px}.login-page .login-form{display:flex;flex-direction:column;gap:1.25rem}.login-page .form-group{display:flex;flex-direction:column;gap:.375rem}.login-page .form-group label{color:var(--lp-text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.login-page .input-wrapper{align-items:center;display:flex;position:relative}.login-page .input-glow{background:linear-gradient(135deg,var(--lp-brand-primary) 0,var(--lp-brand-secondary) 100%);border-radius:var(--lp-radius-md);inset:-2px;opacity:0;position:absolute;transition:opacity var(--lp-transition-fast);z-index:0}.login-page .input-wrapper:focus-within .input-glow{opacity:.15}.login-page .input-icon{color:var(--lp-text-muted);font-size:.875rem;font-weight:700;left:1rem;pointer-events:none;position:absolute;transition:color var(--lp-transition-fast);z-index:2}.login-page .input-wrapper:focus-within .input-icon{color:var(--lp-brand-primary)}.login-page .input-wrapper input{background:var(--lp-bg-input);border:1.5px solid var(--lp-border-light);border-radius:var(--lp-radius-md);color:var(--lp-text-primary);font-family:inherit;font-size:.9375rem;outline:none;padding:.875rem 1rem .875rem 2.75rem;position:relative;transition:border-color var(--lp-transition-fast),box-shadow var(--lp-transition-fast);width:100%;z-index:1}.login-page .input-wrapper input::placeholder{color:var(--lp-text-muted)}.login-page .input-wrapper input:focus{border-color:var(--lp-brand-primary);box-shadow:0 0 0 4px var(--lp-brand-primary-faint)}.login-page .login-form button[type=submit]{background:linear-gradient(135deg,var(--lp-brand-primary) 0,var(--lp-brand-primary-dark) 100%);border:none;border-radius:var(--lp-radius-md);box-shadow:0 4px 14px #a92f6f4d;color:var(--lp-text-inverse);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:700;margin-top:.5rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all var(--lp-transition-base);width:100%}.login-page .login-form button[type=submit]:before{background:linear-gradient(135deg,#ffffff26,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--lp-transition-fast)}.login-page .login-form button[type=submit]:hover:not(:disabled):before{opacity:1}.login-page .login-form button[type=submit]:hover:not(:disabled){box-shadow:0 6px 20px #a92f6f66;transform:translateY(-2px)}.login-page .login-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.login-page .login-form button[type=submit]:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-page .loading-dots{align-items:center;display:inline-flex;gap:4px}.login-page .loading-dots span{animation:lp-dotBounce 1.4s ease-in-out infinite both;background:var(--lp-text-inverse);border-radius:50%;height:6px;width:6px}.login-page .loading-dots span:first-child{animation-delay:-.32s}.login-page .loading-dots span:nth-child(2){animation-delay:-.16s}.login-page .loading-dots span:nth-child(3){animation-delay:0s}@keyframes lp-dotBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.login-page .login-footer{border-top:1px solid var(--lp-border-light);margin-top:1.5rem;padding-top:1rem;text-align:center}.login-page .login-footer p{color:var(--lp-text-tertiary);font-size:.8125rem;font-weight:500;margin:0}.login-page .company-name{color:var(--lp-text-muted);display:block;font-size:.75rem;margin-top:.25rem}@media (max-width:1200px){.login-page .login-accents{display:none}}@media (max-width:640px){.login-page{align-items:flex-start;padding:3rem 1rem 1rem}.login-page .login-card{max-width:100%;padding:2rem 1.5rem}.login-page .login-brand h1{font-size:1.5rem}.login-page .orb{opacity:.2}.login-page .orb-1{height:300px;width:300px}.login-page .orb-2{height:250px;width:250px}}@media (prefers-reduced-motion:reduce){.login-page .accent-card,.login-page .login-card,.login-page .login-logo-ring:before,.login-page .orb,.login-page .particle{animation:none!important}}:root{--brand-primary-hover:#8a2459;--brand-primary-light:#f8e8f0;--brand-secondary-hover:#8a8e40;--brand-secondary-light:#f5f6e8;--bg-body:#f5f7fa;--bg-input:#fafbfc;--bg-hover:#f0f2f5;--bg-table-header:#f8f9fa;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb;--border-light:#f0f0f0;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--transition:all 0.2s ease;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.admin-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--bg-body);color:#1a1a2e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);line-height:1.5;min-height:100vh;padding:24px}.admin-header{margin-bottom:28px;text-align:center}.admin-header h1{color:#1a1a2e;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.admin-subtitle{color:#6b7280;color:var(--text-muted);font-size:.95rem;margin:0}.tabs{-webkit-overflow-scrolling:touch;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;gap:8px;margin-bottom:28px;overflow-x:auto;padding:6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.tabs button:hover{background:#f0f2f5;background:var(--bg-hover);color:#4a4a5a;color:var(--text-secondary)}.tabs button.active{background:#a92f6f;background:var(--brand-primary);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff}.tabs button.active:hover{background:#8a2459;background:var(--brand-primary-hover)}.tab-icon{font-size:1.1rem}.tab-content{display:flex;flex-direction:column;gap:24px}.card{background:#fff;background:var(--bg-card);border:1px solid #f0f0f0;border:1px solid var(--border-light);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);overflow:hidden}.card-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-table-header) 100%);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.card-header h2{color:#1a1a2e;color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0}.badge{align-items:center;background:#f8e8f0;background:var(--brand-primary-light);border-radius:20px;color:#a92f6f;color:var(--brand-primary);display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 12px}.user-form{padding:24px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.form-group.flex-grow{flex:2 1}.form-group label{color:#4a4a5a;font-size:.85rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{background:#fafbfc;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#1a1a2e;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;padding:10px 14px;transition:all .2s ease;transition:var(--transition);width:100%}.form-group input::placeholder{color:#9ca3af;color:var(--text-light)}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#a92f6f;border-color:var(--brand-primary);box-shadow:0 0 0 3px #a92f6f1a}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;padding-right:32px}.inline-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;padding:24px}.inline-form .form-group{margin-bottom:0}.form-actions{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light);display:flex;gap:12px;margin-top:8px;padding-top:16px}.btn-primary{align-items:center;background:#a92f6f;background:var(--brand-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 24px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.btn-primary:hover{background:#8a2459;background:var(--brand-primary-hover);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{align-items:center;background:#f0f2f5;background:var(--bg-hover);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#4a4a5a;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 24px;transition:all .2s ease;transition:var(--transition)}.btn-secondary:hover{background:#e5e7eb;background:var(--border-color);border-color:#9ca3af;border-color:var(--text-light)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:36px}.btn-edit:hover{background:#f5f6e8;background:var(--brand-secondary-light);transform:scale(1.1)}.btn-delete:hover{background:#fee2e2;transform:scale(1.1)}.table-responsive{-webkit-overflow-scrolling:touch}.data-table{border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.data-table thead{background:#f8f9fa;background:var(--bg-table-header)}.data-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{color:#4a4a5a;color:var(--text-secondary);padding:14px 20px}.data-table td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);vertical-align:middle}.data-table tbody tr{transition:all .2s ease;transition:var(--transition)}.data-table tbody tr:hover{background:#f0f2f5;background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.cat-name,.dept-name,.user-name{color:#1a1a2e;color:var(--text-primary);font-weight:600}.id-cell{color:#6b7280;color:var(--text-muted);font-family:SF Mono,Monaco,monospace;font-size:.85rem}.actions-header{text-align:center;width:100px}.actions-cell{text-align:center;white-space:nowrap}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.role-admin{background:#fee2e2;color:#dc2626}.role-approver{background:#dbeafe;color:#2563eb}.role-requester{background:#d1fae5;color:#059669}.role-finance{background:#fef3c7;color:#d97706}.role-stores{background:#e0e7ff;color:#4f46e5}.lead-time-badge{align-items:center;background:#f5f6e8;background:var(--brand-secondary-light);border-radius:20px;color:#8a8e40;color:var(--brand-secondary-hover);display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px}.loading-state{justify-content:center;padding:48px 24px}.spinner{border:3px solid #e5e7eb;border-top-color:#a92f6f;border:3px solid var(--border-color);border-top-color:var(--brand-primary);height:40px;width:40px}.loading-state p{color:var(--text-muted);font-size:.95rem;margin:0}.empty-state{padding:48px 24px}.empty-state p{color:#9ca3af;color:var(--text-light);font-size:1rem;margin:0}@media (max-width:768px){.admin-page{padding:16px}.admin-header h1{font-size:1.6rem}.tabs button{font-size:.9rem;min-width:120px;padding:10px 16px}.tab-label{display:none}.form-row{flex-direction:column;gap:12px}.inline-form{align-items:stretch;flex-direction:column}.inline-form .form-group{width:100%}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.card-header{padding:16px 20px}.user-form{padding:20px}.data-table td,.data-table th{padding:12px 16px}}@media (max-width:480px){.admin-page{padding:12px}.admin-header h1{font-size:1.4rem}.admin-subtitle{font-size:.85rem}.tabs{gap:4px;padding:4px}.tabs button{font-size:.85rem;min-width:auto;padding:10px 14px}.tab-icon{font-size:1.2rem}.card-header h2{font-size:1rem}.badge{font-size:.75rem;padding:3px 8px}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:10px 12px}.lead-time-badge,.role-badge{font-size:.75rem;padding:3px 8px}.btn-icon{height:32px;width:32px}}@media (min-width:1200px){.admin-page{margin:0 auto;max-width:1200px;padding:32px}.form-row{gap:20px}}@media (prefers-color-scheme:dark){:root{--bg-body:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#16162a;--bg-hover:#252540;--bg-table-header:#1e1e36;--text-primary:#f1f1f4;--text-secondary:#b4b4c7;--text-muted:#8b8ba3;--text-light:#6b6b85;--border-color:#2a2a45;--border-light:#252540}.form-group input,.form-group select{background:#fafbfc;background:var(--bg-input);color:#1a1a2e;color:var(--text-primary)}.form-group input:focus,.form-group select:focus{background:#1e1e36}}.dashboard{background:#f4f5f7;font-family:DM Sans,Segoe UI,sans-serif;min-height:100vh;padding:28px 32px}.dashboard__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.dashboard__title{color:#1a1f2e;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.dashboard__subtitle{color:#6b7280;font-size:.875rem;margin:0}.refresh-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 18px;transition:background .15s,box-shadow .15s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#f9fafb;box-shadow:0 2px 6px #00000014}.refresh-btn:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin .8s linear infinite;display:inline-block}.error-banner{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;display:flex;font-size:.875rem;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 18px}.error-banner button{background:#b91c1c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 14px;white-space:nowrap}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));margin-bottom:28px}.stat-card{background:var(--card-bg);border:1.5px solid var(--card-border);cursor:pointer;font-family:inherit;outline:none;padding:20px 14px 16px;position:relative;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}.stat-card:hover{box-shadow:0 6px 18px #00000014}.stat-card--active{border-color:var(--card-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-color) 18%,#0000)}.stat-card__icon{font-size:1.6rem;line-height:1}.stat-card__count{color:var(--card-color);font-size:2rem;font-weight:800;letter-spacing:-1px;line-height:1}.stat-card__label{color:#6b7280;font-size:.75rem;font-weight:500;line-height:1.3}.stat-card__pip{background:var(--card-color);border:2px solid #f4f5f7;border-radius:50%;bottom:-8px;height:10px;left:50%;position:absolute;transform:translateX(-50%);width:10px}.skeleton-card{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:14px;height:118px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.items-panel{animation:fadeUp .22s ease both;background:#fff;border:1.5px solid var(--panel-border);border-radius:16px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.items-panel__header{align-items:center;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);display:flex;gap:14px;padding:18px 24px}.items-panel__icon{font-size:1.8rem;line-height:1}.items-panel__title{color:var(--panel-color);font-size:1.05rem;font-weight:700;margin:0 0 2px}.items-panel__meta{color:#9ca3af;font-size:.78rem;margin:0}.table-wrap{overflow-x:auto}.items-table{border-collapse:collapse;font-size:.85rem;width:100%}.items-table thead tr{background:#f9fafb}.items-table th{border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:.72rem;font-weight:700;letter-spacing:.6px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.item-row td{border-bottom:1px solid #f3f4f6;color:#374151;padding:12px 16px;vertical-align:middle}.item-row:last-child td{border-bottom:none}.item-row:hover td{background:#fafafa}.item-row__name{display:flex;flex-direction:column;gap:2px}.item-row__item-name{color:#111827;font-weight:600}.item-row__desc{color:#9ca3af;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state,.muted{color:#9ca3af}.empty-state{align-items:center;display:flex;flex-direction:column;font-size:.9rem;gap:10px;justify-content:center;padding:52px 20px}.empty-state__icon{font-size:2.4rem;opacity:.5}@media (max-width:640px){.dashboard{padding:18px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard__title{font-size:1.4rem}.items-panel__header{padding:14px 16px}.item-row td,.items-table th{padding:10px 12px}}.navbar{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--text-200);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:64px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-left,.navbar{align-items:center;display:flex}.nav-left{gap:32px}.nav-brand{cursor:pointer;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration) var(--ease)}.nav-brand:hover{opacity:.8}.brand-icon{height:32px;width:32px}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.03em}.brand-tag{font-size:10px;font-weight:600;letter-spacing:.05em}.nav-links{gap:4px}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-500);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.nav-link:hover{background:#f3f4f6;background:var(--text-100);color:#374151;color:var(--text-700)}.nav-link.active{background:#fdf2f7;background:var(--magenta-soft);color:#a92f6f;color:var(--magenta)}.nav-link svg{stroke-width:2;flex-shrink:0}.nav-right{align-items:center;display:flex;gap:20px}.greeting-text{color:#6b7280;color:var(--text-500);font-size:14px;font-weight:500}.greeting-text strong{color:#111827;color:var(--text-900);font-weight:700}.user-menu{position:relative}.user-trigger{align-items:center;background:#f3f4f6;background:var(--text-100);border:1.5px solid #e5e7eb;border:1.5px solid var(--text-200);border-radius:999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:5px 12px 5px 5px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.user-trigger:hover{border-color:#d1d5db;border-color:var(--text-300);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.user-trigger .user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-info .user-name{color:#111827;color:var(--text-900);font-size:13px;font-weight:600}.user-info .user-role{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.user-trigger .chevron{color:#9ca3af;color:var(--text-400);flex-shrink:0;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--duration) var(--ease)}.user-trigger .chevron.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownIn .2s ease;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);min-width:220px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;display:flex;gap:10px;padding:4px}.dropdown-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.dropdown-info{display:flex;flex-direction:column;line-height:1.2}.dropdown-name{color:#111827;color:var(--text-900);font-size:14px;font-weight:700}.dropdown-role{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dropdown-divider{background:#e5e7eb;background:var(--text-200);height:1px;margin:10px 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--text-700);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:10px;padding:10px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease);width:100%}.dropdown-item:hover{background:#fdf2f7;background:var(--magenta-soft);color:#a92f6f;color:var(--magenta)}.dropdown-item svg{stroke-width:2;flex-shrink:0}.info-bar{background:#f8f9f0;background:var(--olive-soft);border-bottom:1px solid #d4d8a0;padding:10px 32px;text-align:center}.info-text{color:#575a2e;font-size:12px;font-weight:500;letter-spacing:.01em}@media (max-width:992px){.navbar{padding:0 20px}.nav-left{gap:20px}.greeting-text,.nav-links{display:none}.info-bar{padding:10px 20px}}@media (max-width:768px){.navbar{height:56px;padding:0 16px}.brand-name{font-size:16px}.brand-tag,.user-info{display:none}.user-trigger{background:#0000;border:none;padding:4px}.user-trigger .chevron{display:none}.info-bar{padding:8px 16px}.info-text{font-size:11px}}.navbar a:focus-visible,.navbar button:focus-visible{outline:2px solid #a92f6f;outline:2px solid var(--magenta);outline-offset:2px}:root{--color-berry:#a92f6f;--color-berry-light:#f8e8f0;--color-berry-medium:#d47ba3;--color-berry-dark:#7a1e4e;--color-berry-glow:#a92f6f26;--color-olive:#a9ae50;--color-olive-light:#f5f6e8;--color-olive-medium:#c4c97a;--color-olive-dark:#7a7e35;--color-olive-glow:#a9ae5026;--bg-primary:#faf9f7;--bg-secondary:#f5f3f0;--surface-hover:#fdfcfb;--border:#e8e4df;--border-light:#f0ece7;--text-primary:#2d2a26;--text-secondary:#6b6560;--text-muted:#a39e99;--success:#4a9b6b;--success-light:#e8f5ee;--error:#c44d4d;--error-light:#fce8e8;--warning:#d4a03a;--warning-light:#fdf3e0;--shadow-sm:0 2px 8px #2d2a260a;--shadow-md:0 4px 24px #2d2a260f;--shadow-lg:0 8px 32px #2d2a2614;--shadow-berry:0 4px 20px #a92f6f1f;--shadow-olive:0 4px 20px #a9ae501f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.requester-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf9f7;background:var(--bg-primary);color:#2d2a26;color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}.requester-container:before{background-image:radial-gradient(circle at 20% 80%,#a92f6f26 0,#0000 50%),radial-gradient(circle at 80% 20%,#a9ae5026 0,#0000 50%),radial-gradient(circle at 50% 50%,#a92f6f08 0,#0000 70%);background-image:radial-gradient(circle at 20% 80%,var(--color-berry-glow) 0,#0000 50%),radial-gradient(circle at 80% 20%,var(--color-olive-glow) 0,#0000 50%),radial-gradient(circle at 50% 50%,#a92f6f08 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.requester-nav{background:#0000;margin:0 auto;max-width:1200px;padding:24px 32px 0;z-index:10}.nav-btn,.requester-nav{display:flex;gap:8px;position:relative}.nav-btn{align-items:center;background:#fff;background:var(--surface);border:none;border-radius:24px 24px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 2px 8px #2d2a260a;box-shadow:var(--shadow-sm);color:#6b6560;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.01em;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-btn:hover{box-shadow:0 4px 24px #2d2a260f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-btn.active,.nav-btn:hover{color:#a92f6f;color:var(--color-berry)}.nav-btn.active{background:#fff;background:var(--surface);box-shadow:0 8px 32px #2d2a2614;box-shadow:var(--shadow-lg);z-index:2}.nav-btn.active:after{background:linear-gradient(90deg,#a92f6f,#a9ae50);background:linear-gradient(90deg,var(--color-berry),var(--color-olive));border-radius:999px;border-radius:var(--radius-pill);bottom:0;content:"";height:3px;left:20%;position:absolute;right:20%}.requester-card{animation:cardSlideIn .5s ease-out;background:#fff;background:var(--surface);border-radius:0 16px 16px 16px;border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);box-shadow:0 8px 32px #2d2a2614;box-shadow:var(--shadow-lg);margin:0 auto 40px;max-width:1200px;padding:32px;position:relative;z-index:10}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.requester-title{color:#2d2a26;color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px}.requester-title:after{background:linear-gradient(90deg,#a92f6f,#a9ae50);background:linear-gradient(90deg,var(--color-berry),var(--color-olive));border-radius:999px;border-radius:var(--radius-pill);content:"";display:block;height:4px;margin-top:12px;width:60px}.requester-subtitle{color:#6b6560;color:var(--text-secondary);font-size:15px;margin-bottom:28px}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#6b6560;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.form-group label .required{color:#a92f6f;color:var(--color-berry);margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--surface);border:2px solid #e8e4df;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#2d2a26;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#c4c97a;border-color:var(--color-olive-medium)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;background:var(--surface);border-color:#a92f6f;border-color:var(--color-berry);box-shadow:0 0 0 4px #a92f6f26;box-shadow:0 0 0 4px var(--color-berry-glow)}.form-group input:read-only{background:#f5f3f0;background:var(--bg-secondary);color:#a39e99;color:var(--text-muted);cursor:not-allowed}.form-group input[type=date]{font-family:inherit}.form-group textarea{min-height:100px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:42px}.error-field{background:#fce8e8!important;background:var(--error-light)!important;border-color:#c44d4d!important;border-color:var(--error)!important}.error-field:focus{box-shadow:0 0 0 4px #c44d4d26!important}.error-text{animation:shake .4s ease-in-out;color:#c44d4d;color:var(--error);display:block;font-size:13px;font-weight:500;margin-top:6px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.btn-small,button{align-items:center;border:none;border-radius:999px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-bounce)}.btn-primary,button[type=submit]{background:linear-gradient(135deg,#a92f6f,#7a1e4e);background:linear-gradient(135deg,var(--color-berry),var(--color-berry-dark));box-shadow:0 4px 20px #a92f6f1f;box-shadow:var(--shadow-berry);color:#fff;color:var(--text-inverse);font-size:15px;padding:16px 32px}.btn-primary:hover,button[type=submit]:hover{box-shadow:0 6px 24px #a92f6f40;transform:translateY(-2px) scale(1.02)}.btn-primary:active,button[type=submit]:active{transform:translateY(0) scale(.98)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-small{background:linear-gradient(135deg,#a9ae50,#7a7e35);background:linear-gradient(135deg,var(--color-olive),var(--color-olive-dark));box-shadow:0 4px 20px #a9ae501f;box-shadow:var(--shadow-olive);color:#fff;color:var(--text-inverse);font-size:13px;padding:10px 20px}.btn-small:hover{box-shadow:0 6px 24px #a9ae5040;transform:translateY(-2px) scale(1.03)}.btn-small:active{transform:translateY(0) scale(.97)}.btn-ghost{border:2px solid #e8e4df;border:2px solid var(--border);color:#6b6560;color:var(--text-secondary)}.btn-ghost:hover{background:#f8e8f0;background:var(--color-berry-light);border-color:#a92f6f;border-color:var(--color-berry);color:#a92f6f;color:var(--color-berry)}.btn-danger{background:linear-gradient(135deg,#c44d4d,#a33a3a);background:linear-gradient(135deg,var(--error),#a33a3a)}.btn-danger:hover{box-shadow:0 4px 16px #c44d4d40}button:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}button:active:after{height:200px;width:200px}.bulk-upload{background:linear-gradient(135deg,#f5f6e8,#f5f3f0);background:linear-gradient(135deg,var(--color-olive-light),var(--bg-secondary));border:2px dashed #c4c97a;border:2px dashed var(--color-olive-medium);border-radius:16px;border-radius:var(--radius-lg);margin:24px 0;overflow:hidden;padding:24px;position:relative}.bulk-upload:before{background:radial-gradient(circle,#a9ae5026,#0000 70%);background:radial-gradient(circle,var(--color-olive-glow),#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.upload-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;position:relative;z-index:2}.upload-label{align-items:center;background:#fff;background:var(--surface);border:2px solid #a9ae50;border:2px solid var(--color-olive);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 2px 8px #2d2a260a;box-shadow:var(--shadow-sm);color:#7a7e35;color:var(--color-olive-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-label:hover{background:#a9ae50;background:var(--color-olive);box-shadow:0 4px 20px #a9ae501f;box-shadow:var(--shadow-olive);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.bulk-preview{animation:fadeIn .4s ease-out;background:#fff;background:var(--surface);border:1px solid #f0ece7;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #2d2a260f;box-shadow:var(--shadow-md);margin-top:24px;padding:24px}.bulk-preview h3{align-items:center;color:#2d2a26;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.bulk-preview h3:before{background:#a92f6f;background:var(--color-berry);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.bulk-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.table-responsive{border:1px solid #e8e4df;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);margin:16px 0;overflow-x:auto}.requests-table{background:#fff;background:var(--surface);border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.requests-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:5}.requests-table th{background:linear-gradient(135deg,#a92f6f,#7a1e4e);background:linear-gradient(135deg,var(--color-berry),var(--color-berry-dark));color:#fff;color:var(--text-inverse);font-size:12px;font-weight:600;letter-spacing:.06em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.requests-table th:first-child{border-radius:12px 0 0 0;border-radius:var(--radius-md) 0 0 0}.requests-table th:last-child{border-radius:0 12px 0 0;border-radius:0 var(--radius-md) 0 0}.requests-table td{border-bottom:1px solid #f0ece7;border-bottom:1px solid var(--border-light);color:#2d2a26;color:var(--text-primary);padding:14px 16px;vertical-align:middle}.requests-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.requests-table tbody tr:hover{background:#f8e8f0;background:var(--color-berry-light);box-shadow:0 2px 8px #2d2a260a;box-shadow:var(--shadow-sm);transform:scale(1.005)}.requests-table tbody tr:last-child td:first-child{border-radius:0 0 0 12px;border-radius:0 0 0 var(--radius-md)}.requests-table tbody tr:last-child td:last-child{border-radius:0 0 12px 0;border-radius:0 0 var(--radius-md) 0}.requests-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:999px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.status-pending{background:#fdf3e0;background:var(--warning-light);color:#d4a03a;color:var(--warning)}.status-approved{background:#e8f5ee;background:var(--success-light);color:#4a9b6b;color:var(--success)}.status-rejected{background:#fce8e8;background:var(--error-light);color:#c44d4d;color:var(--error)}.status-collected{background:#f5f6e8;background:var(--color-olive-light);color:#7a7e35;color:var(--color-olive-dark)}.lot-group{background:#fff;background:var(--surface);border:1px solid #e8e4df;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2d2a260a;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.lot-group:hover{box-shadow:0 4px 24px #2d2a260f;box-shadow:var(--shadow-md)}.lot-title{align-items:center;background:linear-gradient(135deg,#f5f3f0,#fff);background:linear-gradient(135deg,var(--bg-secondary),var(--surface));border-bottom:1px solid #0000;color:#2d2a26;cursor:pointer;display:flex;font-size:16px;gap:12px;margin:0;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.lot-title:hover{background:linear-gradient(135deg,#f5f6e8,#fff);background:linear-gradient(135deg,var(--color-olive-light),var(--surface));color:#7a7e35;color:var(--color-olive-dark)}.lot-title.expanded{border-bottom-color:#e8e4df;border-bottom-color:var(--border)}.lot-title .lot-icon{align-items:center;background:linear-gradient(135deg,#a92f6f,#a9ae50);background:linear-gradient(135deg,var(--color-berry),var(--color-olive));border-radius:12px;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.search-bar{margin-bottom:24px;position:relative}.search-bar input{background:#fff;background:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a39e99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:16px;background-repeat:no-repeat;border:2px solid #e8e4df;border:2px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#2d2a26;color:var(--text-primary);font-size:15px;max-width:400px;padding:14px 20px 14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-bar input:focus{border-color:#a92f6f;border-color:var(--color-berry);box-shadow:0 0 0 4px #a92f6f26,0 4px 24px #2d2a260f;box-shadow:0 0 0 4px var(--color-berry-glow),var(--shadow-md);max-width:500px;outline:none}.no-requests,.search-bar input::placeholder{color:#a39e99;color:var(--text-muted)}.no-requests{font-size:16px;padding:60px 20px;text-align:center}.no-requests-icon{align-items:center;background:linear-gradient(135deg,#f8e8f0,#f5f6e8);background:linear-gradient(135deg,var(--color-berry-light),var(--color-olive-light));border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.requester-form{grid-gap:0 24px;display:grid;gap:0 24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.requester-form .form-group:has(button[type=submit]),.requester-form .form-group:has(input[name=item]),.requester-form .form-group:has(textarea){grid-column:1/-1}.requester-form button[type=submit]{justify-self:start;margin-top:8px}.form-group small{color:#a39e99;color:var(--text-muted);display:block;font-size:12px;font-style:italic;margin-top:6px}.form-group small.info-berry{color:#a92f6f;color:var(--color-berry);font-style:normal;font-weight:500}@media (max-width:768px){.requester-nav{padding:16px 16px 0}.nav-btn{font-size:14px;padding:12px 20px}.requester-card{border-radius:16px;border-radius:var(--radius-lg);margin:0 16px 32px;padding:20px}.requester-title{font-size:24px}.requester-form{grid-template-columns:1fr}.upload-controls{align-items:stretch;flex-direction:column}.btn-small,.upload-label{justify-content:center}.bulk-actions{flex-direction:column}.requests-table{font-size:13px}.requests-table td,.requests-table th{padding:10px 12px}.lot-title{font-size:14px;padding:14px 16px}.search-bar input{max-width:100%}}@media (max-width:480px){.requester-nav{flex-direction:column;gap:4px}.nav-btn{border-radius:12px;border-radius:var(--radius-md);justify-content:center}.nav-btn.active:after{left:30%;right:30%}.requester-card{margin:0 12px 24px;padding:16px}}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#f5f3f0;background:var(--bg-secondary);border-radius:999px;border-radius:var(--radius-pill)}.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#d47ba3,#c4c97a);background:linear-gradient(90deg,var(--color-berry-medium),var(--color-olive-medium));border-radius:999px;border-radius:var(--radius-pill)}.table-responsive::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a92f6f,#a9ae50);background:linear-gradient(90deg,var(--color-berry),var(--color-olive))}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.section-divider{background:linear-gradient(90deg,#0000,#e8e4df,#0000);background:linear-gradient(90deg,#0000,var(--border),#0000);border:none;height:1px;margin:32px 0}.stat-card{border:1px solid #f0ece7;border-radius:16px;box-shadow:0 2px 8px #2d2a260a;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 24px #2d2a260f}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a92f6f,#a9ae50);background:linear-gradient(135deg,var(--color-berry),var(--color-olive));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.stat-label{color:#6b6560;color:var(--text-secondary);font-size:13px;letter-spacing:.05em}:root{--magenta-text:#c44a8a;--surface-active:#f3f4f6;--pending:#f59e0b;--pending-soft:#fffbeb;--approved:#10b981;--approved-soft:#ecfdf5;--rejected:#ef4444;--rejected-soft:#fef2f2;--shadow-xs:0 1px 2px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025)}.approver-page{-webkit-font-smoothing:antialiased;background:#f8f9fa;background:var(--bg);color:#374151;color:var(--text-700);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;min-height:100vh;padding-bottom:48px}.approver-page *{box-sizing:border-box}.top-nav{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--text-200);justify-content:space-between;padding:14px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-brand,.top-nav{align-items:center;display:flex}.nav-brand{gap:12px}.brand-mark{flex-shrink:0;height:32px;width:32px}.brand-mark svg{height:100%;width:100%}.brand-name{color:#111827;color:var(--text-900);font-size:16px;font-weight:700;letter-spacing:-.02em}.brand-tag{color:#9ca3af;color:var(--text-400);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.nav-user,.user-chip{align-items:center;display:flex}.user-chip{background:#f3f4f6;background:var(--text-100);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:999px;border-radius:var(--radius-full);gap:10px;padding:5px 14px 5px 5px}.user-chip .user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.user-text{display:flex;flex-direction:column;line-height:1.2}.user-text .user-name{color:#111827;color:var(--text-900);font-size:13px;font-weight:600}.user-text .user-level{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stats-strip{padding:20px 32px 8px}.tab-strip{padding:12px 32px 0}.tab-set{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:12px;border-radius:var(--radius-lg);display:inline-flex;gap:4px;padding:4px}.tab-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-500);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:8px 18px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.tab-item:hover{background:#f3f4f6;background:var(--text-100);color:#374151;color:var(--text-700)}.tab-item.active{background:#a92f6f;background:var(--magenta);box-shadow:0 2px 8px #a92f6f40;color:#fff}.tab-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.tab-count{background:#a9ae50;background:var(--olive);border-radius:10px;color:#fff;font-size:10px;font-weight:800;min-width:18px;padding:2px 7px;text-align:center}.tab-count.alt{background:#d1d5db;background:var(--text-300);color:#374151;color:var(--text-700)}.info-strip{align-items:flex-start;animation:slideDown .3s ease;border:1px solid;border-radius:12px;border-radius:var(--radius-lg);display:flex;font-size:13px;gap:12px;line-height:1.5;margin:16px 32px;padding:14px 18px}.info-strip.l1{background:#f8f9f0;background:var(--olive-soft);border-color:#d4d8a0}.info-strip.l1,.info-strip.l2{color:#374151;color:var(--text-700)}.info-strip.l2{background:#fdf2f7;background:var(--magenta-soft);border-color:#e8b8d0}.strip-icon{flex-shrink:0;font-size:18px;margin-top:1px}.strip-body{display:flex;flex-direction:column;gap:2px}.strip-body strong{font-size:13px;font-weight:700}.strip-body span{opacity:.85}.search-box input{border-radius:12px;border-radius:var(--radius-lg)}.search-x{font-size:13px}.toolbar-right{flex-wrap:wrap}.view-toggle{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:8px;border-radius:var(--radius-md);display:flex;padding:3px}.view-toggle button{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-400);cursor:pointer;display:flex;justify-content:center;padding:8px 11px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.view-toggle button:hover{background:#f3f4f6;background:var(--text-100);color:#374151;color:var(--text-700)}.view-toggle button.on{background:#a92f6f;background:var(--magenta);color:#fff}.filter-trigger{border-radius:12px;border-radius:var(--radius-lg)}.filter-trigger .filter-dot{align-items:center;background:#a92f6f;background:var(--magenta);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:800;height:17px;justify-content:center;width:17px}.size-picker select{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--text-200);border-radius:12px;border-radius:var(--radius-lg);color:#374151;color:var(--text-700);cursor:pointer;font-family:inherit;font-size:13px;padding:9px 13px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.size-picker select:focus{border-color:#a92f6f;border-color:var(--magenta);box-shadow:0 0 0 3px #a92f6f1a;outline:none}.filter-sheet{padding:22px 24px}.sheet-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sheet-block select{-webkit-appearance:none;appearance:none;background:#f8f9fa;background:var(--bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%236b7280' d='M5 7 1 3h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e5e7eb;border:1.5px solid var(--text-200);border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--text-700);cursor:pointer;font-family:inherit;font-size:13px;padding:10px 30px 10px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.sheet-block select:focus{border-color:#a92f6f;border-color:var(--magenta);box-shadow:0 0 0 3px #a92f6f1a;outline:none}.sheet-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--text-200);display:flex;justify-content:space-between;margin-top:18px;padding-top:14px}.clear-btn{background:#0000;border:1.5px solid #d1d5db;border:1.5px solid var(--text-300);border-radius:999px;border-radius:var(--radius-full);color:#6b7280;color:var(--text-500);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.clear-btn:hover{background:#fdf2f7;background:var(--magenta-soft);border-color:#a92f6f;border-color:var(--magenta);color:#a92f6f;color:var(--magenta)}.tally{color:#6b7280;color:var(--text-500);font-size:13px;font-weight:600}.results-line em{color:#9ca3af;color:var(--text-400);font-style:normal}.spin-ring{border:3px solid #a92f6f;border:3px solid var(--magenta)}.spin-ring.delay{border-color:#a9ae50;border-color:var(--olive)}.lot-panel.open .lot-chevron{background:#fdf2f7;background:var(--magenta-soft);color:#a92f6f;color:var(--magenta)}.lot-select input[type=checkbox]{accent-color:#a92f6f;accent-color:var(--magenta)}.lot-btn.approve{background:#a9ae50;background:var(--olive);color:#fff}.lot-btn.approve:hover:not(:disabled){background:#8a8f40;background:var(--olive-hover);box-shadow:0 2px 6px #a9ae5040}.lot-btn.reject{background:#a92f6f;background:var(--magenta);color:#fff}.lot-btn.reject:hover:not(:disabled){background:#8a2559;background:var(--magenta-hover);box-shadow:0 2px 6px #a92f6f40}.table-header{grid-template-columns:40px 160px 1fr 80px 80px 120px 80px 140px 140px 120px 100px;min-width:1100px}.table-header .th-check{width:40px}.table-row{align-items:center;grid-template-columns:40px 160px 1fr 80px 80px 120px 80px 140px 140px 120px 100px;min-width:1100px}.table-row.selected{background:#fdf2f7;background:var(--magenta-soft)}.td-check input[type=checkbox]{accent-color:#a92f6f;accent-color:var(--magenta)}.td-date{display:flex;flex-direction:column;gap:1px}.td-rel{color:#9ca3af;color:var(--text-400);font-size:11px;font-weight:500}.status-tag{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.tag-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.decision-tag{border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.td-action{gap:5px}.act-btn.approve{background:#f8f9f0;background:var(--olive-soft);color:#a9ae50;color:var(--olive)}.act-btn.approve:hover{background:#a9ae50;background:var(--olive);color:#fff;transform:scale(1.08)}.act-btn.reject{background:#fdf2f7;background:var(--magenta-soft);color:#a92f6f;color:var(--magenta)}.act-btn.reject:hover{background:#a92f6f;background:var(--magenta);color:#fff;transform:scale(1.08)}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.request-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:16px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:16px;padding:20px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration) var(--ease)}.request-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card-top{justify-content:space-between}.card-id,.card-top{align-items:center;display:flex}.card-id{gap:4px}.id-label{color:#9ca3af;color:var(--text-400);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.id-num{color:#111827;color:var(--text-900);font-size:13px;font-weight:700}.card-status{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.status-dot{border-radius:50%;height:6px;width:6px}.card-body{display:flex;flex-direction:column;gap:12px}.card-title{color:#111827;color:var(--text-900);font-size:16px;font-weight:700;line-height:1.3;margin:0}.card-desc{color:#6b7280;color:var(--text-500);font-size:13px;line-height:1.5;margin:0}.card-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.meta-group{display:flex;flex-direction:column;gap:2px}.meta-label{color:#9ca3af;color:var(--text-400);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:#111827;color:var(--text-900);font-size:14px;font-weight:600}.meta-unit{color:#6b7280;color:var(--text-500);font-size:12px;font-weight:500}.card-remarks{background:#fef3c7;border-radius:8px;border-radius:var(--radius-md);padding:10px 14px}.remarks-label{color:#d97706;display:block;font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.card-remarks p{color:#92400e;font-size:13px;font-weight:500;margin:0}.card-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--text-200);flex-wrap:wrap;justify-content:space-between;padding-top:14px}.card-footer,.card-requester{align-items:center;display:flex;gap:10px}.req-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.req-info{display:flex;flex-direction:column;gap:1px}.req-name{color:#111827;color:var(--text-900);font-size:13px;font-weight:700}.req-date{color:#9ca3af;color:var(--text-400);font-size:12px;font-weight:500}.card-actions{display:flex;gap:8px}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.btn-approve{background:#a9ae50;background:var(--olive);color:#fff}.btn-approve:hover{background:#8a8f40;background:var(--olive-hover);box-shadow:0 4px 12px #a9ae5040;transform:translateY(-1px)}.btn-reject{background:#a92f6f;background:var(--magenta);color:#fff}.btn-reject:hover{background:#8a2559;background:var(--magenta-hover);box-shadow:0 4px 12px #a92f6f40;transform:translateY(-1px)}.card-history{align-items:center;display:flex;gap:10px}.h-approver{color:#6b7280;color:var(--text-500);font-size:13px;font-weight:500}.h-decision{border-radius:999px;border-radius:var(--radius-full);font-size:11px;font-weight:700;padding:4px 10px}.page-strip{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 32px 0}.page-label{color:#6b7280;color:var(--text-500);font-size:13px;font-weight:500}.page-nums{display:flex;gap:4px}.page-nums button{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-500);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:34px;padding:8px 13px;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.page-nums button:hover:not(:disabled){background:#fdf2f7;background:var(--magenta-soft);border-color:#a92f6f;border-color:var(--magenta);color:#a92f6f;color:var(--magenta)}.page-nums button.active{background:#a92f6f;background:var(--magenta);border-color:#a92f6f;border-color:var(--magenta);color:#fff;font-weight:700}.page-nums button:disabled{cursor:not-allowed;opacity:.4}.process-box{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);box-shadow:var(--shadow-lg)}.spin-head{border-top:3px solid var(--magenta)}@media (max-width:1200px){.stats-strip{grid-template-columns:repeat(3,1fr)}.table-header,.table-row{grid-template-columns:40px 140px 1fr 70px 70px 100px 70px 120px 120px 110px 90px}}@media (max-width:992px){.top-nav{padding:12px 20px}.stats-strip{gap:12px;grid-template-columns:repeat(3,1fr);padding:16px 20px 6px}.content-wrap,.filter-sheet,.page-strip,.results-line,.tab-strip,.toolbar{padding-left:20px;padding-right:20px}.info-strip{margin-left:20px;margin-right:20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.top-nav{align-items:flex-start;flex-direction:column;gap:10px}.stats-strip{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:24px}.toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.toolbar-right{justify-content:space-between}.lot-header{flex-wrap:wrap}.lot-right{border-top:1px solid #e5e7eb;border-top:1px solid var(--text-200);justify-content:flex-end;padding-top:8px;width:100%}.card-grid{grid-template-columns:1fr}.page-strip{align-items:center;flex-direction:column}}@media (max-width:480px){.top-nav{padding:10px 16px}.brand-name{font-size:14px}.stats-strip{grid-template-columns:repeat(2,1fr);padding:12px 16px 4px}.content-wrap,.filter-sheet,.page-strip,.results-line,.tab-strip,.toolbar{padding-left:16px;padding-right:16px}.info-strip{margin-left:16px;margin-right:16px;padding:12px 14px}.tab-item{font-size:13px;padding:7px 14px}.filter-trigger span:not(.filter-dot),.tab-item span:not(.tab-dot):not(.tab-count){display:none}.lot-summary{font-size:11px}.lot-select span{display:none}.lot-btn{font-size:11px;padding:5px 10px}.page-nums button{font-size:12px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.approver-page button:focus-visible,.approver-page input:focus-visible,.approver-page select:focus-visible{outline:2px solid #a92f6f;outline:2px solid var(--magenta);outline-offset:2px}@media print{.filter-sheet,.info-strip,.page-strip,.process-mask,.results-line,.stats-strip,.tab-strip,.toolbar,.top-nav{display:none!important}.content-wrap{padding:0}.lot-panel,.request-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}:root{--magenta:#a92f6f;--magenta-hover:#8a2559;--magenta-soft:#fdf2f7;--olive:#a9ae50;--olive-hover:#8a8f40;--olive-soft:#f8f9f0;--bg:#f8f9fa;--surface:#fff;--surface-hover:#f9fafb;--text-900:#111827;--text-700:#374151;--text-500:#6b7280;--text-400:#9ca3af;--text-300:#d1d5db;--text-200:#e5e7eb;--text-100:#f3f4f6;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--ease:cubic-bezier(0.4,0,0.2,1);--duration:150ms}.finance-page{-webkit-font-smoothing:antialiased;background:#f8f9fa;background:var(--bg);color:#374151;color:var(--text-700);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;min-height:100vh;padding-bottom:48px}.finance-page *{box-sizing:border-box}.page-header{padding:24px 32px 8px}.header-brand,.page-header{align-items:center;display:flex;gap:14px}.brand-icon{flex-shrink:0;height:40px;width:40px}.brand-icon svg{height:100%;width:100%}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text h1{color:#111827;color:var(--text-900);font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0}.brand-text span{color:#6b7280;color:var(--text-500);font-size:13px;font-weight:500}.stats-strip{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px 32px 8px}.stat-card{animation:fadeUp .5s ease both;background:var(--surface);border:1px solid var(--text-200);border-radius:12px;flex-direction:column;gap:6px;padding:18px 20px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration) var(--ease)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-top{align-items:center;display:flex;justify-content:space-between}.stat-number{color:#111827;color:var(--text-900);font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1}.stat-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.stat-label{color:var(--text-500);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;padding:14px 32px}.search-box{flex:1 1;max-width:480px;min-width:280px;position:relative}.search-box input{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--text-200);border-radius:999px;border-radius:var(--radius-full);color:#374151;color:var(--text-700);font-family:inherit;font-size:14px;padding:11px 38px 11px 40px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease);width:100%}.search-box input::placeholder{color:#9ca3af;color:var(--text-400)}.search-box input:focus{border-color:#a92f6f;border-color:var(--magenta);box-shadow:0 0 0 3px #a92f6f1a;outline:none}.search-icon{color:var(--text-400);left:14px}.search-x{align-items:center;background:#e5e7eb;background:var(--text-200);border:none;border-radius:50%;color:#6b7280;color:var(--text-500);cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;padding-bottom:1px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease);width:20px}.search-x:hover{background:#a92f6f;background:var(--magenta);color:#fff}.toolbar-right{gap:10px}.filter-trigger,.toolbar-right{align-items:center;display:flex}.filter-trigger{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--text-200);border-radius:999px;border-radius:var(--radius-full);color:#6b7280;color:var(--text-500);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:9px 15px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.filter-trigger.open,.filter-trigger:hover{border-color:#a92f6f;border-color:var(--magenta);color:#a92f6f;color:var(--magenta)}.filter-trigger.open{background:#fdf2f7;background:var(--magenta-soft)}.filter-trigger.has-filters{border-color:#a9ae50;border-color:var(--olive);color:#a9ae50;color:var(--olive)}.filter-dot{align-items:center;background:#a92f6f;background:var(--magenta);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:800;height:17px;justify-content:center;width:17px}.filter-sheet{animation:slideDown .2s ease;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin:0 32px 14px;padding:20px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sheet-block{display:flex;flex-direction:column;gap:8px}.sheet-block label{color:#6b7280;color:var(--text-500);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#f8f9fa;background:var(--bg);border:1.5px solid #e5e7eb;border:1.5px solid var(--text-200);border-radius:999px;border-radius:var(--radius-full);color:#6b7280;color:var(--text-500);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:7px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.chip:hover{color:#a92f6f;color:var(--magenta)}.chip.active,.chip:hover{border-color:#a92f6f;border-color:var(--magenta)}.chip.active{background:#a92f6f;background:var(--magenta);box-shadow:0 2px 6px #a92f6f33;color:#fff}.results-line{color:#6b7280;color:var(--text-500);font-size:13px;padding:6px 32px 14px}.results-line strong{color:#111827;color:var(--text-900);font-weight:700}.content-wrap{padding:0 32px}.loading-wrap{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.spinner-dual{display:flex;gap:6px}.spin-ring{animation:spin 1s linear infinite;border:3px solid #a9ae50;border:3px solid var(--olive);border-radius:50%;border-top:3px solid #0000;height:36px;width:36px}.spin-ring.delay{animation-delay:-.5s;border-color:#a92f6f;border-color:var(--magenta);border-top-color:#0000}.loading-wrap p{color:#6b7280;color:var(--text-500);font-size:14px;font-weight:500}.empty-wrap{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:16px;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-graphic{margin-bottom:20px;opacity:.7}.empty-wrap h3{color:#111827;color:var(--text-900);font-size:20px;font-weight:700;margin:0 0 6px}.empty-wrap p{color:#6b7280;color:var(--text-500);font-size:14px;margin:0 0 18px;max-width:360px}.empty-reset{background:#a92f6f;background:var(--magenta);border:none;border-radius:999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 22px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease)}.empty-reset:hover{background:#8a2559;background:var(--magenta-hover);box-shadow:0 4px 12px #a92f6f40}.lot-stack{display:flex;flex-direction:column;gap:10px}.lot-panel{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:16px;border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration) var(--ease)}.lot-panel.open,.lot-panel:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.lot-header{cursor:pointer;gap:12px;padding:14px 20px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--duration) var(--ease);-webkit-user-select:none;user-select:none}.lot-header:hover{background:#f9fafb;background:var(--surface-hover)}.lot-left{flex:1 1;gap:12px;min-width:0}.lot-chevron,.lot-left{align-items:center;display:flex}.lot-chevron{background:#f3f4f6;background:var(--text-100);border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-400);flex-shrink:0;height:26px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease);width:26px}.lot-panel.open .lot-chevron{background:#f8f9f0;background:var(--olive-soft);color:#a9ae50;color:var(--olive)}.lot-badge{background:#f3f4f6;background:var(--text-100);border:1px solid #e5e7eb;border:1px solid var(--text-200);border-radius:999px;border-radius:var(--radius-full);color:#111827;color:var(--text-900);font-size:14px;font-weight:700;overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.lot-summary{align-items:center;color:#6b7280;color:var(--text-500);display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:8px}.lot-summary .sep{color:#d1d5db;color:var(--text-300)}.lot-right{flex-shrink:0;gap:10px}.lot-right,.lot-select{align-items:center;display:flex}.lot-select{color:#6b7280;color:var(--text-500);cursor:pointer;font-size:12px;font-weight:600;gap:6px;white-space:nowrap}.lot-select input[type=checkbox]{accent-color:#a9ae50;accent-color:var(--olive);cursor:pointer;height:16px;width:16px}.lot-actions{gap:6px}.lot-btn{border:none;border-radius:999px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease);white-space:nowrap}.lot-btn.order{background:#a9ae50;background:var(--olive);color:#fff}.lot-btn.order:hover:not(:disabled){background:#8a8f40;background:var(--olive-hover);box-shadow:0 2px 6px #a9ae5040;transform:translateY(-1px)}.lot-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.35;transform:none!important}.lot-num{align-items:center;background:#f3f4f6;background:var(--text-100);border-radius:50%;color:#6b7280;color:var(--text-500);display:flex;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.lot-body{animation:expandIn .25s ease;border-top:1px solid #e5e7eb;border-top:1px solid var(--text-200)}@keyframes expandIn{0%{opacity:0}to{opacity:1}}.item-table{overflow-x:auto}.table-header{grid-gap:0;background:#f3f4f6;background:var(--text-100);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--text-200);display:grid;gap:0;grid-template-columns:40px 140px 1fr 70px 70px 110px 70px 100px 130px 160px 120px 80px;min-width:1300px}.table-header>div{color:#6b7280;color:var(--text-500);font-size:10px;font-weight:700;letter-spacing:.06em;padding:10px 14px;text-transform:uppercase;white-space:nowrap}.table-header .th-check{padding-left:20px}.table-row{grid-gap:0;align-items:start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--text-200);display:grid;gap:0;grid-template-columns:40px 140px 1fr 70px 70px 110px 70px 100px 130px 160px 120px 80px;min-width:1300px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--duration) var(--ease)}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f9fafb;background:var(--surface-hover)}.table-row.selected{background:#f8f9f0;background:var(--olive-soft)}.table-row>div{color:#374151;color:var(--text-700);font-size:13px;padding:12px 14px}.td-check{align-items:center;display:flex;padding-left:20px!important}.td-check input[type=checkbox]{accent-color:#a9ae50;accent-color:var(--olive);cursor:pointer;height:16px;width:16px}.td-item{display:flex;flex-direction:column;gap:2px}.td-name{color:#111827;color:var(--text-900);font-weight:600}.td-pr{color:#9ca3af;color:var(--text-400);font-size:11px;font-weight:500}.td-desc{color:#6b7280;color:var(--text-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-qty{color:#111827;color:var(--text-900);font-weight:600}.td-cost,.td-remarks,.td-stock,.td-unit{color:#6b7280;color:var(--text-500)}.td-remarks{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-requester{gap:8px;white-space:nowrap}.td-avatar,.td-requester{align-items:center;display:flex}.td-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.td-comments{min-width:0}.comments-stack{display:flex;flex-direction:column;gap:6px}.comment-item{background:#f3f4f6;background:var(--text-100);border-left:3px solid #a9ae50;border-left:3px solid var(--olive);border-radius:8px;border-radius:var(--radius-md);padding:8px 10px}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:3px}.comment-author{color:#111827;color:var(--text-900);font-size:11px;font-weight:700}.comment-status{background:#f8f9f0;background:var(--olive-soft);border-radius:4px;color:#a9ae50;color:var(--olive);font-size:10px;font-weight:600;letter-spacing:.04em;padding:1px 6px;text-transform:uppercase}.comment-text{color:#374151;color:var(--text-700);font-size:12px;line-height:1.4;margin:0}.comment-date{display:block;font-size:10px;font-weight:500;margin-top:2px}.comment-date,.no-comments{color:#9ca3af;color:var(--text-400)}.no-comments{font-size:12px}.td-delivery{display:flex;flex-direction:column;gap:2px}.delivery-date{color:#111827;color:var(--text-900);font-weight:600}.lead-time{color:#9ca3af;color:var(--text-400);font-size:11px;font-weight:500}.act-btn,.td-action{align-items:center;display:flex}.act-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;height:30px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration) var(--ease);width:30px}.act-btn.order{background:#f8f9f0;background:var(--olive-soft);color:#a9ae50;color:var(--olive)}.act-btn.order:hover{background:#a9ae50;background:var(--olive);box-shadow:0 4px 10px #a9ae5040;color:#fff;transform:scale(1.1)}.act-btn svg{stroke-width:3}.process-mask{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f1a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.process-box{align-items:center;animation:scaleIn .2s ease;background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:12px;padding:36px 44px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.process-spin{height:44px;position:relative;width:44px}.spin-track{border:3px solid #e5e7eb;border:3px solid var(--text-200);border-radius:50%}.spin-head,.spin-track{inset:0;position:absolute}.spin-head{animation:spin .8s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--olive)}.process-box p{color:#111827;color:var(--text-900);font-size:15px;font-weight:700;margin:0}.process-box span{color:#6b7280;color:var(--text-500);font-size:13px}@media (max-width:1200px){.stats-strip{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:40px 130px 1fr 65px 65px 100px 65px 90px 120px 150px 110px 70px}}@media (max-width:992px){.page-header{padding:20px 20px 6px}.stats-strip{gap:12px;grid-template-columns:repeat(2,1fr);padding:14px 20px 6px}.content-wrap,.filter-sheet,.results-line,.toolbar{padding-left:20px;padding-right:20px}.table-header,.table-row{grid-template-columns:40px 120px 1fr 60px 60px 90px 60px 80px 110px 140px 100px 65px}}@media (max-width:768px){.stats-strip{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.toolbar-right{justify-content:space-between}.lot-header{flex-wrap:wrap}.lot-right{border-top:1px solid #e5e7eb;border-top:1px solid var(--text-200);justify-content:flex-end;padding-top:8px;width:100%}}@media (max-width:480px){.page-header{padding:16px 16px 4px}.brand-text h1{font-size:18px}.stats-strip{gap:10px;grid-template-columns:repeat(2,1fr);padding:12px 16px 4px}.content-wrap,.filter-sheet,.results-line,.toolbar{padding-left:16px;padding-right:16px}.filter-trigger span:not(.filter-dot){display:none}.lot-summary{font-size:11px}.lot-select span{display:none}.lot-btn{font-size:11px;padding:5px 10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.finance-page button:focus-visible,.finance-page input:focus-visible,.finance-page select:focus-visible{outline:2px solid #a92f6f;outline:2px solid var(--magenta);outline-offset:2px}@media print{.filter-sheet,.page-header,.process-mask,.results-line,.stats-strip,.toolbar{display:none!important}.content-wrap{padding:0}.lot-panel{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}:root{--brand-primary:#a92f6f;--brand-primary-light:#c44a87;--brand-primary-dark:#8a2458;--brand-primary-faint:#a92f6f0f;--brand-primary-medium:#a92f6f1f;--brand-primary-hover:#a92f6f14;--brand-secondary:#a9ae50;--brand-secondary-light:#c0c46a;--brand-secondary-dark:#8a8e3f;--brand-secondary-faint:#a9ae5014;--color-success:#22c55e;--color-success-bg:#dcfce7;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--color-info:#3b82f6;--color-info-bg:#dbeafe;--bg-body:#f8f9fb;--bg-surface:#fff;--bg-surface-hover:#f4f5f7;--bg-surface-active:#eef0f3;--bg-header:#fff;--bg-card:#fff;--bg-input:#fff;--bg-table-header:#f8f9fb;--bg-table-row-hover:#f4f5f7;--bg-table-row-alt:#fafbfc;--bg-overlay:#0006;--text-primary:#1a1d23;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-focus:var(--brand-primary);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--sidebar-width:260px;--header-height:64px;--max-content-width:1440px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:#f8f9fb;background:var(--bg-body);color:#1a1d23;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.5;min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-medium);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-muted)}.stores-page{background:#f8f9fb;background:var(--bg-body);min-height:100vh;padding-bottom:32px;padding-bottom:var(--space-8)}.page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--bg-header);background:#ffffffeb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:24px;padding:var(--space-6) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-header-inner{flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:1440px;max-width:var(--max-content-width)}.page-header-inner,.page-title{align-items:center;display:flex}.page-title{color:#1a1d23;color:var(--text-primary);font-size:1.75rem;font-weight:700;gap:12px;gap:var(--space-3);letter-spacing:-.02em}.page-title-icon{align-items:center;background:linear-gradient(135deg,#a92f6f,#8a2458);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 100%);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);display:flex;font-size:1.25rem;height:44px;justify-content:center;width:44px}.page-subtitle{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;margin-top:2px}.stats-bar{grid-gap:16px;grid-gap:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px auto 0;margin:var(--space-5) auto 0;max-width:1440px;max-width:var(--max-content-width);padding:0 24px;padding:0 var(--space-6)}.stat-card,.stats-bar{gap:16px;gap:var(--space-4)}.stat-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;padding:20px;padding:var(--space-5);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-icon.ordered{background:#dbeafe;background:var(--color-info-bg);color:#3b82f6;color:var(--color-info)}.stat-icon.delivered{background:#dcfce7;background:var(--color-success-bg);color:#22c55e;color:var(--color-success)}.stat-icon.not-available{background:#fee2e2;background:var(--color-danger-bg);color:#ef4444;color:var(--color-danger)}.stat-icon.total{background:#a92f6f0f;background:var(--brand-primary-faint);color:#a92f6f;color:var(--brand-primary)}.stat-content{flex:1 1;min-width:0}.stat-value{color:#1a1d23;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.controls-section{margin:24px auto 0;margin:var(--space-6) auto 0;max-width:1440px;max-width:var(--max-content-width);padding:0 24px;padding:0 var(--space-6)}.controls-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden}.controls-toolbar{align-items:center;background:#f8f9fb;background:var(--bg-table-header);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);padding:16px 20px;padding:var(--space-4) var(--space-5)}.search-wrapper{flex:1 1;max-width:400px;min-width:260px;position:relative}.search-icon{color:#9ca3af;color:var(--text-muted);font-size:.875rem;left:16px;left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar{background:#fff;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#1a1d23;color:var(--text-primary);font-size:.9375rem;outline:none;padding:12px 16px 12px 40px;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 24px);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-bar::placeholder{color:#9ca3af;color:var(--text-muted)}.search-bar:focus{border-color:#a92f6f;border-color:var(--brand-primary);box-shadow:0 0 0 3px #a92f6f0f;box-shadow:0 0 0 3px var(--brand-primary-faint)}.tabs-container{background:#eef0f3;background:var(--bg-surface-active);border-radius:14px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-1);padding:8px;padding:var(--space-2)}.tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);position:relative;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{background:#f4f5f7;background:var(--bg-surface-hover);color:#4b5563;color:var(--text-secondary)}.tab-btn.active{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#a92f6f;color:var(--brand-primary)}.tab-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-inverse);display:inline-flex;font-size:.6875rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.tab-badge,.tab-btn.active .tab-badge{background:#a92f6f;background:var(--brand-primary)}.tab-btn:not(.active) .tab-badge{background:#d1d5db;background:var(--border-medium);color:#4b5563;color:var(--text-secondary)}.filter-bar{background:#fff;background:var(--bg-card);flex-wrap:wrap;gap:12px;gap:var(--space-3);padding:12px 20px;padding:var(--space-3) var(--space-5)}.filter-bar,.filter-group{align-items:center;display:flex}.filter-group{gap:8px;gap:var(--space-2)}.filter-label{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;font-weight:600;white-space:nowrap}.filter-input,.filter-select{background:#fff;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#1a1d23;color:var(--text-primary);font-size:.875rem;min-width:140px;outline:none;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-input:focus,.filter-select:focus{border-color:#a92f6f;border-color:var(--brand-primary);box-shadow:0 0 0 3px #a92f6f0f;box-shadow:0 0 0 3px var(--brand-primary-faint)}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.page-size{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-left:auto}.page-size label{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.page-size select{background:#fff;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#1a1d23;color:var(--text-primary);cursor:pointer;font-size:.875rem;outline:none;padding:8px 12px;padding:var(--space-2) var(--space-3)}.sort-bar{align-items:center;background:#fff;background:var(--bg-card);border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);padding:8px 20px 12px;padding:var(--space-2) var(--space-5) var(--space-3)}.sort-btn{align-items:center;background:#fff;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:4px;gap:var(--space-1);padding:4px 12px;padding:var(--space-1) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.sort-btn.active,.sort-btn:hover{border-color:#a92f6f;border-color:var(--brand-primary);color:#a92f6f;color:var(--brand-primary)}.sort-btn.active{background:#a92f6f0f;background:var(--brand-primary-faint)}.sort-btn .sort-icon{font-size:.625rem;opacity:.6}.lots-container{display:flex;flex-direction:column;gap:20px;gap:var(--space-5);margin:20px auto 0;margin:var(--space-5) auto 0;max-width:1440px;max-width:var(--max-content-width);padding:0 24px;padding:0 var(--space-6)}.lot-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease;transition:box-shadow var(--transition-base)}.lot-card:hover{box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md)}.lot-header{background:linear-gradient(135deg,#a92f6f0f,#a9ae5014);background:linear-gradient(135deg,var(--brand-primary-faint) 0,var(--brand-secondary-faint) 100%);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:space-between;padding:16px 20px;padding:var(--space-4) var(--space-5)}.lot-header,.lot-header-left{align-items:center;display:flex}.lot-header-left{flex:1 1;gap:12px;gap:var(--space-3);min-width:0}.lot-icon{align-items:center;background:linear-gradient(135deg,#a92f6f,#8a2458);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 100%);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.lot-info{min-width:0}.lot-title{color:#1a1d23;color:var(--text-primary);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em}.lot-meta{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;margin-top:1px}.lot-header-right{display:flex;flex-wrap:wrap}.lot-header-right,.select-all-label{align-items:center;gap:8px;gap:var(--space-2)}.select-all-label{background:#fff;background:var(--bg-card);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.select-all-label:hover{border-color:#a92f6f;border-color:var(--brand-primary)}.select-all-label input[type=checkbox]{accent-color:#a92f6f;accent-color:var(--brand-primary);cursor:pointer;height:18px;width:18px}.expand-btn{align-items:center;background:#fff;background:var(--bg-card);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:4px;gap:var(--space-1);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.expand-btn:hover{border-color:#a92f6f;border-color:var(--brand-primary);color:#a92f6f;color:var(--brand-primary)}.lot-actions{display:flex;flex-wrap:wrap}.btn,.lot-actions{align-items:center;gap:8px;gap:var(--space-2)}.btn{border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;outline:none;overflow:hidden;padding:8px 16px;padding:var(--space-2) var(--space-4);position:relative;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#a92f6f,#8a2458);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 100%);box-shadow:0 2px 8px #a92f6f40;color:#fff;color:var(--text-inverse)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #a92f6f59;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#a9ae50;background:var(--brand-secondary);box-shadow:0 2px 8px #a9ae5040;color:#fff;color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #a9ae5059;transform:translateY(-1px)}.btn-outline{background:#fff;background:var(--bg-card);border:1.5px solid #a92f6f;border:1.5px solid var(--brand-primary);color:#a92f6f;color:var(--brand-primary)}.btn-outline:hover:not(:disabled){background:#a92f6f0f;background:var(--brand-primary-faint)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-success) 0,#16a34a 100%);box-shadow:0 2px 8px #22c55e40;color:#fff;color:var(--text-inverse)}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #22c55e59;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-danger) 0,#dc2626 100%);box-shadow:0 2px 8px #ef444440;color:#fff;color:var(--text-inverse)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.btn-ghost{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);color:#6b7280;color:var(--text-tertiary)}.btn-ghost:hover:not(:disabled){background:#f4f5f7;background:var(--bg-surface-hover);color:#4b5563;color:var(--text-secondary)}.btn-sm{font-size:.75rem;padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn-xs{font-size:.6875rem;padding:3px 8px}.na-badge-lot{align-items:center;background:#fee2e2;background:var(--color-danger-bg);border:1px solid #ef444433;border-radius:10px;border-radius:var(--radius-md);color:#ef4444;color:var(--color-danger);display:inline-flex;font-size:.8125rem;font-weight:600;gap:4px;gap:var(--space-1);padding:8px 12px;padding:var(--space-2) var(--space-3)}.lot-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.lot-table{border-collapse:initial;border-spacing:0;font-size:.875rem;min-width:900px;width:100%}.lot-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.lot-table th{background:#f8f9fb;background:var(--bg-table-header);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.lot-table th:first-child{padding-left:20px;padding-left:var(--space-5)}.lot-table th:last-child{padding-right:20px;padding-right:var(--space-5)}.lot-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#4b5563;color:var(--text-secondary);padding:12px 16px;padding:var(--space-3) var(--space-4);vertical-align:middle}.lot-table td:first-child{padding-left:20px;padding-left:var(--space-5)}.lot-table td:last-child{padding-right:20px;padding-right:var(--space-5)}.lot-table tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}.lot-table tbody tr:hover{background:#f4f5f7;background:var(--bg-table-row-hover)}.lot-table tbody tr:nth-child(2n){background:#fafbfc;background:var(--bg-table-row-alt)}.lot-table tbody tr:nth-child(2n):hover{background:#f4f5f7;background:var(--bg-table-row-hover)}.row-checkbox{accent-color:#a92f6f;accent-color:var(--brand-primary);cursor:pointer;height:18px;width:18px}.item-cell{display:flex;flex-direction:column;gap:2px}.item-name{color:#1a1d23;color:var(--text-primary);font-size:.9375rem;font-weight:600}.item-description{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qty-cell{color:#1a1d23;color:var(--text-primary);font-size:.9375rem;font-weight:700}.qty-unit{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-weight:500}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;gap:var(--space-1);letter-spacing:.03em;padding:4px 12px;padding:var(--space-1) var(--space-3);text-transform:uppercase;white-space:nowrap}.status-badge.ordered{background:#dbeafe;background:var(--color-info-bg);color:#3b82f6;color:var(--color-info)}.status-badge.delivered{background:#dcfce7;background:var(--color-success-bg);color:#22c55e;color:var(--color-success)}.status-badge.collected{background:#d1fae5;color:#059669}.status-badge.not-available,.status-badge.not_available{background:#fee2e2;background:var(--color-danger-bg);color:#ef4444;color:var(--color-danger)}.status-badge.partially_delivered{background:#fef3c7;background:var(--color-warning-bg);color:#f59e0b;color:var(--color-warning)}.status-badge.partially_collected{background:#fef9c3;color:#a16207}.date-cell{display:flex;flex-direction:column;gap:1px}.date-value{color:#4b5563;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.date-time{color:#9ca3af;color:var(--text-muted);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-family:var(--font-mono);font-size:.75rem}.na-reason{color:#ef4444;color:var(--color-danger);font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partial-input{background:#fff;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a1d23;color:var(--text-primary);font-size:.875rem;outline:none;padding:4px 8px;padding:var(--space-1) var(--space-2);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:80px}.partial-input:focus{border-color:#a92f6f;border-color:var(--brand-primary);box-shadow:0 0 0 2px #a92f6f0f;box-shadow:0 0 0 2px var(--brand-primary-faint)}.partial-input[type=number]{text-align:right}.partial-remarks{background:#fff;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a1d23;color:var(--text-primary);font-size:.875rem;outline:none;padding:4px 8px;padding:var(--space-1) var(--space-2);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:140px}.partial-remarks:focus{border-color:#a92f6f;border-color:var(--brand-primary);box-shadow:0 0 0 2px #a92f6f0f;box-shadow:0 0 0 2px var(--brand-primary-faint)}.action-cell{gap:8px;gap:var(--space-2)}.action-cell,.single-na-btn{align-items:center;display:flex}.single-na-btn{background:#fff;background:var(--bg-card);border:1.5px solid #ef4444;border:1.5px solid var(--color-danger);border-radius:10px;border-radius:var(--radius-md);color:#ef4444;color:var(--color-danger);cursor:pointer;font-size:.875rem;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.single-na-btn:hover{background:#ef4444;background:var(--color-danger);color:#fff;color:var(--text-inverse);transform:scale(1.05)}.row-na{background:#ef444408!important}.row-na:hover{background:#ef44440f!important}.pagination-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);justify-content:center;margin:24px auto 0;margin:var(--space-6) auto 0;max-width:1440px;max-width:var(--max-content-width);padding:0 24px;padding:0 var(--space-6)}.pagination-info{color:#6b7280;color:var(--text-tertiary);font-size:.8125rem;margin-right:12px;margin-right:var(--space-3)}.pagination{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.pagination button{align-items:center;background:#fff;background:var(--bg-card);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 12px;padding:0 var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){border-color:#a92f6f;border-color:var(--brand-primary);color:#a92f6f;color:var(--brand-primary)}.pagination button.active{background:#a92f6f;background:var(--brand-primary);border-color:#a92f6f;border-color:var(--brand-primary);box-shadow:0 2px 8px #a92f6f4d;color:#fff;color:var(--text-inverse)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.empty-state{margin:32px auto;margin:var(--space-8) auto;max-width:1440px;max-width:var(--max-content-width);padding:0 24px;padding:0 var(--space-6);text-align:center}.empty-state-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin:0 auto;max-width:480px;padding:32px 24px;padding:var(--space-8) var(--space-6)}.empty-state-icon{align-items:center;background:#a92f6f0f;background:var(--brand-primary-faint);border-radius:20px;border-radius:var(--radius-xl);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 20px;margin:0 auto var(--space-5);width:80px}.empty-state-title{color:#1a1d23;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state-text{color:#6b7280;color:var(--text-tertiary);font-size:.9375rem}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;background:var(--bg-overlay);display:flex;flex-direction:column;gap:16px;gap:var(--space-4);inset:0;justify-content:center;position:fixed;z-index:9999}.processing-overlay p{color:#fff;color:var(--text-inverse);font-size:1rem;font-weight:500;text-shadow:0 1px 3px #0000004d}.spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--brand-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4);margin:32px auto;margin:var(--space-8) auto;max-width:1440px;max-width:var(--max-content-width);padding:0 24px;padding:0 var(--space-6);text-align:center}.loading-state p{color:#6b7280;color:var(--text-tertiary);font-size:.9375rem}[title]{position:relative}@media (max-width:1024px){.page-header-inner{align-items:flex-start;flex-direction:column}.stats-bar{grid-template-columns:repeat(2,1fr)}.controls-toolbar{align-items:stretch;flex-direction:column}.search-wrapper{max-width:none}.tabs-container{justify-content:center;width:100%}.filter-bar{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-input,.filter-select{min-width:auto;width:100%}.page-size{justify-content:flex-end;margin-left:0}.lot-header{align-items:flex-start;flex-direction:column}.lot-header-right{justify-content:flex-start;width:100%}.lot-actions{width:100%}.lot-actions .btn{flex:1 1;justify-content:center}}@media (max-width:640px){:root{--space-6:16px;--space-5:12px}.page-header{padding:16px;padding:var(--space-4) var(--space-4)}.page-title{font-size:1.375rem}.stats-bar{grid-template-columns:1fr}.controls-section,.lots-container,.stats-bar{padding:0 16px;padding:0 var(--space-4)}.lot-header{padding:12px 16px;padding:var(--space-3) var(--space-4)}.lot-table td,.lot-table th{padding:8px 12px;padding:var(--space-2) var(--space-3)}.lot-table td:first-child,.lot-table th:first-child{padding-left:16px;padding-left:var(--space-4)}.lot-table td:last-child,.lot-table th:last-child{padding-right:16px;padding-right:var(--space-4)}.pagination-wrapper{padding:0 16px;padding:0 var(--space-4)}.btn{font-size:.75rem;padding:8px 12px;padding:var(--space-2) var(--space-3)}}@media print{.controls-section,.lot-actions,.page-header,.pagination-wrapper,.processing-overlay{display:none!important}.stores-page{background:#fff}.lot-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.lot-table{font-size:.75rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e401ebdf.css.map*/