:root{--primary:#1a73e8;--primary-dark:#1557b0;--danger:#d93025;--success:#188038;--warning:#f29900;--bg:#f1f3f4;--surface:#fff;--text:#202124;--text-secondary:#5f6368;--border:#dadce0;--radius:12px;--touch:56px;--gap:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.page{min-height:100%;padding:var(--gap);gap:var(--gap);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.login-page{justify-content:center;padding-top:48px}.login-page h1{color:var(--primary);text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:700}.login-page .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:8px}.login-page form{background:var(--surface);border-radius:var(--radius);padding:var(--gap);flex-direction:column;gap:12px;display:flex;box-shadow:0 1px 4px #0000001f}label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}input,select{height:var(--touch);border:2px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;outline:none;width:100%;padding:0 14px;font-size:1.1rem;transition:border-color .15s}input:focus,select:focus{border-color:var(--primary)}button{height:var(--touch);cursor:pointer;border:none;border-radius:8px;padding:0 20px;font-size:1.05rem;font-weight:600;transition:background .15s,opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary,button[type=submit]{background:var(--primary);color:#fff;width:100%}.btn-primary:active,button[type=submit]:active{background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--primary);border:2px solid var(--primary);width:100%}.btn-danger{color:var(--danger);border:2px solid var(--danger);background:0 0;height:36px;padding:0 12px;font-size:.9rem}.btn-logout{color:var(--text-secondary);border:1px solid var(--border);background:0 0;height:36px;padding:0 12px;font-size:.9rem}header{background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000001a}.user-info{align-items:center;gap:10px;display:flex}.monogram{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.user{font-size:1rem;font-weight:600}.test-banner{background:var(--warning);color:#fff;text-align:center;letter-spacing:.03em;border-radius:8px;padding:8px;font-size:.95rem;font-weight:700}.expiry-banner{color:#7a4f01;border:1px solid var(--warning);text-align:center;background:#fef7e0;border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:600}.card{background:var(--surface);border-radius:var(--radius);padding:var(--gap);flex-direction:column;gap:12px;display:flex;box-shadow:0 1px 3px #0000001a}.barcode-value{align-items:center;min-height:44px;font-size:1.2rem;display:flex}.barcode-value strong{color:var(--primary);font-size:1.4rem}.hint{color:var(--text-secondary);font-style:italic}.btn-photo{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:64px;font-size:1.1rem;display:flex}.btn-photo:before{content:"📷";font-size:1.4rem}.camera-overlay{z-index:200;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.camera-preview{object-fit:cover;flex:1;width:100%;min-height:0}.camera-controls{padding:12px 20px max(12px, env(safe-area-inset-bottom,12px));background:#000;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.btn-camera-close{color:#fff;background:#ffffff26;border:2px solid #fff6;border-radius:24px;padding:10px 20px;font-size:1rem;font-weight:600}.btn-camera-shutter{background:#fff;border:5px solid #ffffff80;border-radius:50%;flex-shrink:0;width:72px;height:72px;box-shadow:0 0 0 4px #fff}.btn-camera-shutter:active{transform:scale(.93)}.btn-camera-torch{color:#fff;white-space:nowrap;background:#ffffff26;border:2px solid #fff6;border-radius:24px;padding:10px 16px;font-size:.85rem;font-weight:600}.btn-camera-torch.torch-on{background:var(--warning);color:#000;border-color:var(--warning)}@media (orientation:landscape) and (height<=500px){.camera-overlay{flex-direction:row}.camera-preview{flex:1;width:auto;height:100%}.camera-controls{flex-direction:column;justify-content:center;gap:16px;width:auto;min-width:100px;padding:12px 16px}.btn-camera-shutter{border-width:4px;width:56px;height:56px;box-shadow:0 0 0 3px #fff}.camera-review-buttons{flex-direction:column}.btn-camera-close{padding:8px 14px;font-size:.9rem}.btn-camera-retake,.btn-camera-keep{padding:8px 16px;font-size:.9rem}.btn-camera-torch{padding:8px 12px;font-size:.8rem}}.camera-error{color:#fff;text-align:center;padding:40px 20px;font-size:1rem}.photo-count{color:var(--text-secondary);text-align:center;font-size:.95rem}.photo-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;list-style:none;display:grid}.photo-list li{aspect-ratio:1;background:var(--bg);border-radius:8px;position:relative;overflow:hidden}.photo-list img{object-fit:cover;width:100%;height:100%;display:block}.photo-list .btn-danger{color:#fff;background:#d93025d9;border:none;border-radius:6px;height:28px;padding:0 8px;font-size:.75rem;position:absolute;top:4px;right:4px}.btn-upload{background:var(--success);color:#fff;border-radius:12px;width:100%;height:64px;margin-top:4px;font-size:1.2rem}.btn-upload:not(:disabled):active{background:#146c2e}.progress{background:var(--bg);border:1px solid var(--border);border-radius:8px;height:12px;overflow:hidden}.progress-bar{background:var(--primary);border-radius:8px;height:100%;transition:width .2s}.error{color:var(--danger);background:#fce8e6;border-radius:8px;padding:12px 14px;font-size:.95rem;font-weight:500}.success{color:var(--success);background:#e6f4ea;border-radius:8px;padding:12px 14px;font-size:.95rem;font-weight:500}.lightbox{z-index:200;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;touch-action:pinch-zoom;max-width:100%;max-height:100%}.lightbox-close{top:max(16px, env(safe-area-inset-top,16px));right:max(16px, env(safe-area-inset-right,16px));color:#fff;background:#fff3;border:none;border-radius:50%;width:44px;height:44px;font-size:1.1rem;position:absolute}.scanner-overlay{z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.scanner-viewport{width:100%;max-width:480px;position:relative}.scanner-viewport #barcode-scanner-container{width:100%}.scanner-guide{pointer-events:none;z-index:10;background:#d93025;height:2px;position:absolute;top:50%;left:5%;right:5%;box-shadow:0 0 8px #d9302599}.scanner-overlay button{color:#fff;width:200px;margin-bottom:env(safe-area-inset-bottom,0);background:#ffffff26;border:2px solid #fff6}.uploading-label{text-align:center;color:var(--text-secondary);font-size:.9rem}.focus-ring{pointer-events:none;z-index:210;border:2px solid #ffffffd9;border-radius:50%;width:60px;height:60px;animation:.8s ease-out forwards focus-fade;position:fixed}@keyframes focus-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.camera-review-buttons{gap:12px;display:flex}.btn-camera-retake{color:#fff;background:0 0;border:2px solid #ffffff80;border-radius:24px;padding:12px 24px;font-size:1rem;font-weight:600}.btn-camera-keep{background:var(--success);color:#fff;border:none;border-radius:24px;padding:12px 28px;font-size:1rem;font-weight:600}.btn-camera-keep:active{background:#146c2e}.group-card{border-left:4px solid var(--primary)}.group-header{justify-content:space-between;align-items:center;display:flex}.group-docnum{color:var(--primary);font-size:1.3rem}.btn-remove-group{height:32px;padding:0 10px;font-size:.8rem}.btn-add-group{background:var(--surface);color:var(--primary);border:2px dashed var(--primary);border-radius:var(--radius);width:100%;height:52px;font-size:1rem;font-weight:600}.btn-add-group:active{background:#e8f0fe}.btn-cancel{color:var(--text-secondary);border:1px solid var(--border);background:0 0;width:100%}.manual-input-row{gap:8px;display:flex}.manual-input-row input{flex:1}.btn-manual-add{flex-shrink:0;width:auto;min-width:80px}.test-build-banner{z-index:50;color:#fff;text-align:center;letter-spacing:.05em;background:#7b1fa2;padding:8px;font-size:1rem;font-weight:700;position:sticky;top:0}.version-switch{text-align:center;padding:16px}.version-switch a{color:var(--text-secondary);font-size:.85rem;text-decoration:underline}.build-date{color:var(--text-secondary);margin-bottom:4px;font-size:.75rem;display:block}