:root{--color-rfs-red: #8B0000;--color-rfs-red-light: #a00000;--color-card-yellow: #FFD700;--color-card-yellow-dark: #e6c200;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #d0d0d0;--color-danger: #cc0000;--color-success: #2e7d32;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-narrow: "Arial Narrow", Arial, sans-serif;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .12);--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto;position:relative}.screen{flex:1;overflow-y:auto;padding:12px 12px calc(var(--nav-height) + var(--safe-bottom) + 8px)}.nav-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:640px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;z-index:100;box-shadow:0 -2px 8px #00000014}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--color-text-muted);font-size:10px;font-family:var(--font-body);cursor:pointer;padding:8px 4px;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-tab.active{color:var(--color-rfs-red)}.nav-tab svg{width:24px;height:24px}.tcard-wrapper{width:100%;max-width:440px;margin:0 auto}.tcard-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.tcard-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius);padding:12px 16px;font-size:15px;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:opacity .15s,background .15s;-webkit-tap-highlight-color:transparent;min-height:48px}.btn:active{opacity:.8}.btn-primary{background:var(--color-rfs-red);color:#fff;flex:1}.btn-secondary{background:var(--color-border);color:var(--color-text);flex:1}.btn-ghost{background:transparent;color:var(--color-rfs-red);border:1.5px solid var(--color-rfs-red);flex:1}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:8px 12px;font-size:13px;min-height:36px;flex:none}.btn-icon{padding:10px;border-radius:50%;min-height:44px;width:44px;flex:none}.panel{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px}.panel-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-rfs-red);margin-bottom:12px}.form-row{display:flex;gap:10px;margin-bottom:10px}.form-field{display:flex;flex-direction:column;gap:4px;flex:1}.form-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--color-border);border-radius:6px;padding:10px 12px;font-size:15px;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);width:100%;min-height:48px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-rfs-red)}.form-field select{background-image: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='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.list-item-body{flex:1;min-width:0}.list-item-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sub{font-size:12px;color:var(--color-text-muted);margin-top:2px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title{font-size:18px;font-weight:700}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.empty-state p{font-size:15px;margin-top:8px}.scanner-container{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:1}.scanner-container video{width:100%;height:100%;object-fit:cover}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:60%;aspect-ratio:1;border:3px solid rgba(255,215,0,.8);border-radius:12px;box-shadow:0 0 0 9999px #00000073}.qr-display{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.qr-display canvas,.qr-display img{border:8px solid #fff;border-radius:4px;box-shadow:var(--shadow);max-width:280px;width:100%}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-border);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:200}.modal{background:var(--color-surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:640px;margin:0 auto;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));max-height:90vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px}.pill-group{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:8px 14px;border-radius:100px;border:1.5px solid var(--color-border);font-size:13px;font-weight:600;background:transparent;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.pill.selected{background:var(--color-rfs-red);border-color:var(--color-rfs-red);color:#fff}.qual-badge{display:inline-flex;align-items:center;justify-content:center;background:#5a6370;color:#fff;border-radius:6px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;min-width:32px;height:32px;gap:3px;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.qual-badge svg{display:block;flex-shrink:0}.qual-badge--round{border-radius:50%;width:32px;min-width:32px;padding:0}.qual-grid{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.qual-pick{background:none;border:2px solid transparent;border-radius:8px;padding:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s}.qual-pick:active{opacity:.7}.qual-pick.selected{border-color:var(--color-rfs-red)}.log-table{width:100%;border-collapse:collapse;font-size:13px}.log-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:0 8px 6px 0;border-bottom:1px solid var(--color-border)}.log-table td{padding:8px 8px 8px 0;border-bottom:1px solid var(--color-border);vertical-align:middle}.log-table tr:last-child td{border-bottom:none}