:root{--color-bg:#f2f3f5;--color-navbar:#1c1d21;--color-navbar-text:#cfd0d4;--color-accent:#ff6a13;--color-accent-hover:#e65c0a;--color-card:#fff;--color-border:#e3e4e8;--color-text:#26272b;--color-text-muted:#6b6d76;--color-success-bg:#e3f7e9;--color-success-text:#1e8a45;--color-warning-bg:#fff3cd;--color-warning-text:#8a6a00;--color-danger-bg:#fde3e3;--color-danger-text:#b32424;--color-info-bg:#e4ecfb;--color-info-text:#2455b3;--color-embalado-bg:#efe4fb;--color-embalado-text:#6d28d9;--shadow-card:0 1px 3px #14141e14;--radius:6px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;font-size:14px}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit}.app-shell{flex-direction:column;min-height:100%;display:flex}.navbar{background:var(--color-navbar);align-items:stretch;padding-right:16px;display:flex}.navbar-brand{color:#fff;letter-spacing:.5px;align-items:center;padding:0 20px;font-weight:700;display:flex}.navbar-tabs{flex:1;display:flex}.navbar-tab{color:var(--color-navbar-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:14px 18px;font-weight:500;text-decoration:none}.navbar-tab:hover{color:#fff}.navbar-tab.active{color:#fff;background:var(--color-accent);border-bottom-color:var(--color-accent-hover)}.navbar-user{color:var(--color-navbar-text);align-items:center;gap:10px;font-size:13px;display:flex}.navbar-user button{color:var(--color-navbar-text);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #48494f;padding:6px 10px}.navbar-user button:hover{color:#fff;border-color:#6a6b72}.page{flex:1;padding:24px 28px}.page-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-title{margin:0;font-size:20px;font-weight:600}.page-subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:13px}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:#fff}.btn-secondary:hover{border-color:#c7c8ce}.btn-danger{color:var(--color-danger-text);border-color:var(--color-danger-text);background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes flashExito{0%{background:var(--color-success-text);border-color:var(--color-success-text)}to{background:var(--color-accent);border-color:var(--color-accent)}}.btn-sync-listo{animation:2.2s ease-out forwards flashExito}.btn-stock-positivo{background:var(--color-success-bg);color:var(--color-success-text);border-color:#0000;font-weight:700}.btn-stock-positivo:hover{filter:brightness(.95)}.btn-stock-negativo{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:#0000;font-weight:700}.btn-stock-negativo:hover{filter:brightness(.95)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px 20px}.card h3{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.card-metric{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.card-metric:last-child{border-bottom:none}.card-metric-value{font-weight:700}.table-wrapper{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 14px;font-size:12px}.data-table td{border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 14px;font-size:13px}.data-table tbody tr:hover{background:#fafafb}.data-table tbody tr.clickable{cursor:pointer}.column-filter{border:1px solid var(--color-border);white-space:normal;border-radius:4px;width:100%;margin-top:6px;padding:5px 8px;font-size:12px;display:block}.table-toolbar{justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.table-empty{text-align:center;color:var(--color-text-muted);padding:32px}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.pill-success{background:var(--color-success-bg);color:var(--color-success-text)}.pill-info{background:var(--color-info-bg);color:var(--color-info-text)}.pill-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.pill-embalado{background:var(--color-embalado-bg);color:var(--color-embalado-text)}.pill-neutral{color:var(--color-text-muted);background:#eceef1}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;padding:9px 10px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-accent);outline:none}.form-actions{gap:10px;margin-top:18px;display:flex}.detail-panel{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:18px;padding:20px 24px}.detail-panel h2{margin:0 0 4px;font-size:17px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:14px;display:grid}.detail-field .label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.3px;font-size:11px;font-weight:600}.detail-field .value{margin-top:2px;font-size:14px}.modal-backdrop{z-index:50;background:#14141e73;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:min(600px,92vw);max-height:85vh;padding:22px 26px;overflow-y:auto;box-shadow:0 12px 32px #00000040}.modal h2{margin-top:0}.alert{border-radius:var(--radius);margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.alert-success{background:var(--color-success-bg);color:var(--color-success-text)}.login-shell{background:linear-gradient(135deg,#1c1d21,#33343a);justify-content:center;align-items:center;min-height:100%;display:flex}.login-card{background:#fff;border-radius:10px;width:340px;padding:36px 40px;box-shadow:0 20px 60px #00000059}.login-card h1{margin:0 0 4px;font-size:18px}.login-card p{color:var(--color-text-muted);margin:0 0 20px;font-size:13px}.muted{color:var(--color-text-muted)}.text-right{text-align:right}.flex-between{justify-content:space-between;align-items:center;display:flex}.section-title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.4px;margin:22px 0 10px;font-size:13px;font-weight:700}