:root{color:#15211d;background:#f5f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1500px,100%);margin:0 auto;padding:24px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;min-height:260px;padding:34px;border-radius:8px;background:linear-gradient(135deg,#0e3d34ed,#10231df0),repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 13px);color:#f8fff8}.eyebrow,.tag{display:inline-flex;align-items:center;gap:8px;width:fit-content;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.hero h1{max-width:850px;margin:18px 0 12px;font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:0}.hero p{max-width:730px;margin:0;color:#deebe4;font-size:18px;line-height:1.55}.value-strip{display:flex;flex-wrap:wrap;gap:10px;align-self:end;max-width:420px}.value-strip span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 12px;background:#ffffff1a;color:#f7fff8;font-size:13px;font-weight:800}.hero-metrics{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,120px);gap:10px}.hero-metrics div{min-height:100px;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:16px;background:#ffffff14}.hero-metrics strong{display:block;font-size:34px}.hero-metrics span{color:#d7e7dc;font-size:13px}.hero-metrics .metric-alert{background:#ffb25e33}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:18px;margin-top:18px}.inventory-panel,.detail-panel,.ops-panel>*,.history-panel{border:1px solid #dce5dc;border-radius:8px;background:#fff;box-shadow:0 18px 45px #1f302a14}.inventory-panel,.detail-panel,.scanner-card,.create-card,.history-panel{padding:18px}.ops-panel{display:grid;gap:18px}.panel-header,.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}h2,h3,p{margin-top:0}h2{margin-bottom:4px;font-size:21px}.panel-header p,.detail-head p{margin-bottom:0;color:#66746d;font-size:14px}label{display:grid;gap:7px;color:#52615a;font-size:13px;font-weight:700}input,textarea{width:100%;border:1px solid #d6dfd8;border-radius:8px;padding:11px 12px;color:#16231e;background:#fbfdfb;outline:none}textarea{min-height:74px;resize:vertical}input:focus,textarea:focus{border-color:#1a7f64;box-shadow:0 0 0 3px #1a7f6429}.search-field{position:relative;display:block}.search-field svg{position:absolute;top:13px;left:12px;color:#6d7c74}.search-field input{padding-left:38px}.item-list{display:grid;gap:8px;max-height:620px;margin-top:16px;overflow:auto}.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid #e2e9e3;border-radius:8px;padding:12px;background:#fbfdfb;color:#17221e;text-align:left}.item-row.selected{border-color:#1a7f64;background:#edf8f3}.item-row strong,.item-row small{display:block}.item-row small{margin-top:4px;color:#66746d}.item-row b{min-width:44px;border-radius:999px;padding:8px 10px;background:#e7f1eb;color:#195844;text-align:center}.danger{background:#fff0df!important;color:#994300!important}.detail-head .tag{border-color:#c8d6ce;color:#1b735b;padding:6px 10px}.detail-head h2{margin:12px 0 4px;font-size:30px}.icon-danger{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #ffd1bf;border-radius:8px;color:#a94319;background:#fff6f1}.asset-grid{display:grid;grid-template-columns:240px minmax(180px,1fr) minmax(180px,1fr);gap:14px;align-items:stretch}.qr-box,.stock-card,.notes-card,.evidence-panel{border:1px solid #e0e8e2;border-radius:8px;background:#fbfdfb;padding:14px}.qr-box img,.qr-placeholder{display:block;width:100%;aspect-ratio:1;border-radius:8px;background:#fff}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.qr-actions button,.manual-scan button{display:inline-grid;place-items:center;border:1px solid #d4ded6;border-radius:8px;background:#fff;color:#203229}.qr-actions button{height:40px}.stock-card span,.notes-card span{color:#66746d;font-size:13px;font-weight:800}.stock-card strong{display:block;margin:10px 0 6px;font-size:70px;line-height:.95}.stock-card p,.notes-card p{color:#4c5e55;line-height:1.5}.evidence-panel{margin-top:18px}.photo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-strip figure{margin:0;overflow:hidden;border:1px solid #dce7df;border-radius:8px;background:#fff}.photo-strip img,.form-photo img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eef3ef}.photo-strip figcaption{display:grid;gap:3px;padding:10px}.photo-strip figcaption strong{font-size:13px}.photo-strip figcaption small{color:#6b7972;font-size:12px}.photo-empty{display:grid;place-items:center;min-height:150px;border:1px dashed #c8d7ce;border-radius:8px;color:#6a7b72;background:#fff;text-align:center}.alert-line,.ok-line{display:flex;align-items:center;gap:8px;border-radius:8px;padding:10px;font-weight:800}.alert-line{background:#fff2df;color:#924700}.ok-line{background:#e8f6ef;color:#17624c}.movement-panel{margin-top:18px;border-top:1px solid #e3ebe5;padding-top:18px}.movement-controls,.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.movement-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.movement-actions button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #1a7f64;border-radius:8px;padding:10px 12px;background:#1a7f64;color:#fff;font-weight:800}.movement-actions button{background:#eff7f3;color:#16624e}.scanner-card,.create-card{display:grid;gap:14px}.upload-zone{position:relative;display:grid;place-items:center;min-height:108px;border:1px dashed #b9cbc0;border-radius:8px;background:#f7fbf8;color:#315246;text-align:center}.upload-zone span{font-weight:800}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-zone input:disabled{cursor:not-allowed}.form-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-photo{position:relative;overflow:hidden;border:1px solid #dce7df;border-radius:8px;background:#fff}.form-photo input{border:0;border-radius:0;border-top:1px solid #e0e8e2;font-size:12px}.form-photo button{position:absolute;top:8px;right:8px;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#ffffffeb;color:#17221e}.scanner{display:grid;gap:8px}.scanner video{width:100%;min-height:190px;border-radius:8px;background:#12231c;object-fit:cover}.scanner p{margin:0;color:#617169;font-size:13px}.manual-scan div{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.history-panel{margin-top:18px}.history-list{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #ecf1ed;padding-top:10px}.history-row p,.history-row small{margin:3px 0 0;color:#68766f}.history-row time{color:#6b7972;font-size:13px}.movement-dot{width:12px;height:12px;border-radius:999px;background:#1a7f64}.movement-dot.salida{background:#c05220}.movement-dot.ajuste{background:#4567b7}.empty-state,.empty-history{display:grid;place-items:center;min-height:240px;color:#6a7b72;text-align:center}@media (max-width: 1180px){.workspace{grid-template-columns:300px minmax(0,1fr)}.ops-panel{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media (max-width: 820px){.app-shell{padding:14px}.hero,.workspace,.ops-panel,.asset-grid,.movement-actions{grid-template-columns:1fr}.value-strip{max-width:none}.hero{padding:24px}.hero-metrics{grid-template-columns:repeat(2,1fr)}.photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.hero h1{font-size:36px}.hero-metrics,.movement-controls,.two-cols,.photo-strip,.form-photo-grid,.history-row{grid-template-columns:1fr}.hero-metrics div{min-height:auto}}