@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.landing-container[data-v-24b0e9c4]{display:flex;flex-direction:column;gap:32px;text-align:center}.hero-content[data-v-24b0e9c4]{display:flex;flex-direction:column;align-items:center;gap:16px}.icon-wrapper[data-v-24b0e9c4]{width:80px;height:80px;background-color:#e0f2fe;color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.hero-content h1[data-v-24b0e9c4]{font-size:2rem;font-weight:700;margin:0;color:var(--text);letter-spacing:-.025em}.lead[data-v-24b0e9c4]{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.steps-card[data-v-24b0e9c4]{background-color:var(--bg);border-radius:var(--radius);padding:24px;text-align:left;border:1px solid var(--border)}.steps-card h2[data-v-24b0e9c4]{font-size:1.25rem;font-weight:600;margin:0 0 16px;color:var(--text)}.guidelines[data-v-24b0e9c4]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.guidelines li[data-v-24b0e9c4]{display:flex;gap:16px;align-items:flex-start}.step-number[data-v-24b0e9c4]{flex-shrink:0;width:28px;height:28px;background-color:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin-top:2px}.step-text[data-v-24b0e9c4]{color:var(--text-secondary);line-height:1.5}.actions[data-v-24b0e9c4]{margin-top:16px}.btn-lg[data-v-24b0e9c4]{padding:16px 32px;font-size:1.125rem;width:100%;max-width:300px}@media(max-width:640px){.hero-content h1[data-v-24b0e9c4]{font-size:1.75rem}}.container[data-v-81b5a9bf]{display:flex;flex-direction:column;gap:24px}.header-section[data-v-81b5a9bf]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.icon-wrapper[data-v-81b5a9bf]{width:56px;height:56px;background-color:#f1f5f9;color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.header-section h2[data-v-81b5a9bf]{font-size:1.5rem;font-weight:700;margin:0;color:var(--text)}.subtitle[data-v-81b5a9bf]{color:var(--text-secondary);font-size:1rem;margin:0}.instructions-card[data-v-81b5a9bf]{background-color:var(--bg);border-radius:var(--radius);padding:24px;border:1px solid var(--border)}.instructions-list[data-v-81b5a9bf]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.instructions-list li[data-v-81b5a9bf]{display:flex;gap:12px;align-items:flex-start}.step-dot[data-v-81b5a9bf]{width:8px;height:8px;background-color:var(--accent);border-radius:50%;margin-top:8px;flex-shrink:0}.text[data-v-81b5a9bf]{color:var(--text);line-height:1.5}.actions[data-v-81b5a9bf]{display:flex;justify-content:flex-end;margin-top:8px}.icon-wrapper[data-v-9f4f7282]{display:flex;align-items:center;justify-content:center}.check[data-v-9f4f7282]{color:var(--success)}.cross[data-v-9f4f7282]{color:var(--error)}.checklist-container[data-v-e3b7c644]{background-color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:12px 16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(0,0,0,.05);max-width:400px}.checklist-container.embedded[data-v-e3b7c644]{background-color:#fff9;margin:0;width:auto;max-width:100%;padding:8px 12px}.checklist-header[data-v-e3b7c644]{font-size:.875rem;font-weight:600;color:#475569e6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.conditions-grid[data-v-e3b7c644]{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.condition-item[data-v-e3b7c644]{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#dc2626;transition:color .2s ease}.condition-item.valid[data-v-e3b7c644]{color:#059669}.condition-item span[data-v-e3b7c644]{white-space:nowrap}.camera-page[data-v-6bae60a3]{display:flex;flex-direction:column;gap:24px;width:100%}.camera-card[data-v-6bae60a3]{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.camera-area[data-v-6bae60a3]{height:50vh;width:100%;background:#000;position:relative}.overlay-controls[data-v-6bae60a3]{position:absolute;bottom:16px;right:16px;z-index:10;pointer-events:none;max-width:300px}.overlay-controls[data-v-6bae60a3]>*{pointer-events:auto}.controls-section[data-v-6bae60a3]{display:flex;flex-direction:column;gap:16px}.device-selector[data-v-6bae60a3]{display:flex;flex-direction:column;gap:8px}.device-selector label[data-v-6bae60a3]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.select-wrapper[data-v-6bae60a3]{position:relative}.select-wrapper select[data-v-6bae60a3]{width:100%;padding:12px 40px 12px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg);border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);cursor:pointer;transition:var(--transition)}.select-wrapper select[data-v-6bae60a3]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e91a}.select-icon[data-v-6bae60a3]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.start-btn[data-v-6bae60a3]{position:relative;overflow:hidden;width:100%;height:56px;font-size:1.125rem}.progress-bar[data-v-6bae60a3]{position:absolute;left:0;top:0;bottom:0;width:100%;pointer-events:none;background-color:#0000001a}.progress-fill[data-v-6bae60a3]{background-color:#fff3;height:100%;display:block;transition:width .2s linear}.btn-content[data-v-6bae60a3]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%}.start-text[data-v-6bae60a3],.status-text[data-v-6bae60a3]{display:flex;align-items:center;gap:10px}.spinner[data-v-6bae60a3]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-6bae60a3 1s linear infinite}@keyframes spin-6bae60a3{to{transform:rotate(360deg)}}.start-btn[data-v-6bae60a3]:disabled{background-color:var(--muted);cursor:not-allowed;opacity:.7;box-shadow:none}@media(max-width:480px){.camera-area[data-v-6bae60a3]{height:40vh}}.vital-sign-row[data-v-4f0e3609]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.vital-sign-row[data-v-4f0e3609]:last-child{border-bottom:none}.vital-name[data-v-4f0e3609]{color:var(--text-secondary);font-size:.95rem}.vital-value[data-v-4f0e3609]{color:var(--text);font-weight:600;font-size:1rem}.result-container[data-v-12c28ffb]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg);overflow-y:auto;padding:24px;z-index:50}.result-container.embedded[data-v-12c28ffb]{position:static;padding:0;background-color:transparent;overflow:visible;z-index:auto}.result-section[data-v-12c28ffb]{margin-bottom:24px}.section-title[data-v-12c28ffb]{font-size:1rem;font-weight:600;color:var(--accent);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.vitals-group[data-v-12c28ffb]{background-color:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.vitals-section[data-v-12c28ffb]{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.vitals-section[data-v-12c28ffb]{flex-direction:column}.result-container[data-v-12c28ffb]{padding:16px}.result-section[data-v-12c28ffb]{margin-bottom:16px}.section-title[data-v-12c28ffb]{font-size:.9rem}.vitals-group[data-v-12c28ffb]{padding:12px}.vitals-section[data-v-12c28ffb]{gap:12px;margin-bottom:12px}.vitals-container[data-v-12c28ffb],.inputs-container[data-v-12c28ffb]{padding:12px}.container-title[data-v-12c28ffb]{font-size:.9rem}.vitals-list[data-v-12c28ffb],.inputs-list[data-v-12c28ffb]{gap:12px}.input-item input[data-v-12c28ffb]{padding:8px;font-size:.9rem}.expand-btn[data-v-12c28ffb]{padding:4px 0;font-size:13px}}.vitals-container[data-v-12c28ffb],.inputs-container[data-v-12c28ffb]{flex:1;background-color:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.container-title[data-v-12c28ffb]{font-size:1rem;font-weight:600;color:var(--accent);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.vitals-list[data-v-12c28ffb],.inputs-list[data-v-12c28ffb]{display:flex;flex-direction:column;gap:16px}.vital-item[data-v-12c28ffb],.input-item[data-v-12c28ffb]{display:flex;flex-direction:column}.input-item input[data-v-12c28ffb]{padding:12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;color:var(--text);background-color:var(--bg);transition:var(--transition)}.input-item input[data-v-12c28ffb]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e91a}.expand-btn[data-v-12c28ffb]{background:none;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;padding:8px 0;font-size:14px;font-weight:400;margin-left:auto;display:block;width:fit-content}.expand-btn[data-v-12c28ffb]:hover{color:var(--accent-hover, darken(var(--accent), 10%));text-decoration:none}.close-btn[data-v-12c28ffb]{position:absolute;top:16px;right:16px;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;background-color:var(--card);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-btn[data-v-12c28ffb]:hover{background-color:var(--bg);color:var(--text)}.result-container.embedded .close-btn[data-v-12c28ffb]{display:none}.report-container[data-v-f53a986f]{display:flex;flex-direction:column;gap:24px}.header-section[data-v-f53a986f]{text-align:center}.header-section h2[data-v-f53a986f]{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:var(--text)}.subtitle[data-v-f53a986f]{color:var(--text-secondary);font-size:1rem;margin:0}.top-section[data-v-f53a986f]{display:flex;gap:24px}.top-section .photo-card[data-v-f53a986f],.top-section .ground-truth-card[data-v-f53a986f]{flex:1}.results-card[data-v-f53a986f],.photo-card[data-v-f53a986f],.ground-truth-card[data-v-f53a986f]{background-color:var(--bg);border-radius:var(--radius);padding:24px;border:1px solid var(--border)}@media(max-width:768px){.report-container[data-v-f53a986f],.top-section[data-v-f53a986f]{gap:16px}.results-card[data-v-f53a986f],.photo-card[data-v-f53a986f],.ground-truth-card[data-v-f53a986f]{padding:16px}.header-section h2[data-v-f53a986f]{font-size:1.25rem}.subtitle[data-v-f53a986f]{font-size:.9rem}}.photo-card h3[data-v-f53a986f],.ground-truth-card h3[data-v-f53a986f]{font-size:1.125rem;font-weight:600;margin:0 0 16px;color:var(--text)}.empty-state[data-v-f53a986f]{color:var(--text-secondary);font-style:italic;text-align:center;padding:24px}.photo-frame[data-v-f53a986f]{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background-color:#000;padding:4px}.photo-frame img[data-v-f53a986f]{display:block;max-width:100%;max-height:240px;width:auto;height:auto;object-fit:contain;border-radius:8px}@media(max-width:768px){.photo-frame img[data-v-f53a986f]{max-height:200px}}.gt-grid[data-v-f53a986f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.input-group[data-v-f53a986f]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-f53a986f]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-group input[data-v-f53a986f]{padding:12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;color:var(--text);background-color:var(--card);transition:var(--transition)}.input-group input[data-v-f53a986f]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e91a}.actions[data-v-f53a986f]{margin-top:8px}.save-btn[data-v-f53a986f]{width:100%;justify-content:center}.spinner[data-v-f53a986f]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-f53a986f 1s linear infinite}@keyframes spin-f53a986f{to{transform:rotate(360deg)}}.screen-container[data-v-116a4a86]{width:100%;max-width:600px;margin:0 auto}.form-card[data-v-116a4a86]{background-color:var(--bg);border-radius:var(--radius);padding:24px;border:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.input-group[data-v-116a4a86]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-116a4a86]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-group input[data-v-116a4a86],.select-wrapper select[data-v-116a4a86]{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background-color:var(--card);transition:var(--transition)}.input-group input[data-v-116a4a86]:focus,.select-wrapper select[data-v-116a4a86]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e91a}.select-wrapper[data-v-116a4a86]{position:relative}.select-wrapper select[data-v-116a4a86]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px}.select-icon[data-v-116a4a86]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.actions[data-v-116a4a86]{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.screen-container[data-v-f81f52dd]{width:100%;max-width:600px;margin:0 auto}.form-card[data-v-f81f52dd]{background-color:var(--bg);border-radius:var(--radius);padding:24px;border:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.input-group[data-v-f81f52dd]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-f81f52dd]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.select-wrapper[data-v-f81f52dd]{position:relative}.select-wrapper select[data-v-f81f52dd]{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background-color:var(--card);transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-wrapper select[data-v-f81f52dd]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e91a}.select-icon[data-v-f81f52dd]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.hint[data-v-f81f52dd]{font-size:.875rem;color:var(--text-secondary);margin:0}.actions[data-v-f81f52dd]{display:flex;justify-content:flex-end;margin-top:12px}.side-menu[data-v-db043204]{position:fixed;right:0;top:0;height:100vh;width:320px;background-color:var(--card);color:var(--text);padding:24px;box-shadow:-4px 0 24px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;border-left:1px solid var(--border)}.side-menu.open[data-v-db043204]{transform:translate(0)}.menu-header[data-v-db043204]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border)}.menu-header .title[data-v-db043204]{font-weight:700;font-size:1.25rem;color:var(--text)}.close-btn[data-v-db043204]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:var(--transition);display:flex;align-items:center;justify-content:center}.close-btn[data-v-db043204]:hover{background-color:var(--bg);color:var(--text)}.menu-body[data-v-db043204]{display:flex;flex-direction:column;gap:8px}.menu-item[data-v-db043204]{width:100%}.menu-link[data-v-db043204]{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--text);padding:12px 16px;text-align:left;font-size:1rem;font-weight:500;border-radius:12px;cursor:pointer;transition:var(--transition)}.menu-link[data-v-db043204]:hover{background-color:var(--bg);color:var(--accent)}.menu-link svg[data-v-db043204]{color:var(--text-secondary);transition:var(--transition)}.menu-link:hover svg[data-v-db043204]{color:var(--accent)}.modal-overlay[data-v-bdc7283f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-bdc7283f .2s ease-out}.modal-card[data-v-bdc7283f]{background:var(--card);padding:32px;border-radius:var(--radius);text-align:center;max-width:360px;width:90%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:24px;animation:slideUp-bdc7283f .3s cubic-bezier(.16,1,.3,1)}.icon-wrapper[data-v-bdc7283f]{width:64px;height:64px;background-color:#f1f5f9;color:var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-card h2[data-v-bdc7283f]{margin:0;color:var(--text);font-size:1.5rem}.input-display[data-v-bdc7283f]{display:flex;justify-content:center;gap:12px}.dot[data-v-bdc7283f]{width:12px;height:12px;border-radius:50%;background-color:var(--border);transition:background-color .2s ease}.dot.filled[data-v-bdc7283f]{background-color:var(--accent)}.numpad[data-v-bdc7283f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.num-btn[data-v-bdc7283f]{padding:16px;font-size:1.25rem;font-weight:600;border:none;border-radius:12px;background-color:var(--bg);color:var(--text);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.num-btn[data-v-bdc7283f]:hover{background-color:var(--border)}.num-btn[data-v-bdc7283f]:active{transform:scale(.95)}.action-btn[data-v-bdc7283f]{font-weight:700}.reset-btn[data-v-bdc7283f]{color:var(--error);background-color:#fee2e2}.reset-btn[data-v-bdc7283f]:hover{background-color:#fecaca}.submit-btn[data-v-bdc7283f]{color:var(--success);background-color:#dcfce7}.submit-btn[data-v-bdc7283f]:hover{background-color:#bbf7d0}@keyframes fadeIn-bdc7283f{0%{opacity:0}to{opacity:1}}@keyframes slideUp-bdc7283f{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay[data-v-e7e19921]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-e7e19921 .2s ease-out}.modal-card[data-v-e7e19921]{background:var(--card);padding:32px;border-radius:var(--radius);text-align:center;max-width:400px;width:90%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:16px;animation:slideUp-e7e19921 .3s cubic-bezier(.16,1,.3,1)}.icon-wrapper[data-v-e7e19921]{width:64px;height:64px;background-color:#dcfce7;color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-card h2[data-v-e7e19921]{margin:0;color:var(--text);font-size:1.5rem}.modal-card p[data-v-e7e19921]{margin:0;color:var(--text-secondary);line-height:1.5;word-break:break-word}.btn-success[data-v-e7e19921]{background-color:var(--success);width:100%;justify-content:center}.btn-success[data-v-e7e19921]:hover{background-color:#059669}@keyframes fadeIn-e7e19921{0%{opacity:0}to{opacity:1}}@keyframes slideUp-e7e19921{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay[data-v-533e78eb]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-533e78eb .2s ease-out}.modal-card[data-v-533e78eb]{background:var(--card);padding:32px;border-radius:var(--radius);text-align:center;max-width:400px;width:90%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:16px;animation:slideUp-533e78eb .3s cubic-bezier(.16,1,.3,1)}.icon-wrapper[data-v-533e78eb]{width:64px;height:64px;background-color:#fee2e2;color:var(--error);border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-card h2[data-v-533e78eb]{margin:0;color:var(--text);font-size:1.5rem}.modal-card p[data-v-533e78eb]{margin:0;color:var(--text-secondary);line-height:1.5;word-break:break-word}.btn-error[data-v-533e78eb]{background-color:var(--error);width:100%;justify-content:center}.btn-error[data-v-533e78eb]:hover{background-color:#dc2626}@keyframes fadeIn-533e78eb{0%{opacity:0}to{opacity:1}}@keyframes slideUp-533e78eb{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}video[data-v-28c11992]{width:100%;height:100%;z-index:-1}:root{--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--text-secondary: #475569;--muted: #94a3b8;--accent: #0ea5e9;--accent-hover: #0284c7;--success: #10b981;--error: #ef4444;--border: #e2e8f0;--radius: 16px;--gap: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: all .2s ease-in-out}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background-color:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:40px;height:40px;object-fit:contain}.brand .brand-text{font-weight:700;font-size:1.25rem;color:var(--text);letter-spacing:-.025em}.header-actions{display:flex;gap:8px}button{font-family:inherit}.back-btn,.menu-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.back-btn:hover,.menu-btn:hover{background-color:var(--bg);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;background-color:var(--accent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn-muted{background-color:#fff;border:1px solid var(--border);color:var(--text-secondary)}.btn-muted:hover{background-color:var(--bg);border-color:var(--muted);color:var(--text)}.app-main{flex:1;padding:24px;display:flex;justify-content:center;align-items:flex-start}.app-card{width:100%;max-width:800px;background-color:var(--card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid var(--border)}.app-footer{padding:24px;text-align:center;color:var(--muted);font-size:.875rem;background-color:var(--bg);border-top:1px solid var(--border)}.app-footer a{color:var(--accent);text-decoration:none;transition:var(--transition)}.app-footer a:hover{color:var(--accent-hover);text-decoration:underline}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;transition:opacity .3s ease}.back-btn,.menu-btn{font-size:1.5rem;padding:12px;min-width:48px;min-height:48px}@media(max-width:768px){:root{--gap: 12px;--radius: 12px}.app-header{padding:12px 16px}.app-main{padding:12px}.app-card{padding:16px}.brand .brand-text{font-size:1.1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}button{padding:8px 16px;font-size:.9rem}input,select,textarea{padding:8px;font-size:.9rem}.btn{padding:8px 16px;font-size:.9rem}.form-group{margin-bottom:12px}.grid,.flex{gap:12px}.back-btn,.menu-btn{font-size:1.2rem;padding:12px;min-width:44px;min-height:44px}}@media(max-width:640px){.app-header{padding:12px 16px}.app-main{padding:16px}.app-card{padding:20px}.brand .brand-text{font-size:1.1rem}}