.app-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#ffffffe6;border-bottom:.063rem solid #e5e7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .25rem .75rem #0f172a0f}.app-header .main-nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.app-header .main-nav a{text-decoration:none;color:#0f172a;padding:.5rem .9rem;border-radius:9999px;transition:background-color .2s,color .2s,box-shadow .2s;font-weight:600;font-size:.95rem}.app-header .main-nav a:hover{background-color:#f1f5f9;color:#0f172a}.app-header .main-nav a.active{background:#e6f4f1;color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e33}.app-header .user-actions{display:flex;align-items:center;gap:.75rem}.app-header .user-info{font-size:.95rem;color:#475569;font-weight:600}.app-header .profile-link{text-decoration:none;color:#0f766e;padding:.5rem .9rem;border-radius:9999px;transition:background-color .2s,color .2s;margin-right:.313rem;font-weight:600}.app-header .profile-link:hover{background-color:#e6f4f1;text-decoration:none}.app-header .profile-area{position:relative}.app-header .profile-picture{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 .25rem .5rem #0f172a14}.app-header .profile-dropdown{position:absolute;right:0;margin-top:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 .75rem 2rem #0f172a1f;border:1px solid #e5e7eb;z-index:9999;min-width:14.5rem;overflow:hidden}.app-header .profile-dropdown a,.app-header .profile-dropdown button{display:flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;color:#374151;text-decoration:none;background:none;border:none;cursor:pointer}.app-header .profile-dropdown a:hover,.app-header .profile-dropdown button:hover{background-color:#f3f4f6}.app-header .profile-dropdown .material-symbols-outlined{font-size:1.25rem;color:#9ca3af}.dropdown-item{display:flex;align-items:center;padding:.6rem 1rem;font-size:.92rem;color:#1f2937;text-decoration:none;background:none;border:none;cursor:pointer;gap:.75rem}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item .material-symbols-outlined{font-size:1.25rem;color:#9ca3af}.app-header .logout-button{text-align:left}.material-symbols-outlined{font-size:1.2rem!important}.mobile-menu-btn{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:.5rem;color:#0f172a;margin-right:.75rem;box-shadow:0 .25rem .5rem #0f172a0f}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20000;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:100vw;background:#fff;z-index:20001;height:100dvh;max-height:100dvh;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:.75rem 0 2rem #0f172a26;border-right:1px solid #e5e7eb}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{padding:1.5rem 1.25rem;background:linear-gradient(135deg,#0f766e,#0f172a);color:#fff;position:relative}.mobile-user-row{display:flex;align-items:center;justify-content:space-between;cursor:default;gap:.75rem}.mobile-user-details{display:flex;flex-direction:column;min-width:0;padding-right:3rem}.mobile-user-name{font-weight:600;font-size:1rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-email{font-size:.8rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#fffffff2;border:1px solid rgba(15,23,42,.12);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .5rem 1rem #0f172a33}.mobile-drawer-close .material-symbols-outlined{font-size:1.25rem}.mobile-user-arrow{color:#ffffffe6;font-size:1.5rem}.mobile-nav-list{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-nav-link{display:flex;align-items:center;padding:.95rem 1.5rem;text-decoration:none;color:#334155;font-size:.95rem;font-weight:600;gap:1rem;border-left:4px solid transparent;transition:background-color .2s,color .2s}.mobile-nav-link:hover{background-color:#f8fafc}.mobile-nav-link.active{background-color:#e6f4f1;color:#0f766e;border-left-color:#0f766e}.mobile-nav-link .nav-icon,.mobile-nav-link .nav-symbol{color:#94a3b8;font-size:1.25rem}.mobile-nav-link.active .nav-icon,.mobile-nav-link.active .nav-symbol{color:#0f766e}.mobile-nav-divider{height:1px;background:#e5e7eb;margin:.5rem 1.5rem}.mobile-nav-section{margin:.5rem 1.5rem .25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.mobile-nav-link-button{text-align:left;width:100%;border:none;background:transparent}@media (max-width: 64rem){.app-header .desktop-nav,.app-header .desktop-user-actions{display:none}.mobile-menu-btn{display:block}.app-header{justify-content:flex-end}}*,*:before,*:after{box-sizing:border-box}:root{--brand-50: #f0f9fa;--brand-100: #d9f0f2;--brand-200: #b3e0e5;--brand-300: #7fccb7;--brand-400: #4db8a4;--brand-500: #1d3642;--brand-600: #1d3642;--brand-700: #045c67;--brand-800: #034651;--brand-900: #023840;--neutral-50: #fafafa;--neutral-100: #f9fafb;--neutral-150: #f5f5f7;--neutral-200: #e6e6e9;--neutral-250: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #16a34a;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #166534;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-900: #991b1b;--warning-50: #fef3c7;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--info-50: #eff6ff;--info-100: #e0ecff;--info-200: #cbd5f5;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--accent-yellow: #f7c85a;--accent-yellow-hover: #f3be3c;--accent-yellow-dark: #f6c64f;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 9999;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container-sm{max-width:48rem}.page-wrapper{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.section{margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.btn-primary:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700)}.btn-secondary{background:var(--neutral-900);color:#fff;border-color:var(--neutral-900)}.btn-secondary:hover:not(:disabled){background:var(--neutral-800);border-color:var(--neutral-800)}.btn-accent{background:var(--accent-yellow);color:var(--neutral-900);border-color:var(--accent-yellow)}.btn-accent:hover:not(:disabled){background:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover)}.btn-ghost{background:transparent;color:var(--brand-600);border-color:var(--brand-600)}.btn-ghost:hover:not(:disabled){background:var(--neutral-50)}.btn-destructive{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-destructive:hover:not(:disabled){background:var(--error-600);border-color:var(--error-600)}.btn-default{background:#fff;color:var(--neutral-700);border-color:var(--neutral-300)}.btn-default:hover:not(:disabled){background:var(--neutral-100);border-color:var(--neutral-300)}.btn-sm{height:2rem;padding:0 .5rem;font-size:.8125rem}.btn-md{height:2.25rem;padding:0 .9rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.btn-xl{height:3.25rem;padding:0 2rem;font-size:1rem}.btn-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-lg)}.btn-icon.btn-sm{width:2rem;height:2rem}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;width:100%;margin-bottom:var(--space-5)}.form-row .form-group{margin-bottom:0}.form-row:last-child{margin-bottom:0}.form-field{flex:1 1 14rem;min-width:0}.form-checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.form-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--brand-600)}.form-label{font-size:.875rem;font-weight:600;color:var(--neutral-700)}.form-input,.form-select,.form-textarea,input[type=text]:not([class*=raw]),input[type=email]:not([class*=raw]),input[type=password]:not([class*=raw]),input[type=number]:not([class*=raw]),input[type=search]:not([class*=raw]),input[type=tel]:not([class*=raw]),input[type=url]:not([class*=raw]),input[type=date]:not([class*=raw]),select:not([class*=raw]),textarea:not([class*=raw]){width:100%;padding:.25rem .75rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:.875rem;color:var(--neutral-900);background:#fff;transition:border-color .15s ease,background-color .15s ease;font-family:var(--font-base);box-sizing:border-box}.form-textarea,textarea:not([class*=raw]){height:auto;min-height:6rem}.form-input::placeholder,.form-textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--neutral-400)}.form-input:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled),.form-textarea:hover:not(:focus):not(:disabled),input:not([class*=raw]):hover:not(:focus):not(:disabled),select:not([class*=raw]):hover:not(:focus):not(:disabled),textarea:not([class*=raw]):hover:not(:focus):not(:disabled){border-color:var(--neutral-400)}.form-input:focus,.form-select:focus,.form-textarea:focus,input:not([class*=raw]):focus,select:not([class*=raw]):focus,textarea:not([class*=raw]):focus{outline:none;border-color:var(--brand-400);background:var(--neutral-50)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,input:disabled,select:disabled,textarea:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.6}.form-input-sm{height:2rem;padding:.25rem .5rem;font-size:.8125rem}.form-input-md{height:2.375rem;padding:.5rem .75rem}.form-input-lg{height:3rem;padding:.75rem 1rem;font-size:.95rem}.form-input-xl{height:3.25rem;padding:.875rem 1rem;font-size:1rem}.form-textarea{min-height:6rem;resize:vertical;line-height:1.5}.form-helper{font-size:.75rem;color:var(--neutral-500);margin-top:-.25rem}.form-error{font-size:.75rem;color:var(--error-600);margin-top:-.25rem}.search-group{display:flex;align-items:center;background:var(--neutral-250);border-radius:var(--radius-full);padding:.35rem .75rem;gap:var(--space-2);min-height:2.25rem}.search-icon{color:var(--neutral-500);font-size:1.125rem}.search-input{border:none;background:transparent;outline:none;font-size:.875rem;flex:1;color:var(--neutral-900);height:auto;padding:0;width:auto}.search-input::placeholder{color:var(--neutral-500)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden}.card-shadow{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250)}.card-title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.card-subtitle{font-size:.875rem;color:var(--neutral-500);margin-top:var(--space-1)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.panel{background:#fff;border:1px solid var(--neutral-250);border-radius:var(--radius-xl);padding:var(--space-4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:min(32rem,92vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm{width:min(26rem,92vw)}.modal-md{width:min(32rem,92vw)}.modal-lg{width:min(48rem,92vw)}.modal-xl{width:min(64rem,92vw)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--neutral-400);padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--neutral-600);background:var(--neutral-100)}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background:var(--neutral-100);border-bottom:1px solid var(--neutral-250)}.table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table td{padding:.75rem 1rem;color:var(--neutral-900);border-bottom:1px solid var(--neutral-100);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--neutral-50)}.table-row-clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--success-100);color:var(--success-900)}.badge-error{background:var(--error-100);color:var(--error-900)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-neutral{background:var(--neutral-200);color:var(--neutral-700)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.425rem .85rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base)}.chip-default{background:transparent;color:var(--neutral-700)}.chip-default:hover{background:var(--neutral-300)}.chip-active{background:var(--brand-700);color:#fff}.alert{padding:.875rem 1rem;border-radius:var(--radius-xl);border:1px solid;margin-bottom:var(--space-4);font-size:.95rem}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-900)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-info{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.toast-container{position:fixed;right:var(--space-5);bottom:var(--space-5);display:grid;gap:var(--space-3);z-index:var(--z-notification)}.toast{min-width:240px;max-width:360px;padding:.75rem .9rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--neutral-250);box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--neutral-900);font-size:.95rem}.toast-message{flex:1}.toast-close{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--neutral-500)}.toast-success{border-color:var(--success-200);background:var(--success-50)}.toast-error{border-color:var(--error-200);background:var(--error-50)}.toast-info{border-color:var(--info-200);background:var(--info-50)}.text-primary{color:var(--brand-600)}.text-secondary{color:var(--neutral-600)}.text-muted{color:var(--neutral-500)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.text-warning{color:var(--warning-600)}.bg-primary{background-color:var(--brand-600)}.bg-neutral{background-color:var(--neutral-100)}.bg-success{background-color:var(--success-50)}.bg-error{background-color:var(--error-50)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media (max-width: 48rem){.page-wrapper,.card-body{padding:var(--space-4)}.form-row{flex-direction:column;align-items:stretch}.form-field{flex:auto;width:100%}.modal{width:92vw}input,select,textarea,button{font-size:16px}}.prod-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 .25rem 1rem #0000001a;min-width:12rem;width:max-content;max-width:min(24rem,100%);max-height:25rem;overflow-y:auto;z-index:1100;padding:.5rem 0;font-size:.875rem;font-weight:400;line-height:normal;color:#222}.prod-dropdown-item{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.875rem;font-weight:400;line-height:normal;margin:0;transition:background .15s ease;color:#222}.prod-dropdown-item:hover{background:#f5f5f5}.prod-dropdown-item.prod-dropdown-active{background:#e8f0fe;color:var(--brand-600)}@media (max-width: 48rem){.prod-filter-dropdown:last-child .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(2) .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(3) .prod-dropdown-menu{left:auto;right:0}}@media (min-width: 48.01rem){.prod-filter-dropdown:last-child .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(2) .prod-dropdown-menu{left:auto;right:0}}.po-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182740;display:flex;align-items:center;justify-content:center;z-index:10000}.po-product-modal{width:min(900px,92vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;max-height:80vh}.po-scan-modal{width:min(560px,92vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000026;display:flex;flex-direction:column;overflow:hidden}.barcode-modal{min-height:70vh;background:var(--neutral-150)}.barcode-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:var(--space-2);padding:.85rem var(--space-4);background:#fff;border-bottom:1px solid var(--neutral-200)}.barcode-back{width:40px;height:40px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-600);cursor:pointer}.barcode-title{text-align:center;font-weight:700;color:var(--brand-600);font-size:1.05rem}.barcode-spacer{width:40px;height:40px}.barcode-list{padding:var(--space-3) var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.barcode-list-header{display:grid;grid-template-columns:32px 1fr auto;align-items:center;background:var(--neutral-250);border-radius:10px;padding:.6rem var(--space-3);font-weight:600;color:var(--neutral-600)}.barcode-count{width:26px;height:26px;border-radius:var(--radius-full);background:var(--neutral-300);color:var(--neutral-900);display:flex;align-items:center;justify-content:center;font-size:.9rem}.barcode-label{padding-left:var(--space-2)}.barcode-edit{border:2px solid var(--neutral-500);border-radius:12px;padding:.35rem var(--space-4);background:#fff;color:var(--neutral-500);font-weight:600;cursor:pointer}.barcode-edit-placeholder{width:70px;height:32px}.barcode-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem var(--space-3);background:#fff;border-radius:10px;box-shadow:0 1px #0f172a14;font-size:1.05rem;color:var(--neutral-900)}.barcode-star{color:var(--warning-500)}.barcode-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.barcode-btn{border:2px solid var(--neutral-500);border-radius:12px;padding:var(--space-3) var(--space-4);background:#fff;color:var(--neutral-500);font-weight:600;cursor:pointer}.barcode-error{color:var(--error-700);font-size:.9rem}.barcode-manual{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem}.barcode-manual-sheet{width:min(500px,92vw);background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);display:grid;gap:var(--space-4);box-shadow:0 4px 20px #0003;position:relative;box-sizing:border-box}.barcode-manual-close{position:absolute;top:-var(--space-3);right:-var(--space-3);width:var(--space-8);height:var(--space-8);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:var(--neutral-700)}.barcode-input{height:var(--space-12);border-radius:12px;border:1px solid var(--neutral-200);padding:0 var(--space-3);font-size:var(--space-4);width:100%;max-width:100%;box-sizing:border-box}.barcode-primary{height:var(--space-12);border-radius:12px;border:1px solid var(--brand-600);background:var(--brand-600);color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.barcode-primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.barcode-primary:disabled{opacity:1;background:var(--neutral-200);border-color:var(--neutral-200);color:var(--neutral-500);cursor:not-allowed}.barcode-scan{flex:1;display:grid;gap:var(--space-3);padding:var(--space-4);background:#0f172a26;position:relative}.barcode-scan .po-scan-reader{min-height:360px;border-radius:16px;position:relative}.barcode-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.barcode-frame span{position:absolute;width:28px;height:28px;border:3px solid white}.barcode-frame span:nth-child(1){top:12px;left:12px;border-right:none;border-bottom:none}.barcode-frame span:nth-child(2){top:12px;right:12px;border-left:none;border-bottom:none}.barcode-frame span:nth-child(3){bottom:12px;left:12px;border-right:none;border-top:none}.barcode-frame span:nth-child(4){bottom:12px;right:12px;border-left:none;border-top:none}.barcode-scan-hint{text-align:center;color:#fff;font-weight:600;margin-top:-var(--space-10)}.po-product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.po-scan-body{padding:var(--space-4) var(--space-5) var(--space-6);display:grid;gap:var(--space-3)}.po-scan-reader{width:100%;min-height:320px;border-radius:12px;border:1px solid var(--neutral-200);background:var(--neutral-900)}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono)}.route-loading{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;color:var(--neutral-600);font-size:.95rem}@media (max-width: 48rem){input,select,textarea,button{font-size:16px}}