:root,[data-theme=light]{--bg: #F5F0E8;--bg-card: white;--bg-form: #FDFAF5;--text: #2C2416;--text-muted: #8A8070;--text-secondary: #5C3D1E;--border: #EDE5D5;--input-border: #DDD5C4;--input-bg: #FDFAF5;--header-bg: linear-gradient(135deg, #2C2416 0%, #5C3D1E 100%);--header-text: #F5F0E8;--header-muted: #B8A898;--header-shadow: 0 4px 20px rgba(44,36,22,.3);--card-shadow: 0 2px 12px rgba(44,36,22,.07);--btn-primary-bg: #5C3D1E;--btn-primary-text: #F5F0E8;--tag-bg: #F0EBE3;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C3D1E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}[data-theme=dark]{--bg: #1A1410;--bg-card: #2A2218;--bg-form: #332A1F;--text: #E8E0D4;--text-muted: #9A8E80;--text-secondary: #C4A882;--border: #3D3228;--input-border: #4A3E32;--input-bg: #332A1F;--header-bg: linear-gradient(135deg, #12100C 0%, #2A2218 100%);--header-text: #E8E0D4;--header-muted: #8A7E70;--header-shadow: 0 4px 20px rgba(0,0,0,.4);--card-shadow: 0 2px 12px rgba(0,0,0,.2);--btn-primary-bg: #C4A882;--btn-primary-text: #1A1410;--tag-bg: #3D3228;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C4A882' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] input[type=date]{color-scheme:dark}.btn{border:none;cursor:pointer;font-family:"Source Sans 3",sans-serif;font-weight:600;border-radius:6px;transition:all .15s}.btn:hover{filter:brightness(.92);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:10px 20px;font-size:14px}.btn-amber{background:#e8a838;color:#2c2416;padding:10px 20px;font-size:14px}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--text-secondary);padding:8px 16px;font-size:13px}.btn-danger{background:#c0392b;color:#fff;padding:7px 14px;font-size:12px}.btn-sm{padding:6px 12px;font-size:12px}.card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--card-shadow);border:1px solid var(--border)}.input{width:100%;border:1.5px solid var(--input-border);border-radius:8px;padding:10px 14px;font-family:"Source Sans 3",sans-serif;font-size:14px;background:var(--input-bg);color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--text-secondary)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-family:"Source Sans 3",sans-serif;font-weight:600;letter-spacing:.3px}label{font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:5px;letter-spacing:.3px;text-transform:uppercase}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}textarea{resize:vertical;min-height:70px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.offline-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#5c3d1e;color:#f5f0e8;text-align:center;padding:10px 16px;font-size:13px;font-weight:600;font-family:"Source Sans 3",sans-serif}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-form) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}input[type=date]{color-scheme:light}@media(min-width:768px){.batch-image-panel{display:block!important}}@media(max-width:480px){.card{padding:16px}.form-grid{grid-template-columns:1fr!important}.form-grid .span-2{grid-column:span 1!important}.inventory-controls{flex-direction:column!important;align-items:stretch!important}.inventory-controls .control-actions{margin-left:0!important}.app-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-tabs::-webkit-scrollbar{display:none}.app-tabs .btn{white-space:nowrap;padding:10px 12px!important;font-size:13px!important}}@media(max-width:360px){.app-tabs .btn{padding:8px 10px!important;font-size:12px!important}}