:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f6fb;line-height:1.4;font-weight:400;--color-primary: #4a2d8a;--color-primary-rgb: 74, 45, 138;--color-primary-soft: #ece6f7;--color-primary-muted: #e5dcf3;--color-primary-tint: #f4effa;--color-primary-tint-alt: #f5f0fc;--color-primary-border: #c4b0e0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f6f4fa,#ebe6f4)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#app{min-height:100vh}.app-shell{max-width:780px;margin:0 auto;padding:1rem;padding-bottom:0}.app-shell-admin{max-width:1080px}.offline-banner{padding:.5rem 1rem;background:#fff4e8;color:#b45309;font-size:.85rem;font-weight:600;text-align:center;border-bottom:1px solid #f4d9b8}.app-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1rem 0 .5rem}.page-shell,.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #2a3a5814;padding:1rem}.page-shell-plain{padding:0;background:transparent;box-shadow:none}.page-shell-with-bottom-nav{padding-bottom:calc(6.75rem + env(safe-area-inset-bottom))}.card+.card{margin-top:1rem}.muted{color:#63708a}.field,.field-group{display:grid;gap:.4rem;margin-bottom:.9rem}.switch-field{align-self:end}.switch-control{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.65rem .85rem;border:1px solid #c8d2e3;border-radius:12px;background:#fff;cursor:pointer}.switch-caption{color:#44506a;font-size:.92rem}.switch{position:relative;display:inline-flex;flex-shrink:0;width:2.75rem;height:1.55rem}.switch-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#c8d2e3;transition:background .2s ease}.switch-slider:after{content:"";position:absolute;top:.15rem;left:.15rem;width:1.25rem;height:1.25rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #2a3a582e;transition:transform .2s ease}.switch-input:checked+.switch-slider{background:var(--color-primary)}.switch-input:focus-visible+.switch-slider{outline:2px solid var(--color-primary);outline-offset:2px}.switch-input:checked+.switch-slider:after{transform:translate(1.2rem)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stack{display:grid;gap:1rem}.checkbox-list{display:grid;gap:.4rem;padding:.75rem;background:#f7f9fd;border-radius:12px}input,select,textarea{width:100%;padding:.75rem;border:1px solid #c8d2e3;border-radius:12px;background:#fff}input[type=checkbox]{width:auto}textarea{min-height:140px;resize:vertical}button{border:0;border-radius:12px;padding:.8rem 1rem;cursor:pointer}.primary-button{background:var(--color-primary);color:#fff}.secondary-button{background:var(--color-primary-muted);color:var(--color-primary)}.danger-button{background:#fbe8e7;color:#a1362f}.header-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;margin-bottom:.35rem}.page-toolbar h2{margin:0;font-size:1.3rem;line-height:1.2}.toolbar-actions{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0}.compact-button{padding:.45rem .7rem;font-size:.82rem;font-weight:600;border-radius:10px;line-height:1.2}.checkbox-row{display:flex;align-items:center;gap:.5rem}.status-chip{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;font-size:.85rem;background:var(--color-primary-soft);color:var(--color-primary)}.error-text{color:#a1362f}.success-text{color:#1d7b47}.note-list{display:grid;gap:.75rem}.note-card{border:1px solid #e2e7f2;border-radius:12px;padding:.9rem}.note-card h3{margin:0 0 .5rem;font-size:1rem}.meta-grid{display:grid;gap:.35rem;font-size:.92rem;color:#44506a}.scanner-shell{overflow:hidden;border-radius:14px;background:#0e1525;min-height:220px}.scanner-video{display:block;width:100%;height:min(55vh,360px);object-fit:cover}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(780px,100vw);display:flex;justify-content:space-around;align-items:stretch;height:5.75rem;padding:.5rem .5rem max(.85rem,env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #d9e1ef;box-shadow:0 -6px 24px #2a3a581a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav-link{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:3.5rem;padding:.45rem .25rem;text-align:center;font-size:.88rem;font-weight:600;color:#63708a}.bottom-nav-link-active{color:var(--color-primary)}.bottom-nav-mic{flex:0 0 4.25rem;align-self:center;display:flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem;margin:0 .2rem;border-radius:999px;background:var(--color-primary);color:#fff;box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.35)}.bottom-nav-mic svg{width:1.65rem;height:1.65rem}@media(max-width:640px){.field-row{grid-template-columns:1fr}.bottom-nav-link{font-size:.82rem}.bottom-nav-mic{flex-basis:4rem;width:4rem;height:4rem}.page-toolbar{align-items:flex-start}.page-toolbar h2{font-size:1.15rem}.toolbar-actions{margin-left:auto}.compact-button{padding:.38rem .62rem;font-size:.78rem}}