.device-frame{min-height:100%;display:flex;justify-content:center;align-items:flex-start;background:var(--page-plane);padding:24px 12px}.device-shell{width:100%;max-width:420px;min-height:calc(100vh - 48px);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 8px 32px #0b0b0b24;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 460px){.device-frame{padding:0}.device-shell{max-width:100%;min-height:100vh;border-radius:0;border:none;box-shadow:none}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;height:52px;background:var(--brand-ink);color:#fff;flex-shrink:0}.app-header__brand{display:flex;align-items:baseline;gap:8px;min-width:0}.app-header__logo{font-weight:800;font-size:14px;letter-spacing:.06em}.app-header__product{font-size:12.5px;font-weight:500;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.sync-indicator--online{background:#0ca30c38;color:#a6f0a6}.sync-indicator--offline{background:#d03b3b47;color:#ffc2c2}.sync-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.sync-indicator--online .sync-dot{box-shadow:0 0 0 3px #0ca30c2e}.env-badge-row{display:flex;justify-content:center;padding:8px 14px 0;flex-shrink:0}.env-badge{font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:3px 10px;border-radius:999px;background:var(--seq-100);color:var(--brand-ink);white-space:nowrap}.app-main{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 24px;-webkit-overflow-scrolling:touch}.route-page{display:flex;flex-direction:column;gap:12px}.route-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card)}.route-summary__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.route-summary__district{font-size:16px;font-weight:800;color:var(--text-primary)}.route-summary__date{font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.route-summary__controller{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.progress-row{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:8px;border-radius:999px;background:var(--gridline);overflow:hidden}.progress-fill{height:100%;background:var(--series-2-aqua);border-radius:999px;transition:width .3s ease}.progress-label{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.route-list{display:flex;flex-direction:column;gap:8px}.route-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-card);cursor:pointer;font:inherit;color:inherit;min-height:44px}.route-item:active{background:var(--surface-1)}.route-item__seq{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--seq-100);color:var(--brand-ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.route-item__body{flex:1;min-width:0}.route-item__addr{font-size:14px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-item__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.route-item__owner{font-size:12.5px;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-item__side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.route-item__chevron{color:var(--text-muted);font-size:16px}.status-chip{font-size:10.5px;font-weight:700;letter-spacing:.01em;padding:3px 8px;border-radius:999px;white-space:nowrap}.status-chip--planned{background:var(--gridline);color:var(--text-secondary)}.status-chip--progress{background:var(--status-warning);color:#4a3400}.status-chip--done{background:#0ca30c29;color:var(--status-good-text)}.status-chip--denied{background:#d03b3b29;color:var(--status-critical)}.empty-row{text-align:center;padding:24px 12px;color:var(--text-muted);font-size:13px}.vog-page{display:flex;flex-direction:column;gap:12px}.back-link{align-self:flex-start;background:none;border:none;color:var(--brand-ink);font-size:13.5px;font-weight:600;padding:8px 0;cursor:pointer}.vog-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card)}.vog-card__code{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.02em}.vog-card__addr{font-size:17px;font-weight:800;color:var(--text-primary);margin-top:4px}.vog-card__district{font-size:12.5px;color:var(--text-secondary);margin-top:2px}.vog-card__owner{font-size:13.5px;color:var(--text-secondary);margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.vog-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.vog-card__field{display:flex;flex-direction:column;gap:2px}.field-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600}.field-value{font-size:13.5px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.section-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px}.section-title{font-size:14.5px;font-weight:800;color:var(--text-primary)}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.section-toggle__chevron{color:var(--text-muted);font-size:14px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-top:2px}.reading-input{width:100%;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;padding:12px 14px;border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);min-height:44px}.reading-input:focus{outline:none;border-color:var(--brand)}.select-input,.note-input{width:100%;font-size:14px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);min-height:44px}.note-input{resize:vertical;font-family:inherit}.photo-btn,.gps-btn{width:100%;min-height:48px;border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--surface-1);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;padding:10px 14px;text-align:left}.photo-btn--taken{border-style:solid;border-color:var(--status-good);color:var(--status-good-text);background:#0ca30c14}.gps-btn--ok{border-style:solid;border-color:var(--brand);color:var(--brand-ink);background:var(--seq-100)}.seal-row{display:flex;flex-direction:column;gap:6px}.seal-options{display:flex;gap:6px;flex-wrap:wrap}.seal-chip{flex:1;min-width:90px;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;padding:8px;text-transform:capitalize}.seal-chip--active{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.seal-chip--warn.seal-chip--active{background:var(--status-critical);border-color:var(--status-critical)}.primary-btn{width:100%;min-height:48px;border-radius:var(--radius-md);border:none;background:var(--brand);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn--secondary{background:var(--brand-ink)}.result-banner{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:600;line-height:1.4}.result-banner--ok{background:#0ca30c1f;color:var(--status-good-text)}.result-banner--warn{background:#d03b3b1f;color:var(--status-critical)}.history-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--border);font-size:12.5px}.history-row:first-of-type{border-top:none}.history-row__value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.history-row__meta{color:var(--text-muted);flex:1}.history-row__flag{background:#d03b3b29;color:var(--status-critical);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px}.state-banner{text-align:center;padding:24px 12px;color:var(--text-muted);font-size:14px}.state-banner--error{color:var(--status-critical)}:root{color-scheme:light;--surface-1: #fcfcfb;--page-plane: #f2f1ed;--surface-2: #ffffff;--surface-raised: #ffffff;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--border-strong: rgba(11, 11, 11, .16);--series-1-blue: #2a78d6;--series-2-aqua: #1baf7a;--series-3-yellow: #eda100;--series-4-green: #008300;--series-5-violet: #4a3aa7;--series-6-red: #e34948;--series-7-magenta: #e87ba4;--series-8-orange: #eb6834;--seq-100: #cde2fb;--seq-200: #9ec5f4;--seq-300: #6da7ec;--seq-400: #3987e5;--seq-500: #256abf;--seq-600: #184f95;--seq-700: #0d366b;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-good-text: #006300;--brand: #184f95;--brand-ink: #0d366b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(11, 11, 11, .06), 0 1px 1px rgba(11, 11, 11, .04);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-1: #1a1a19;--page-plane: #0d0d0d;--surface-2: #201f1e;--surface-raised: #242322;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--series-1-blue: #3987e5;--series-2-aqua: #199e70;--series-3-yellow: #c98500;--series-4-green: #008300;--series-5-violet: #9085e9;--series-6-red: #e66767;--series-7-magenta: #d55181;--series-8-orange: #d95926;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-good-text: #0ca30c;--brand: #3987e5;--brand-ink: #cde2fb;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--page-plane);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font-family:inherit}a{color:inherit}