:root{--primary: #5b5ef4;--primary-dark: #4b56df;--primary-soft: #eeeeff;--accent: #f6b91a;--green: #1f8a4c;--orange: #e67e22;--danger: #dc3545;--bg: #f8f9fa;--line: #e9ecef;--text: #212529;--muted: #adb5bd;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#e5e7eb;color:var(--text);font-family:var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}button,input,select,textarea{font:inherit}.app-shell{width:100%;max-width:100%;min-height:100dvh;margin:0;background:var(--bg);box-shadow:none;position:relative;overflow-x:hidden}.topbar{min-height:58px;padding:12px 16px;align-items:center;background:var(--primary);color:#fff}.brand-topbar{display:flex;gap:12px}.brand-topbar span{display:block;color:#ffffffc7;font-size:12px;margin-top:2px}.contextual-topbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.contextual-topbar h2{margin:0;color:#fff;text-align:center;font-size:20px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-spacer{width:40px;height:40px}.logo-mark{width:32px;height:32px;border-radius:8px;background:#ffffff26;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.logo-mark img{width:24px;height:24px;object-fit:contain}.screen{min-height:calc(100dvh - 58px);padding:12px 14px 14px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.center{text-align:center}.scan-screen{display:flex;flex-direction:column;justify-content:center}.scan-pulse{width:122px;height:122px;margin:0 auto 24px;border-radius:28px;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:0 18px 34px #5b5ef438}h1,h2,p{margin-top:0}h1{color:#212529;font-size:24px;line-height:1.1;margin-bottom:6px}h2{color:#212529;font-size:20px;margin-bottom:14px}p{color:var(--muted);line-height:1.42}.muted{color:var(--muted);font-size:14px}.action{width:100%;min-height:46px;border-radius:8px;border:0;padding:12px 14px;margin-top:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer}.primary{background:var(--primary);color:#fff}.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.dark{background:#343a40;color:#fff}button:disabled{cursor:wait;opacity:.68}.back{width:36px;height:36px;border:1px solid transparent;border-radius:999px;background:#5b5ef414;color:var(--primary);display:grid;place-items:center;padding:0;margin:0;font-weight:800;cursor:pointer}.back:active{background:#5b5ef429;transform:scale(.98)}.contextual-topbar .back{width:40px;height:40px;background:transparent;color:#fff}.contextual-topbar .back:active{background:#ffffff24}.product-hero{min-height:246px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.product-hero img{width:100%;max-height:225px;object-fit:contain}.badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:#e8f6ec;color:var(--green);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.metric{min-height:70px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px}.metric span{display:block;color:#adb5bd;font-size:12px}.metric strong{display:block;margin-top:5px;color:var(--primary-dark);font-size:16px}.product-detail-screen{display:flex;flex-direction:column;gap:14px}.life-summary{min-height:118px;border:1px solid #cbead7;border-radius:12px;background:#ecfbf2;color:var(--green);display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 22px;text-align:center}.life-summary svg{width:42px;height:42px;flex:0 0 auto}.life-summary span,.life-summary small{display:block;color:#1f2937;font-weight:900}.life-summary span{font-size:12px;text-transform:uppercase}.life-summary strong{display:block;color:var(--green);font-size:34px;line-height:1.05;margin:4px 0}.life-summary small{font-size:12px}.date-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-summary .metric{text-align:center}.detail-actions{display:grid;gap:12px;margin-top:18px}.detail-action{min-height:84px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:14px;text-align:left;cursor:pointer}.detail-action strong,.detail-action small{display:block}.detail-action strong{font-size:15px;line-height:1.25}.detail-action small{margin-top:5px;font-size:12px;line-height:1.3}.primary-detail{background:#0f64dc;color:#fff;box-shadow:0 12px 20px #0f64dc2e}.primary-detail small{color:#ffffffd1}.secondary-detail{background:#fff;color:var(--text)}.secondary-detail svg{color:var(--primary)}.secondary-detail small{color:#6c757d}.info-note{margin-top:auto;border-radius:10px;background:#eef4ff;color:#42526e;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:center;padding:12px}.info-note span{width:18px;height:18px;border:1px solid #8ba7d9;border-radius:999px;color:#5a76ad;display:grid;place-items:center;font-size:12px;font-weight:900}.info-note p{margin:0;color:inherit;font-size:12px;font-weight:800}.spec-list{border:1px solid var(--line);border-radius:12px;background:#fff;margin:12px 0;overflow:hidden}.row{display:grid;grid-template-columns:minmax(104px,36%) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px;min-height:48px}.row:last-child{border-bottom:0}.row span{color:#6c757d;line-height:1.15}.row strong{text-align:right;justify-self:end;max-width:100%;line-height:1.18;overflow-wrap:anywhere;text-wrap:balance}.green{color:var(--green)}.menu-list{display:grid;gap:10px}.menu-list button{min-height:66px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:12px;cursor:pointer}.menu-list small{display:block;color:#adb5bd;margin-top:3px;line-height:1.25}.menu-list .document-ready small{color:var(--green)}.menu-list .document-missing{cursor:default;opacity:1;background:#f8f9fa}.menu-list .document-missing svg{color:#6c757d}.file-pill{border:1px solid #d1d5db;border-radius:999px;color:#6c757d;font-size:11px;font-weight:900;padding:5px 8px;white-space:nowrap}.chevron{color:var(--muted);font-size:24px}.document-preview{border:1px solid var(--line);border-radius:12px;background:#fff;margin:12px 0;overflow:hidden}.document-screen .document-preview{margin-top:4px}.document-preview img,.document-preview video{display:block;width:100%;max-height:360px;object-fit:contain;background:#111827}.video-preview video{min-height:250px}.media-status{display:flex;align-items:center;gap:7px;padding:10px 12px;color:#6c757d;font-size:13px;font-weight:800}.media-status svg{color:var(--primary);flex:0 0 auto}.document-file{min-height:136px;padding:20px;display:grid;place-items:center;gap:7px;text-align:center}.document-file svg{color:var(--primary)}.document-file strong{color:var(--text)}.document-file span{color:#6c757d;font-size:13px;overflow-wrap:anywhere}.pdf-canvas-preview{background:#f3f4f6}.pdf-native-preview iframe{display:block;width:100%;height:68dvh;min-height:520px;border:0;background:#f3f4f6}.pdf-toolbar{min-height:46px;padding:8px 10px;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;background:#fff;border-bottom:1px solid var(--line)}.pdf-toolbar button{width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--primary);display:grid;place-items:center}.pdf-toolbar span{text-align:center;color:#374151;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-zoom-indicator{min-height:32px;padding:7px 12px;background:#fff;border-bottom:1px solid var(--line);color:#6c757d;font-size:12px;font-weight:900;text-align:center}.pdf-canvas-wrap{max-height:58dvh;overflow:auto;padding:10px;text-align:center;touch-action:pan-x pan-y}.pdf-canvas-wrap canvas{background:#fff;box-shadow:0 8px 18px #11182724;display:inline-block}.pdf-preview{height:min(520px,62dvh)}.pdf-preview iframe{width:100%;height:100%;border:0}.empty-tag{padding:26px 6px 16px;text-align:center}.empty-tag svg{color:var(--orange)}.tag-code{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px}.tag-code span{display:block;color:#6c757d;font-size:12px;font-weight:800;margin-bottom:8px}.tag-code strong{display:block;color:var(--primary-dark);font-family:Consolas,Courier New,monospace;font-size:18px;line-height:1.3;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.callout,.life-box{border-radius:12px;padding:14px;background:#fff7d6;color:#4b3b00;line-height:1.35}.life-box{display:flex;align-items:center;justify-content:center;gap:18px;min-height:118px;border:1px solid #cbead7;background:#ecfbf2;color:var(--green);margin-bottom:12px;padding:18px 22px;text-align:center}.life-box svg{width:42px;height:42px;flex:0 0 auto}.life-box span,.life-box small{display:block;color:#1f2937;font-weight:900}.life-box span{font-size:12px;text-transform:uppercase}.life-box strong{display:block;color:var(--green);font-size:32px;line-height:1.05;margin:4px 0}.life-box small{font-size:13px}.form{display:grid}label{display:block;color:#374151;font-size:13px;font-weight:800;margin:10px 0 6px}input,select,textarea{width:100%;min-height:46px;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;color:var(--text);background:#fff}textarea{min-height:112px;resize:vertical}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(390px,calc(100vw - 24px));border-radius:8px;padding:12px 14px;color:#fff;font-weight:800;box-shadow:0 10px 24px #11182738;z-index:20}.toast.success{background:#49c300}.toast.error{background:var(--danger)}.scan-screen p{max-width:330px;margin-left:auto;margin-right:auto}.primary:active,.secondary:active,.dark:active,.menu-list button:active{transform:scale(.99)}