@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-cyrillic-ext-wght-normal-BbRulJFC.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-cyrillic-wght-normal-se3OnFSl.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-vietnamese-wght-normal-DTJpi3oK.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-latin-ext-wght-normal-CeZZaleV.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-latin-wght-normal-CLTz0ja0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #00416b;--color-primary-ink: #00416b;--color-accent: #0ab99c;--color-accent-ink: #067a67;--color-on-primary: #ffffff;--color-canvas: #f3f4f6;--color-panel: #ffffff;--color-panel-2: #fafbfc;--color-ink: #161d24;--color-ink-2: #4c5966;--color-ink-3: #646c76;--color-line: #e5e8ec;--color-line-2: #eef0f3;--color-ok: #2f7a57;--color-ok-bg: #e9f3ee;--color-warn: #8a5510;--color-warn-bg: #f7efe0;--color-critical: #b23b34;--color-critical-ink: #b23b34;--color-critical-bg: #f7e8e6;--color-tint-navy: #e6eef4;--color-tint-teal: #e2f5f0;--radius: 6px;--color-navy-deep: #04263c;--color-navy-2: #0a5a8f;--radius-card: 16px;--radius-tile: 14px;--radius-btn: 12px;--font-sans: "Libre Franklin Variable", "Helvetica Neue", Arial, sans-serif;--font-arabic: "Cairo Variable", "Tajawal", "Noto Sans Arabic", sans-serif;--navy: var(--color-primary);--teal: var(--color-accent);--ink: var(--color-ink);--muted: var(--color-ink-3);--surface: var(--color-panel);--page: var(--color-canvas);--danger: var(--color-critical);--warn: var(--color-warn)}@media(prefers-color-scheme:dark){:root{--color-primary: #00416b;--color-primary-ink: #7fb4d8;--color-accent: #0ab99c;--color-accent-ink: #2bb6a0;--color-on-primary: #ffffff;--color-canvas: #0b141b;--color-panel: #111c25;--color-panel-2: #0e1720;--color-ink: #e7edf2;--color-ink-2: #a4b2bd;--color-ink-3: #8b9aa6;--color-line: #1e2c37;--color-line-2: #182530;--color-ok: #4faa7d;--color-ok-bg: #12271e;--color-warn: #cf9530;--color-warn-bg: #2a2113;--color-critical: #b23b34;--color-critical-ink: #dc6f66;--color-critical-bg: #2a1614;--color-tint-navy: #17293a;--color-tint-teal: #10322f;--color-navy-deep: #04263c;--color-navy-2: #0a5a8f}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}[dir=rtl] body{font-family:var(--font-arabic)}.app-root{height:100%;max-width:34rem;margin-inline:auto;display:flex;flex-direction:column;background:var(--color-canvas)}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;padding-block-start:calc(.75rem + env(safe-area-inset-top));background:var(--color-panel);border-block-end:1px solid var(--color-line)}.app-id{display:flex;align-items:center;gap:.7rem;min-width:0}.app-avatar{width:40px;height:40px;flex:none;border-radius:var(--radius-btn);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-navy-2))}.app-avatar svg{width:22px;height:22px}.app-avatar span{font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.app-id-text{min-width:0}.app-name{font-weight:700;font-size:.95rem}.app-role{font-size:.78rem;color:var(--color-ink-3)}.app-bar-actions{display:flex;align-items:center;gap:.5rem}.locale-inline{flex:none;min-height:38px;padding-inline:.7rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-panel);color:var(--color-ink-2);font-size:.8rem;font-weight:600}.icon-btn{width:38px;height:38px;min-height:38px;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-panel);color:var(--color-ink-2)}.icon-btn svg{width:18px;height:18px}.icon-btn.bell{position:relative}.bell-count{position:absolute;inset-block-start:1px;inset-inline-end:1px;min-width:16px;height:16px;padding-inline:3px;display:grid;place-items:center;border-radius:999px;background:var(--color-critical);color:var(--color-on-primary);font-size:.62rem;font-weight:700;line-height:1;border:1.5px solid var(--color-panel)}.notification-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:start;cursor:pointer}.notification-row .time{color:var(--color-ink-3);font-size:.8rem;flex:none}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-root>.screen{flex:1 1 auto;min-block-size:0;overflow-y:auto}.bottom-nav{display:flex;justify-content:space-around;gap:.25rem;padding:.5rem .5rem calc(.6rem + env(safe-area-inset-bottom));background:var(--color-panel);border-block-start:1px solid var(--color-line)}.nav-item{flex:1;min-height:48px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.35rem .25rem;border:0;background:transparent;color:var(--color-ink-3);font-size:.68rem;font-weight:600}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--color-primary-ink)}.login-screen{flex:1;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-navy-deep) 62%);color:#eaf2f8}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.6rem .5rem;padding-block-start:calc(2rem + env(safe-area-inset-top))}.brand-lockup img{width:160px;height:auto;display:block;margin-block-end:1.25rem}.login-hero h1{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.login-tag{margin:.4rem 0 0;color:#a9c6da;font-size:.9rem}.login-sheet{background:var(--color-panel);color:var(--color-ink);border-start-start-radius:26px;border-start-end-radius:26px;padding:1.5rem 1.4rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.35rem}.login-sheet label{margin-block-start:.35rem}.screen{max-width:34rem;margin-inline:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.home{padding-block-start:.75rem}.bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-end:1rem}.bar h1{font-size:1.15rem;margin:0}.bar-actions{display:flex;gap:.5rem}button{font:inherit;min-height:44px;padding-inline:.9rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-panel);color:var(--color-ink);cursor:pointer}button:disabled{opacity:.55;cursor:default}.primary{width:100%;min-height:64px;margin-block-start:1rem;border:none;border-radius:var(--radius-btn);background:var(--color-primary);color:var(--color-on-primary);font-size:1.15rem;font-weight:700}.primary:disabled{background:var(--color-ink-3)}.sos-button,.sos-send{background:var(--color-critical);color:var(--color-on-primary)}.sos-confirm{font-weight:600;margin-block-end:.25rem}.card.sos{border-inline-start:4px solid var(--color-critical)}.locale{position:fixed;inset-block-start:.75rem;inset-inline-end:.75rem;z-index:10;min-height:36px;border-radius:999px;font-size:.85rem}.card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:1rem;margin-block-end:1rem;box-shadow:0 1px 3px #101d290f}.card h2{margin:.25rem 0 .35rem;font-size:1.25rem}.window{margin:0;font-variant-numeric:tabular-nums;font-size:1.05rem}.detail{margin:.5rem 0 0;color:var(--color-ink-3);font-size:.95rem}.state{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.state-upcoming{color:var(--color-ink-3)}.state-late{color:var(--color-critical-ink)}.state-in_progress{color:var(--color-accent-ink)}.state-completed{color:var(--color-ink-3)}.state-missed,.state-absent{color:var(--color-critical-ink)}.card.shift{position:relative;overflow:hidden;border:0;color:#eaf2f8;background:linear-gradient(150deg,var(--color-primary) 0%,var(--color-navy-deep) 100%)}.card.shift .lbl{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9fc0d6}.card.shift .site{margin:.3rem 0 .15rem;font-size:1.15rem;font-weight:700;color:#eaf2f8}.card.shift .time{margin:0;font-size:.85rem;color:#c3d6e4;font-variant-numeric:tabular-nums}.onduty{display:inline-flex;align-items:center;gap:.45rem;margin:.8rem 0 0;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;background:#0ab99c2e;color:#8ff0dc;border:1px solid rgba(10,185,156,.4)}.onduty-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex:none}.onduty-upcoming,.onduty-completed{background:#ffffff1a;color:#cbd9e4;border-color:#fff3}.onduty-upcoming .onduty-dot,.onduty-completed .onduty-dot{background:#cbd9e4}.onduty-late,.onduty-missed,.onduty-absent{background:#b23b3438;color:#ffc9c4;border-color:#b23b3473}.onduty-late .onduty-dot,.onduty-missed .onduty-dot,.onduty-absent .onduty-dot{background:#ff8b82}.card.shift .primary.shift-cta{min-height:48px;background:#ffffff14;color:#eaf2f8;border:1px solid rgba(255,255,255,.22)}.card.shift .primary.shift-cta:disabled{opacity:.6}.card.shift .reason label{color:#c3d6e4}.card.shift .reason input{background:var(--color-panel);color:var(--color-ink)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-block-end:1rem}.qa{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;min-height:84px;padding:.85rem;border:1px solid var(--color-line);border-radius:var(--radius-tile);background:var(--color-panel);text-align:start}.qa-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.qa-ic svg{width:18px;height:18px}.qa-navy{background:var(--color-tint-navy);color:var(--color-primary-ink)}.qa-teal{background:var(--color-tint-teal);color:var(--color-accent-ink)}.qa-warn{background:var(--color-warn-bg);color:var(--color-warn)}.qa-ok{background:var(--color-ok-bg);color:var(--color-ok)}.qa-caption{font-weight:700;font-size:.85rem;color:var(--color-ink)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:.5rem .15rem .6rem}.section-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}.link-btn{min-height:32px;padding-inline:.6rem;border:0;background:transparent;color:var(--color-accent-ink);font-size:.82rem;font-weight:600}.alert,.notice{margin:0 0 1rem;padding:.75rem .9rem;border-radius:var(--radius-btn);border-inline-start:4px solid var(--color-critical-ink);background:var(--color-critical-bg);color:var(--color-critical-ink)}.notice{border-inline-start-color:var(--color-accent);background:var(--color-ok-bg);color:var(--color-accent-ink)}.empty{color:var(--color-ink-3)}form{display:flex;flex-direction:column;gap:.35rem}label{font-size:.9rem;color:var(--color-ink-2)}input{font:inherit;min-height:48px;padding-inline:.75rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-panel);color:var(--color-ink)}.reason{margin-block-start:.75rem}.row{display:flex;gap:.5rem;margin-block-start:.5rem}.row button{flex:1}.subtitle{margin-block-start:.15rem;color:var(--color-ink-3)}.queue{border-inline-start:4px solid var(--color-warn)}.queue h2{font-size:1rem;margin-block:0 .5rem;color:var(--color-warn)}.queued+.queued{margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:1px solid var(--color-line)}.queue button{margin-block-start:.75rem;width:100%}.notice.location-off{margin:.5rem 1rem}.section-note{font-size:.72rem;font-weight:600;color:var(--color-ink-3)}.upcoming{margin-block-start:.9rem}.upcoming-list{padding:.2rem 1rem}.upcoming-row{display:flex;align-items:baseline;gap:.7rem;padding-block:.6rem;border-block-end:1px solid var(--color-line-2)}.upcoming-row:last-child{border-block-end:0}.upcoming-day{flex:none;min-inline-size:5.5rem;font-size:.82rem;font-weight:700}.upcoming-site{flex:1 1 auto;font-size:.88rem}.upcoming-window{flex:none;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--color-ink-2)}.screen.patrol .window{color:var(--color-ink-2);font-size:.95rem}.screen.patrol .stops{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.screen.patrol .stop{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.35rem .6rem;padding:.7rem;border:1px solid var(--color-line);border-radius:var(--radius-tile);background:var(--color-panel-2)}.screen.patrol .stop>.detail,.screen.patrol .stop>.primary{grid-column:1 / -1}.screen.patrol .stop>.primary{min-height:48px;margin-block-start:.35rem}.screen.patrol .stop-name{font-weight:600}.screen.patrol .stop-matched{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.screen.patrol .viewfinder-video{inline-size:100%;aspect-ratio:4 / 3;border-radius:var(--radius-tile);background:var(--color-navy-deep);object-fit:cover}.badge{justify-self:start;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;background:var(--color-line-2);color:var(--color-ink-2)}.badge-done,.badge-approved,.badge-completed{background:var(--color-ok-bg);color:var(--color-ok)}.badge-checklist,.badge-walkable{background:var(--color-tint-teal);color:var(--color-accent-ink)}.badge-unavailable,.badge-expired,.badge-rejected{background:var(--color-critical-bg);color:var(--color-critical-ink)}.screen.gate .gate-search{flex-direction:row;gap:.5rem;margin-block-end:1rem}.screen.gate .gate-search input{flex:1 1 auto;min-inline-size:0}.screen.gate .gate-search button{flex:none;margin-block-start:0}.screen.gate .card{display:grid;gap:.3rem}.screen.gate .name{margin:0;font-size:1.05rem;font-weight:700}.screen.gate .plate,.screen.gate .id-number{margin:0;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-weight:700;color:var(--color-ink-2)}.screen.gate .window{font-size:.9rem;color:var(--color-ink-2)}.screen.gate .card .primary{min-height:48px}.screen.tasks .card{display:grid;gap:.35rem}.screen.tasks .description{margin:0;font-size:1rem;font-weight:600}.screen.tasks .window{font-size:.9rem;color:var(--color-ink-2)}.screen.tasks .card .primary{min-height:48px}.checklist-form{gap:.85rem}.checklist-form h3{margin:0;font-size:1.1rem}.checklist-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.checklist-item{padding:.85rem;border:1px solid var(--color-line);border-radius:var(--radius-tile);background:var(--color-panel)}.checklist-item .field{display:flex;flex-direction:column;gap:.35rem;border:0;margin:0;padding:0}.checklist-item .field+.field{margin-block-start:.7rem}.checklist-item .field-label{font-size:.9rem;font-weight:600;color:var(--color-ink);padding:0}.checklist-item textarea{font:inherit;min-block-size:4.5rem;padding:.6rem .75rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-panel);color:var(--color-ink)}.checklist-item .option{flex-direction:row;align-items:center;gap:.6rem;min-block-size:44px;font-size:1rem}.checklist-item .alert-hint{color:var(--color-warn)}.photo-field .capture{flex-direction:row;align-items:center;gap:.6rem}.photo-field .thumb{inline-size:76px;block-size:76px;object-fit:cover;border-radius:var(--radius-btn);border:1px solid var(--color-line)}.checklist-actions{display:flex;flex-direction:row;gap:.6rem;margin-block-start:.35rem}.checklist-actions button{flex:1;margin-block-start:0}.screen.terms h1{font-size:1.35rem;margin-block-end:.25rem}.screen.terms .terms-body{max-block-size:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-block-start:.9rem;padding:.9rem;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-panel);color:var(--color-ink-2);font-size:.92rem}.screen.terms .link{align-self:center;min-height:44px;border:0;background:transparent;color:var(--color-ink-3);font-size:.9rem;text-decoration:underline}.update-prompt{flex:none;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-top));background:var(--color-panel);border-block-end:1px solid var(--color-line)}.update-text{margin:0 0 .5rem;font-size:.95rem;color:var(--color-ink-2)}.update-prompt .row{gap:.5rem}.update-prompt button{min-height:44px;margin-block-start:0}.sos-dock{flex:none;background:var(--color-panel);border-block-start:1px solid var(--color-line)}.sos-dock .card.sos{margin:0;border:0;border-radius:0;padding:.5rem .75rem;box-shadow:none}.sos-dock .primary{min-height:48px;margin-block-start:0;font-size:1rem}.sos-dock .alert,.sos-dock .notice{margin:.5rem 0 0}.confirm-sheet{position:fixed;inset-inline:0;inset-block-end:0;z-index:20;max-inline-size:34rem;margin-inline:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--color-panel);border-block-start:1px solid var(--color-line);border-start-start-radius:var(--radius-card);border-start-end-radius:var(--radius-card);box-shadow:0 -6px 24px #04263c38}.confirm-text{margin:0 0 .25rem;font-weight:600}.confirm-sheet .primary{min-height:48px}