@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600;700&display=swap";:root{--bg: #14161b;--panel: #1f232b;--panel-raised: #262b35;--line: #333947;--text: #edeef0;--text-muted: #8b93a3;--amber: #f5a623;--amber-dim: #7a5518;--green: #4caf7d;--red: #e5484d;--font-ui: "Inter", system-ui, sans-serif;--font-num: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent}button,input,select{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto;background:var(--bg)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 10px calc(12px + env(safe-area-inset-left,0px));background:var(--panel);border-bottom:2px solid var(--amber);gap:8px}.app-brand{display:flex;align-items:center;text-decoration:none;color:inherit;flex-shrink:0}.brand-logo-container{display:flex;align-items:center;gap:6px}.brand-logo-pill{background:#fff;padding:3px 7px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;border:1px solid rgba(255,255,255,.5);flex-shrink:0}.brand-logo-img{height:28px;width:auto;max-width:80px;display:block;object-fit:contain}.brand-badge{font-family:var(--font-num, monospace);font-weight:800;font-size:11px;letter-spacing:.08em;color:var(--amber, #f5a623);background:linear-gradient(135deg,#f5a62338,#f5a6230f);border:1px solid rgba(245,166,35,.4);padding:3px 6px;border-radius:5px;text-transform:uppercase;box-shadow:0 0 10px #f5a6231f;white-space:nowrap}.app-header-brand{display:flex;align-items:center;gap:10px}.app-header-mark{width:14px;height:14px;background:var(--amber);box-shadow:0 0 8px var(--amber);flex-shrink:0}.app-header-title{font-family:var(--font-num);font-weight:700;font-size:14px;letter-spacing:.06em}.app-header-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.logout-btn{background:none;border:1px solid var(--line);color:var(--text-muted);padding:6px 10px;font-size:12px;cursor:pointer}.app-main{flex:1;padding:16px;padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:40}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 12px;color:var(--text-muted);text-decoration:none;font-size:11px;font-weight:600;border-top:2px solid transparent;background:none;border-left:none;border-right:none;border-bottom:none;cursor:pointer;position:relative}.bottom-nav-item.active{color:var(--amber);border-top-color:var(--amber)}.bottom-nav-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-badge{position:absolute;top:-4px;right:-8px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid var(--panel);line-height:1}.screen-title{font-size:20px;font-weight:700;margin:0 0 4px}.screen-sub{color:var(--text-muted);font-size:13px;margin:0 0 20px}.muted{color:var(--text-muted)}.panel{background:var(--panel);border:1px solid var(--line);padding:16px;margin-bottom:12px}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:8px;padding:16px 14px;text-decoration:none;color:var(--text);display:block;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.tile:hover{transform:translateY(-2px);border-color:#d9770666;box-shadow:0 6px 20px #00000059}.tile-icon{font-size:24px;display:block;margin-bottom:8px}.tile-label{display:block;font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px;line-height:1.2}.tile-hint{display:block;font-size:12px;color:var(--text-muted);line-height:1.35}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:12px;font-size:16px}.field input[type=number]{font-family:var(--font-num);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px;font-size:15px;font-weight:700;border:none;cursor:pointer}.btn-primary{background:var(--amber);color:#1c1500}.btn-primary:disabled{background:var(--amber-dim);color:#7a6a3f;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-row{display:flex;gap:10px}.btn-row .btn{width:auto;flex:1}.readout{background:var(--bg);border:1px solid var(--line);padding:12px;font-family:var(--font-num);font-size:15px}.readout-label{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);margin-bottom:2px}.status-pill{display:inline-block;padding:3px 8px;font-size:11px;font-weight:600;border:1px solid}.status-pending{color:var(--amber);border-color:var(--amber)}.status-approved{color:var(--green);border-color:var(--green)}.status-rejected{color:var(--red);border-color:var(--red)}.error-banner{background:#e5484d1f;border:1px solid var(--red);color:var(--red);padding:10px 12px;font-size:13px;margin-bottom:14px}table.data-table{width:100%;border-collapse:collapse;font-size:12px}table.data-table th,table.data-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}table.data-table th{color:var(--text-muted);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.04em}@page{size:3in 2in;margin:0}.label-print-area{width:288px;height:192px;margin:0 auto;padding:6px 8px;background:#fff;color:#000;border:1.5px solid #000;border-radius:4px;box-sizing:border-box;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 4px 12px #00000040}.label-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding-bottom:2px;margin-bottom:2px}.label-company-name{font-size:8px;font-weight:800;letter-spacing:.04em;color:#000;text-transform:uppercase}.label-badge-type{font-size:7.5px;font-weight:800;background:#000;color:#fff;padding:1px 4px;border-radius:2px;text-transform:uppercase}.label-shrp-code{font-size:14px;font-weight:900;letter-spacing:.02em;color:#000;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-part-name{font-weight:700;font-size:9px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.label-content-grid{display:flex;justify-content:space-between;align-items:center;gap:6px;flex:1}.label-details{flex:1;font-size:8.5px;line-height:1.32;color:#000}.label-details div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-details strong{font-weight:800;color:#000}.label-qr-container{width:74px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.label-qr-canvas{width:68px!important;height:68px!important;display:block}.label-qr-subtext{font-size:6.5px;font-weight:700;color:#000;text-align:center;margin-top:1px}.label-footer{font-size:7px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#000;border-top:1px solid #000;padding-top:2px;display:flex;justify-content:space-between;align-items:center}@media print{html,body{width:3in!important;height:2in!important;margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}.label-print-area,.label-print-area *{visibility:visible}.label-print-area{position:fixed;top:0;left:0;width:3in!important;height:2in!important;max-width:3in!important;max-height:2in!important;border:1px solid #000!important;border-radius:0!important;padding:.06in .08in!important;box-sizing:border-box!important;margin:0!important;box-shadow:none!important}}.offline-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;font-size:12px;font-weight:500;border-bottom:1px solid;transition:background-color .2s ease}.offline-banner.is-offline{background:#f5a62326;border-color:var(--amber);color:var(--amber)}.offline-banner.is-syncing{background:#4caf7d26;border-color:var(--green);color:var(--green)}.offline-banner.is-synced{background:#4caf7d33;border-color:var(--green);color:var(--green)}.offline-banner-btn{background:var(--panel-raised);border:1px solid currentColor;color:inherit;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;cursor:pointer;white-space:nowrap}.offline-badge{display:inline-flex;align-items:center;gap:4px;background:var(--amber-dim);color:var(--amber);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;margin-left:6px}.camera-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.camera-modal-container{width:100%;max-width:440px;background:#121722;border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0009;display:flex;flex-direction:column}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#182030;border-bottom:1px solid rgba(255,255,255,.08)}.camera-btn-icon{background:#ffffff14;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.camera-viewport-wrapper{position:relative;width:100%;height:300px;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-video-element{width:100%;height:100%;object-fit:cover}.camera-scanner-reticle{position:absolute;width:220px;height:220px;pointer-events:none}.scanner-reticle-corner{position:absolute;width:28px;height:28px;border-color:#38bdf8;border-style:solid}.corner-tl{top:0;left:0;border-width:3px 0 0 3px;border-top-left-radius:6px}.corner-tr{top:0;right:0;border-width:3px 3px 0 0;border-top-right-radius:6px}.corner-bl{bottom:0;left:0;border-width:0 0 3px 3px;border-bottom-left-radius:6px}.corner-br{bottom:0;right:0;border-width:0 3px 3px 0;border-bottom-right-radius:6px}.scanner-laser-line{position:absolute;left:4px;right:4px;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);box-shadow:0 0 8px #38bdf8;animation:laserScan 2s ease-in-out infinite alternate}@keyframes laserScan{0%{top:8px}to{top:210px}}.camera-hint-text{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);padding:4px 8px}.camera-modal-toolbar{display:flex;justify-content:center;gap:12px;padding:10px 16px;background:#182030;border-top:1px solid rgba(255,255,255,.08)}.camera-btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px}.camera-btn-secondary.active{background:#f59e0b;color:#000;border-color:#f59e0b}.camera-manual-input-row{display:flex;gap:8px;padding:12px 16px;background:#121722}.shrp-part-badge-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:linear-gradient(135deg,#f59e0b1f,#1e293b99);border:1px solid rgba(245,158,11,.35);border-radius:12px;margin-bottom:14px}.shrp-part-badge-header{display:flex;align-items:center;justify-content:space-between}.shrp-code-pill{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;font-weight:800;font-size:14px;padding:3px 10px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 6px #f59e0b40}.shrp-part-fullname{font-size:14px;font-weight:600;color:#f1f5f9}.shrp-part-custno{font-size:12px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.visibility-kpi-card{background:linear-gradient(180deg,#182236,#111827);border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:14px;margin-bottom:16px;box-shadow:0 8px 24px #00000040}.visibility-kpi-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.visibility-kpi-title h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.05em;color:#38bdf8;text-transform:uppercase;display:flex;align-items:center;gap:6px}.visibility-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 480px){.visibility-kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;display:flex;flex-direction:column}.kpi-stat-box.highlight,.kpi-stat-box.highlight-emerald{background:#10b9811f;border-color:#10b98166}.kpi-stat-box.highlight .kpi-val,.kpi-stat-box.highlight-emerald .kpi-stat-value{color:#34d399}.kpi-stat-box.highlight-amber{background:#f59e0b1a;border-color:#f59e0b59}.kpi-label,.kpi-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:4px;display:block}.kpi-val,.kpi-stat-value{font-size:18px;font-weight:800;color:#f8fafc;line-height:1.2}.kpi-stat-value.emerald{color:#34d399}.kpi-stat-value.amber{color:#fbbf24}.kpi-stat-value.sky{color:#38bdf8}.kpi-progress-bar-wrap{margin-top:12px;background:#ffffff14;height:6px;border-radius:999px;overflow:hidden}.kpi-progress-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#10b981);border-radius:999px;transition:width .4s ease}.app-shell:has(.reports-screen),.app-shell.wide-shell{max-width:1300px}@media print{body{background:#fff!important;color:#000!important}.app-shell{max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.app-header,.bottom-nav,.no-print,.offline-banner{display:none!important}.app-main{padding:0!important}.print-only{display:block!important}.panel{background:#fff!important;border:1px solid #ccc!important;color:#000!important;box-shadow:none!important;break-inside:avoid}table th,table td{color:#000!important;border-color:#ddd!important}}@keyframes pulse-red-attn{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.pulse-red{animation:pulse-red-attn 2s infinite}.attendance-badge-btn{transition:transform .15s ease,opacity .15s ease}.attendance-badge-btn:hover{transform:scale(1.03);opacity:.95}.attendance-badge-btn:active{transform:scale(.97)}