:root{--color-primary:#1a56db;--color-primary-dark:#1240a8;--color-text:#1f2937;--color-muted:#6b7280;--color-bg:#f3f4f6;--color-card:#fff;--color-border:#e5e7eb;--color-error:#b91c1c;--color-error-bg:#fef2f2;--color-ok:#166534;--color-ok-bg:#f0fdf4;--color-warn-bg:#fef3c7;--color-warn-text:#92400e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.header{background:var(--color-primary);color:#fff;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.brand{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:700;overflow:hidden}.badge-sandbox{background:var(--color-warn-bg);color:var(--color-warn-text);letter-spacing:.05em;border-radius:.375rem;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.lang-toggle{border:1px solid #ffffff80;border-radius:.375rem;flex-shrink:0;display:inline-flex;overflow:hidden}.lang-btn{color:inherit;font:inherit;letter-spacing:.05em;cursor:pointer;opacity:.7;background:0 0;border:0;padding:.2rem .45rem;font-size:.7rem;font-weight:700}.lang-btn-active{opacity:1;background:#ffffff40}.container>.lang-toggle{border-color:var(--color-border);color:var(--color-muted);background:var(--color-card);align-self:flex-end}.container>.lang-toggle .lang-btn-active{background:var(--color-border);color:var(--color-text)}.sandbox-note{background:var(--color-warn-bg);color:var(--color-warn-text);text-align:center;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.container{flex-direction:column;gap:1rem;max-width:30rem;margin:0 auto;padding:1rem;display:flex}.center-screen{justify-content:center;align-items:center;min-height:70vh}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.section-title{margin:0;font-size:1.125rem;font-weight:700}.muted{color:var(--color-muted);margin:0;font-size:.9375rem}.note{font-size:.8125rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{text-align:center;cursor:pointer;border:0;border-radius:.5rem;width:100%;min-height:2.75rem;padding:.875rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:block}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-card);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-tertiary{color:var(--color-muted);border:1px dashed var(--color-border);background:0 0;font-weight:500}.btn:disabled{opacity:.45;cursor:not-allowed}.meta{flex-direction:column;gap:.375rem;margin:0;display:flex}.meta-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.meta-row dt{color:var(--color-muted);flex-shrink:0;font-size:.875rem}.meta-row dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.status-chip{border-radius:999px;padding:.125rem .625rem;font-size:.875rem;font-weight:700;display:inline-block}.status-active{background:var(--color-ok-bg);color:var(--color-ok)}.status-completed{background:var(--color-border);color:var(--color-text)}.qr-card{align-items:stretch}.qr-tap{cursor:pointer;background:0 0;border:0;min-height:2.75rem;margin:0 auto;padding:0;display:block}.qr-preview{border:1px solid var(--color-border);background:#fff;border-radius:.5rem;width:12rem;height:12rem;display:block}.qr-placeholder{background:var(--color-border);border-radius:.5rem;width:12rem;height:12rem;margin:0 auto}.qr-overlay{z-index:10;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.qr-overlay-img{width:min(90vw,80vh);max-width:30rem;height:auto;image-rendering:pixelated}.qr-overlay-hint{text-align:center;margin:0;font-size:1rem;font-weight:600}.qr-overlay-close{color:var(--color-muted);text-align:center;margin:0;font-size:.875rem}.incident-form{flex-direction:column;gap:.625rem;display:flex}.field-label{font-size:.9375rem;font-weight:600}.required-mark{color:var(--color-muted);font-size:.8125rem;font-weight:400}.textarea{border:1px solid var(--color-border);resize:vertical;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.file-input{border:1px dashed var(--color-border);background:var(--color-bg);border-radius:.5rem;width:100%;min-height:2.75rem;padding:.5rem;font-size:.9375rem}.text-input{border:1px solid var(--color-border);background:var(--color-card);border-radius:.5rem;width:100%;min-height:2.75rem;padding:.75rem;font-family:inherit;font-size:1rem}.text-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.fill-field{flex-direction:column;gap:.375rem;display:flex}.alert{border-radius:.5rem;margin:0;padding:.625rem .75rem;font-size:.9375rem;font-weight:600}.alert-ok{background:var(--color-ok-bg);color:var(--color-ok)}.alert-error{background:var(--color-error-bg);color:var(--color-error)}.alert-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.alert-empty{display:none}.stops-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.stops-progress{color:var(--color-primary);white-space:nowrap;font-size:.875rem;font-weight:700}.stop-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.stop-card{border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.stop-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stop-title{font-weight:700}.stop-status{border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.stop-status-pending{background:var(--color-warn-bg);color:var(--color-warn-text)}.stop-status-delivered{background:var(--color-ok-bg);color:var(--color-ok)}.stop-status-incident{background:var(--color-error-bg);color:var(--color-error)}.stop-meta{flex-direction:column;gap:.25rem;margin:0;display:flex}.stop-actions{flex-direction:column;gap:.5rem;display:flex}.cta-box{border:1px dashed var(--color-primary);background:var(--color-ok-bg);border-radius:.5rem;margin-top:.5rem;padding:.75rem}.cta-title{color:var(--color-primary-dark);margin:0 0 .25rem;font-weight:700}.modal-backdrop{z-index:20;background:#11182799;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{background:var(--color-card);border-radius:.75rem;flex-direction:column;gap:.75rem;width:100%;max-width:24rem;padding:1.25rem;display:flex}.modal-card p{margin:0}.error-card{border-color:var(--color-error)}.error-title{color:var(--color-error);margin:0;font-size:1.25rem}.footer{text-align:center;padding:1rem}.footer p{color:var(--color-muted);margin:0;font-size:.75rem}@media (min-width:40rem){.container{padding:1.5rem}}