:root{--brand: #0879c9;--brand-dark: #065f9e;--brand-soft: #e6f2fb;--pass: #16a34a;--pending: #f59e0b;--leave: #94a3b8;--danger: #dc2626;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--bg: #f4f7fb;--card: #ffffff;--radius: 14px;--shadow: 0 1px 2px rgb(15 23 42 / 6%), 0 4px 16px rgb(15 23 42 / 6%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:1.4rem;margin:0 0 12px}h2{font-size:1.1rem;margin:0 0 8px}a{color:var(--brand)}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:grid;min-height:100dvh;grid-template:"top top" auto "side main" 1fr / 240px 1fr}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{height:48px;width:auto;min-width:0;flex:0 1 auto;max-width:60%;object-fit:contain;object-position:left center}.clock{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar{grid-area:side;display:flex;flex-direction:column;gap:4px;padding:16px 12px;background:var(--card);border-right:1px solid var(--line)}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500}.nav-item:hover{background:var(--brand-soft)}.nav-item.active{background:var(--brand);color:#fff}.principles{margin-top:auto;border-radius:10px}.content{grid-area:main;padding:20px;min-width:0}.footer{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 8px;color:var(--muted);font-size:.9rem}.tabbar{display:none}.live-pill{position:sticky;top:72px;z-index:15;width:fit-content;margin:0 auto 12px;padding:6px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:.85rem}@media(max-width:1023px){.shell{grid-template-columns:72px 1fr}.nav-label,.principles{display:none}.nav-item{justify-content:center;padding:0}}@media(max-width:639px){.shell{grid-template:"top" auto "main" 1fr / 1fr;padding-bottom:72px}.sidebar{display:none}.brand{height:30px}.clock{font-size:.8rem;flex:none}.clock-tz{display:none}.content{padding:12px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;border:0;background:none;color:var(--muted);font:inherit;font-size:.72rem;text-decoration:none}.tab.active{color:var(--brand)}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:500}.warning{background:#fff7ed;color:#9a3412;border-radius:10px;padding:8px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-danger{color:var(--danger);border-color:#fecaca}.btn-big{min-height:56px;font-size:1.05rem;width:100%}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.field{display:flex;flex-direction:column;gap:4px;font-weight:500}.field input,.field select,.field textarea,.input{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.field textarea{min-height:96px;resize:vertical}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.pill{display:inline-flex;gap:4px;align-items:center;padding:2px 10px;border-radius:999px;font-size:.82rem;font-weight:600;white-space:nowrap}.pill-pass{background:#dcfce7;color:#166534}.pill-pending{background:#fef3c7;color:#92400e}.pill-leave{background:#e2e8f0;color:#334155}.avatar{flex:none;border-radius:50%}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{min-height:44px;padding:0 16px;border:0;background:var(--card);font:inherit;cursor:pointer}.seg button[aria-pressed=true]{background:var(--brand);color:#fff}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a73;display:grid;place-items:center;padding:16px}.sheet{width:min(560px,100%);max-height:90dvh;overflow:auto;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}.sheet-head h2{margin:0}.sheet-body{padding:16px}.more-list{display:flex;flex-direction:column;gap:4px}@media(max-width:639px){.sheet-backdrop{place-items:end stretch;padding:0}.sheet{width:100%;max-height:92dvh;border-radius:var(--radius) var(--radius) 0 0}}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;font-size:.85rem}@media(max-width:639px){.table thead{display:none}.table tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0}.table td:before{content:attr(data-label);color:var(--muted);font-weight:600}}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;grid-template-areas:"head side" "map side"}.dash-head{grid-area:head;margin-bottom:0}.map-card{grid-area:map}.dash-side{grid-area:side}.dash-kpis{grid-area:kpis}.dash-pending{grid-area:pending}.dash-side{display:flex;flex-direction:column;gap:16px}.spread{justify-content:space-between}.spread h1{margin:0}.map{position:relative}.map-svg{width:100%;aspect-ratio:1635 / 962;display:block;border-radius:10px;background:#eef2f7;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.map-svg.is-zoomed{touch-action:none}.marker{cursor:pointer;outline:none}.marker:focus-visible .marker-bg{stroke:var(--ink);stroke-width:4}.marker-label{font-size:15px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px}.map-tools{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px}.legend{display:flex;gap:16px;list-style:none;padding:0;margin:8px 0 0;color:var(--muted);font-size:.85rem}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px}.dot-pass{background:var(--pass)}.dot-pending{background:var(--pending)}.dot-leave{background:var(--leave)}.kpis{display:flex;flex-direction:column;align-items:center;gap:8px}.donut{margin:0;text-align:center}.donut-text{font-size:24px;font-weight:800;fill:var(--ink)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin:0;text-align:center}.kpi-grid dt{color:var(--muted);font-size:.8rem}.kpi-grid dd{margin:0;font-size:1.5rem;font-weight:800}.kpi-grid .ok{color:var(--pass)}.kpi-grid .warn{color:#b45309}.pending-group h3{font-size:.9rem;color:var(--muted);margin:12px 0 4px}.pending-group ul{list-style:none;padding:0;margin:0}.link-row{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:0 4px}.link-row:hover{background:var(--brand-soft)}@media(pointer:coarse){.map-svg{touch-action:none}}.legend li{display:inline-flex;align-items:center;gap:4px}@media(min-width:1024px){.dashboard{grid-template-rows:auto 1fr}}@media(max-width:1023px){.dashboard{grid-template-columns:1fr;grid-template-areas:"head" "map" "side"}}@media(max-width:639px){.kpis{flex-direction:row}.donut svg{width:96px;height:96px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-areas:"head" "kpis" "map" "pending"}.dash-side{display:contents}}.train-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:auto;padding:16px;background:var(--bg)}.train{max-width:640px;margin:0 auto}.picker{display:flex;flex-direction:column;gap:8px}.picker-list{max-height:50dvh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px}.picker-station{margin:8px 8px 2px;font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase}.picker-option{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 8px;border-radius:10px;cursor:pointer}.picker-option:hover{background:var(--brand-soft)}.picker-option.selected{background:var(--brand);color:#fff}.picker-option.disabled{opacity:.5;cursor:not-allowed}.picker-leave{font-weight:600}.picker-name{display:flex;flex-direction:column;flex:1;font-weight:600}.picker-name small{font-weight:400;opacity:.8}.verify{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;text-align:left;margin:0 auto}.verify dt{color:var(--muted)}.verify dd{margin:0;font-weight:600}.done-mark{font-size:4rem;color:var(--pass);margin:0}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--card)}.player-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600}.player-body{flex:1;display:grid;grid-template-columns:3fr 2fr;gap:24px;padding:24px;overflow:auto;align-items:center}.player-img{width:100%;max-height:70dvh;object-fit:contain;border-radius:12px;background:#eef2f7}.player-img.placeholder{display:grid;place-items:center;aspect-ratio:16 / 9;font-size:2rem;font-weight:800;color:var(--brand)}.timer-text{font-size:20px;font-weight:800;fill:var(--ink)}.player-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}@media(max-width:639px){.player-body{grid-template-columns:1fr;gap:12px;padding:12px;align-items:start}.player-img{max-height:40dvh}}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.filters .field{min-width:180px;flex:1}.kpi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}.kpi-cards dt{color:var(--muted);font-size:.85rem}.kpi-cards dd{margin:4px 0 0;font-size:1.6rem;font-weight:800}.kpi-cards .ok{color:var(--pass)}.kpi-cards .warn{color:#b45309}.trend-chart{list-style:none;padding:0;margin:12px 0 0;display:flex;align-items:stretch;gap:8px;height:260px}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.trend-pct{font-size:.75rem;font-weight:700}.trend-track{flex:1;width:100%;max-width:48px;display:flex;flex-direction:column-reverse;background:var(--pending);border-radius:6px;overflow:hidden}.trend-fill{height:var(--pct);background:var(--pass)}.trend-label{font-size:.75rem;color:var(--muted);white-space:nowrap}.two-pane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.emp-list{list-style:none;margin:0;padding:8px;max-height:70dvh;overflow:auto}.link-row.current{background:var(--brand-soft)}.grow{flex:1}.recent{list-style:none;padding:0;margin:0}.recent li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}@media(max-width:639px){.kpi-cards{grid-template-columns:repeat(2,1fr)}.two-pane{grid-template-columns:1fr}.trend-chart{flex-direction:column;height:auto;gap:6px}.trend-bar{flex-direction:row}.trend-label{order:-1;width:56px}.trend-track{height:18px;max-width:none;flex-direction:row}.trend-fill{height:auto;width:var(--pct)}.trend-pct{width:40px;text-align:right}}.login{max-width:420px;margin:24px auto}.admin-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;text-decoration:none;color:var(--ink)}.admin-tabs a.active{background:var(--brand);color:#fff}.kpi-grid.compact{grid-template-columns:repeat(3,auto);gap:16px;width:auto}.att-list,.lesson-list{list-style:none;margin:0;padding:0}.lesson-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.hidden-lesson{opacity:.55}.thumb{width:72px;height:44px;object-fit:cover;border-radius:6px;background:#eef2f7;display:inline-block}.reasons{border:0;padding:0;margin:0;display:grid;gap:4px}.reasons legend{font-weight:600;margin-bottom:4px}.radio{display:flex;align-items:center;gap:8px;min-height:44px}.form-preview{max-height:200px;object-fit:contain;border-radius:8px;background:#eef2f7}@media(max-width:639px){.admin-tabs{width:100%}.admin-tabs a{flex:1;justify-content:center;padding:0 6px}.lesson-list .grow{flex-basis:calc(100% - 80px)}}.save-bar{position:sticky;bottom:0;background:var(--card);padding:8px 0}.confirm{border:1px solid #fecaca;border-radius:10px;padding:12px;background:#fef2f2}.confirm p{margin:0 0 8px;font-weight:600}.att-list li{border-bottom:1px solid var(--line)}.att-list .link-row{min-height:48px}@media(max-width:639px){.sheet:has(.save-bar){height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}.sheet:has(.save-bar) .sheet-body{flex:1;overflow:auto}}