:root{--v7-header-green: #174b34;--v7-header-green-deep: #123c2b;--v7-page-bg: #f5efe5;--v7-card-bg: #fffdf8;--v7-card-alt: #f0f4e9;--v7-text-primary: #123e2d;--v7-text-secondary: #667068;--v7-complete: #2f7d4d;--v7-incomplete: #d58a18;--v7-danger: #b94b3e;--v7-border: #e4ded3;--v7-radius-sm: 14px;--v7-radius-md: 20px;--v7-radius-lg: 24px;--v7-shadow-card: 0 10px 24px rgba(50, 43, 32, .11), 0 2px 5px rgba(50, 43, 32, .06);--v7-icon-size-small: 32px;--v7-icon-size-standard: 36px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--v7-page-bg);color:var(--v7-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang HK,Microsoft JhengHei,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.header{background:var(--v7-header-green);color:#fff;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0));padding-top:calc(18px + env(safe-area-inset-top,0));border-bottom-left-radius:var(--v7-radius-lg);border-bottom-right-radius:var(--v7-radius-lg)}.header h1{font-size:20px;margin:0 0 2px}.header .sub{font-size:13px;opacity:.85}.version{margin-top:8px;font-size:13px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3px}.build-id{margin-top:10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff1f;border-radius:var(--v7-radius-sm);padding:6px 10px;word-break:break-all}.content{padding:18px 16px;display:flex;flex-direction:column;gap:16px}.card{background:var(--v7-card-bg);border:1px solid var(--v7-border);border-radius:var(--v7-radius-md);box-shadow:var(--v7-shadow-card);padding:18px}.card h2{font-size:16px;margin:0 0 12px}label{display:block;font-size:13px;color:var(--v7-text-secondary);margin-bottom:6px}input[type=email],input[type=password]{width:100%;padding:12px 14px;border:1px solid var(--v7-border);border-radius:var(--v7-radius-sm);font-size:16px;margin-bottom:12px;background:#fff}button{font-size:16px;font-weight:600;border:none;border-radius:var(--v7-radius-sm);padding:13px 16px;cursor:pointer}button.primary{background:var(--v7-header-green);color:#fff;width:100%}button.secondary{background:var(--v7-card-alt);color:var(--v7-text-primary)}button:disabled{opacity:.5}.capture-row{display:flex;gap:10px;align-items:center}.hidden-input{display:none}.status{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:8px 12px;border-radius:var(--v7-radius-sm)}.status .dot{width:10px;height:10px;border-radius:50%}.status.ok{background:#2f7d4d1f;color:var(--v7-complete)}.status.busy{background:#d58a1824;color:var(--v7-incomplete)}.status.attn{background:#b94b3e1f;color:var(--v7-danger)}.status.idle{background:var(--v7-card-alt);color:var(--v7-text-secondary)}.muted{color:var(--v7-text-secondary);font-size:13px}.code-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.config-warning{background:#b94b3e1a;border:1px solid var(--v7-danger);color:var(--v7-danger);border-radius:var(--v7-radius-sm);padding:12px;font-size:13px}