:root{--bs-primary:#12645a;--bs-primary-rgb:18,100,90;--ink:#183631;--muted:#6f7b78;--line:#e2e8e5;--bs-body-color:var(--ink);--bs-body-bg:#f5f7f9}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:#12645a;text-underline-offset:3px}.app-shell{max-width:560px;margin:0 auto;padding:0 22px;padding-bottom:env(safe-area-inset-bottom)}.app-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);margin-bottom:30px}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:750;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#12645a;color:white;font-size:26px;line-height:1}.settings-link{font-size:12px;color:#596e67;text-decoration:none;padding:12px 0 12px 8px}h1{font-size:29px;line-height:1.25;font-weight:750;letter-spacing:-.8px}h2,h3{font-weight:650}.text-muted{color:var(--muted)!important}.eyebrow{display:block;color:#6c827b;font-size:10px;font-weight:750;letter-spacing:1.9px;margin-bottom:10px}.page-heading{margin-bottom:25px}.page-heading p{font-size:14px;margin-top:10px}.btn{border-radius:12px;font-weight:600;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{--bs-btn-bg:#12645a;--bs-btn-border-color:#12645a;--bs-btn-hover-bg:#0b4b43;--bs-btn-hover-border-color:#0b4b43;--bs-btn-active-bg:#0b4b43;--bs-btn-disabled-bg:#12645a;--bs-btn-disabled-border-color:#12645a;color:#fff}.btn-outline-primary{--bs-btn-color:#12645a;--bs-btn-border-color:#b4cec6;--bs-btn-hover-bg:#e4eee9;--bs-btn-hover-color:#12645a;--bs-btn-hover-border-color:#12645a;--bs-btn-active-bg:#e4eee9;--bs-btn-active-color:#12645a;background:#fff}.btn-lg{font-size:16px;padding:15px 18px;min-height:56px}.btn-light{background:#e9efec;border:1px solid #e9efec;color:#345d51}.stats-row{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;margin-bottom:25px;background:white;border:1px solid var(--line);border-radius:16px}.stats-row>div{display:flex;flex-direction:column;padding:0 24px}.stats-row>div+div{border-left:1px solid var(--line)}.stats-row strong{font-size:29px;font-weight:750;line-height:1.1}.stats-row span{font-size:12px;color:var(--muted);margin-top:8px}.primary-actions{display:flex;flex-direction:column;gap:12px}.action-button{min-height:90px;padding:16px 20px;text-align:left;justify-content:flex-start;gap:15px}.action-button>span:nth-child(2){flex:1;font-size:17px;font-weight:650}.action-button small{display:block;font-size:11px;margin-top:5px;font-weight:400;opacity:.8;overflow-wrap:anywhere}.action-symbol{font-size:28px;font-weight:400}.add-button{min-height:54px;font-size:14px}.history-section{margin-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading .h5{font-size:17px}.pass-list{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.pass-row{display:flex;align-items:center;gap:11px;padding:18px 14px;text-decoration:none;color:var(--ink)}.pass-row+.pass-row{border-top:1px solid var(--line)}.pass-row:hover{background:#f3f8f5}.pass-icon{background:#edf3ef;border-radius:10px;width:38px;height:40px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.pass-info{display:flex;flex-direction:column;flex:1;min-width:0;overflow-wrap:anywhere}.pass-info strong{font-size:13px;font-weight:650}.pass-info small{font-size:10px;color:var(--muted);margin-top:4px}.badge{font-size:9px;line-height:1.4;padding:5px 8px;border-radius:6px;white-space:nowrap;font-weight:650;vertical-align:middle}.badge-available{background:#e7f3ea;color:#387a46}.badge-inside{background:#fff0d1;color:#8b6012}.badge-completed{background:#eaf0f2;color:#677980}.row-chevron{font-size:20px;color:#9aaba4}.empty-state{text-align:center;background:#fff;border:1px dashed #d6dfd9;border-radius:15px;padding:30px 20px}.empty-state p{font-size:13px;line-height:1.7;color:var(--muted);margin:10px auto;max-width:330px}.empty-state a{font-size:13px;font-weight:600}.empty-icon{display:block;font-size:36px;color:#9fb8ac;margin-bottom:12px}.app-footer{text-align:center;font-size:11px;line-height:1.8;color:#70847a;margin:38px 0 25px}.app-footer span{font-size:10px;color:#8d9c95}.panel{padding:25px 22px;border:1px solid var(--line);border-radius:17px;background:#fff}.panel p{font-size:13px}.form-label{font-size:13px;font-weight:600}.form-control{background:#fff;border-color:#d8e1db;border-radius:9px;min-height:48px;font-size:16px}.form-control:focus{border-color:#12645a;box-shadow:0 0 0 3px #12645a15}.login-intro{margin:45px 0 30px}.login-intro h1{font-size:36px;line-height:1.2}.login-intro p{font-size:14px;margin-top:15px}.back-link{display:inline-block;font-size:12px;text-decoration:none;color:#73867c;margin-bottom:24px}.qr-card{border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff;text-align:center}.qr-image{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1;object-fit:contain;margin:auto;image-rendering:pixelated}.qr-caption{display:block;font-size:11px;color:var(--muted);padding:10px 0 12px}.display-tools{display:flex;gap:10px;justify-content:center;margin-top:12px}.display-tools .btn{font-size:11px;min-height:40px}.flow-hint{font-size:12px;color:var(--muted);text-align:center;margin:25px 15px 15px;line-height:1.7}.correction-link{display:block;text-align:center;font-size:11px;color:#7a897f;margin-top:24px}.qr-image:fullscreen{object-fit:contain;background:white;padding:20px;height:100%;width:100%;max-width:none;aspect-ratio:auto}.alert{border:0;border-radius:12px;font-size:13px;line-height:1.6}.or-divider{height:40px;display:flex;align-items:center;gap:10px;color:#9baba2;font-size:11px}.or-divider:before,.or-divider:after{content:"";height:1px;background:#e6ebe7;flex:1}#reader{display:block;width:100%;margin-bottom:18px;overflow:hidden;border-radius:12px}#reader video{display:block;width:100%!important;max-width:100%;height:auto}.upload-preview{display:block;width:100%;max-height:250px;object-fit:contain;margin:15px auto}.payload-details{margin:14px 0 20px;padding:12px;border:1px solid var(--line);border-radius:9px;font-size:12px}.payload-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;margin:10px 0 0}.form-check-label{font-size:13px}.form-check p{margin-top:5px}[hidden]{display:none!important}:focus-visible{outline:3px solid #66988a;outline-offset:3px}@media(max-width:360px){.app-shell{padding:0 16px}h1{font-size:26px}.pass-row{padding:16px 10px;gap:8px}.badge{font-size:8px;padding:5px}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}