:root{--navy: #00136A;--navy-50: #EEF1FB;--navy-100: #DCE2F6;--brand-red: #DF002A;--bg: #F4F6FA;--surface: #FFFFFF;--line: #EAECF0;--line-strong: #D0D5DD;--text: #101828;--text-2: #344054;--text-3: #475467;--text-4: #667085;--success: #067647;--success-50: #ECFDF3;--warning: #B54708;--warning-50: #FFFAEB;--orange: #C4320A;--orange-50: #FFF6ED;--danger: #B42318;--danger-600: #D92D20;--danger-50: #FEF3F2;--focus: #6C8CF5;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 0 0 1px var(--line);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Saira Condensed", "Figtree", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:var(--navy)}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-family:var(--font-num);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.tnum{font-variant-numeric:tabular-nums}.screen{min-height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg)}.screen.white{background:var(--surface)}.screen-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 16px 24px}.screen-body.pad{padding:8px 24px 24px;gap:20px}.bottom-bar{position:sticky;bottom:0;padding:12px 16px calc(16px + var(--safe-bottom));background:var(--surface);box-shadow:0 -1px 0 var(--line);display:flex;flex-direction:column;gap:8px;z-index:5}.bottom-bar.plain{background:transparent;box-shadow:none}.navbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;height:calc(52px + var(--safe-top));padding:var(--safe-top) 6px 0;background:inherit}.navbar-title{text-align:center;font-size:17px;font-weight:600}.navbar-sub{text-align:center;font-size:15px;font-weight:600;color:var(--text-3)}.icon-btn{width:44px;height:44px;border:none;border-radius:10px;background:transparent;color:var(--navy);display:inline-flex;align-items:center;justify-content:center}.progress{height:3px;background:var(--line)}.progress>div{height:3px;background:var(--navy);transition:width .3s ease}.title-xl{font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.title-lg{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.title-md{font-size:17px;font-weight:700;margin:0}.lead{font-size:16px;color:var(--text-3);margin:0}.caption{font-size:13px;color:var(--text-4)}.section-label{font-size:13px;font-weight:600;color:var(--text-4);padding:12px 4px 0}.btn{height:52px;padding:0 18px;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;white-space:nowrap}.btn-block{width:100%}.btn-lg{height:56px;font-size:17px;border-radius:14px}.btn-sm{height:40px;padding:0 14px;font-size:14px;border-radius:10px}.btn-xs{height:34px;padding:0 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-primary{background:var(--navy);color:#fff}.btn-primary.btn-lg{box-shadow:0 6px 16px #00136a40}.btn-success{background:var(--success);color:#fff}.btn-success.btn-lg{box-shadow:0 6px 16px #06764740}.btn-danger{background:var(--danger-600);color:#fff}.btn-secondary{background:var(--navy-50);color:var(--navy)}.btn-outline{background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-xs),0 0 0 1px var(--line-strong)}.btn-outline-danger{background:var(--surface);color:var(--danger);box-shadow:0 0 0 1px #fda29b}.btn-text{background:transparent;color:var(--navy);height:44px;padding:0 6px}.btn-text.muted{color:var(--text-4);font-size:14px;font-weight:500;text-decoration:underline}.btn-destructive-text{background:var(--surface);color:var(--danger);box-shadow:0 0 0 1px var(--line)}.field{display:flex;flex-direction:column;gap:6px}.field label,.field .label{font-size:14px;font-weight:600;color:var(--text-2)}.field .hint{font-size:14px;color:var(--text-4)}.field .error{font-size:14px;color:var(--danger)}.input,.select{height:48px;width:100%;min-width:0;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);font-size:16px;color:var(--text);box-shadow:var(--shadow-xs)}.input:focus,.select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-100)}.input.invalid{border-color:#fda29b}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.code-boxes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.code-boxes span{height:56px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs)}.code-boxes span.filled{border-color:#98a2b3}.code-boxes span.active{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-100)}.code-boxes input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;font-size:16px}.group{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.group.plain{box-shadow:0 0 0 1px var(--line);border-radius:var(--radius)}.row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row-kv{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px}.row-kv:last-child{border-bottom:none}.row-kv>span:first-child{color:var(--text-3)}.row-kv>span:last-child{font-weight:600;text-align:right}.row-icon{width:40px;height:40px;border-radius:10px;background:var(--navy-50);color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-icon.gray{background:#f2f4f7;color:var(--text-3)}.row-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.row-text b{font-size:16px;font-weight:600}.row-text small{font-size:14px;color:var(--text-3)}button.row{width:100%;border:none;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;font-size:16px;min-height:52px}.radio{width:20px;height:20px;border-radius:10px;border:1.5px solid #98A2B3;flex-shrink:0}.radio.on{border:6px solid var(--navy)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;background:#e9ecf2;border-radius:10px;padding:3px}.segmented button{height:40px;border:none;border-radius:8px;background:transparent;color:var(--text-3);font-size:15px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #1018281f}.segmented.sm button{height:34px;font-size:14px;padding:0 12px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{min-height:64px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px}.tile b{font-size:15px}.tile small{font-size:12px;color:var(--text-3)}.tile[aria-pressed=true]{border:2px solid var(--navy);background:#f5f7fe;padding:9px 11px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:36px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text-2);font-size:14px;font-weight:600}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.check-row{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#f9fafb;cursor:pointer}.check-row input,.pick-row input{position:absolute;opacity:0;width:1px;height:1px}.box{width:22px;height:22px;flex-shrink:0;border-radius:6px;border:1.5px solid #98A2B3;background:var(--surface);color:#fff;display:flex;align-items:center;justify-content:center}.box.round{width:24px;height:24px;border-radius:12px}input:checked+.box{background:var(--navy);border-color:var(--navy)}input:not(:checked)+.box svg{visibility:hidden}input:focus-visible+.box{outline:3px solid var(--focus);outline-offset:2px}.pick-row{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer}.pick-row:last-child{border-bottom:none}.pick-row:has(input:checked){background:#f5f7fe}.avatar{width:36px;height:36px;border-radius:18px;background:var(--navy-50);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.avatar.lg{width:56px;height:56px;border-radius:28px;background:var(--navy);color:#fff;font-size:20px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:3px;background:currentColor;opacity:.8}.pill.ok{background:var(--success-50);color:var(--success)}.pill.water{background:#eef4ff;color:#2b3fb0}.pill.late{background:var(--warning-50);color:var(--warning)}.pill.coach{background:var(--orange-50);color:var(--orange)}.pill.alarm{background:var(--danger-50);color:var(--danger)}.pill.neutral{background:#f2f4f7;color:var(--text-3)}.banner{display:flex;gap:10px;align-items:center;border-radius:var(--radius);padding:12px 14px;font-size:14px;font-weight:500}.banner.info{background:var(--navy-50);color:var(--navy)}.banner.ok{background:var(--success-50);color:var(--success);font-weight:600}.banner.warn{background:var(--orange-50);color:var(--orange)}.banner.error{background:var(--danger-50);color:var(--danger)}.snackbar{position:fixed;left:16px;right:16px;bottom:calc(112px + var(--safe-bottom));max-width:488px;margin:0 auto;background:var(--text);color:#fff;border-radius:var(--radius);padding:12px 8px 12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 24px #1018283d;z-index:50;animation:rise .35s ease-out both;font-size:14px}.snackbar button{color:#c7d1f0}.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000c46c7,#000c4640 30%,#000c461a 50%,#000c46e0)}.hero>*{position:relative;z-index:1}.map-wrap{height:260px;border-radius:12px;overflow:hidden;position:relative;z-index:0}.map-wrap.tall{height:300px}.leaflet-container{font-family:var(--font);background:#aad3df}.zone-label{background:#ffffffe6;border:none;border-radius:6px;box-shadow:0 1px 2px #10182826;color:var(--navy);font-weight:600;font-size:12px;padding:2px 6px}.zone-label:before{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-390px)}}@keyframes sail-out{0%{transform:translate(64px)}12%{transform:translate(70px)}to{transform:translate(470px)}}@keyframes sail-in{0%{transform:translate(430px)}to{transform:translate(100px)}}@keyframes bob{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(3px)}}@keyframes pulse{0%,to{box-shadow:0 0 #d92d2059}50%{box-shadow:0 0 0 8px #d92d2000}}.rise{animation:rise .6s ease-out both}.wave-a{animation:wave 7s linear infinite}.wave-b{animation:wave 11s linear infinite}.sail-out{animation:sail-out 3s cubic-bezier(.45,0,.6,1) forwards}.sail-in{animation:sail-in 3s cubic-bezier(.25,0,.3,1) forwards}.bob{animation:bob 1.7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.pulse{animation:pulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.rise,.wave-a,.wave-b,.bob,.pulse,.snackbar{animation:none}.sail-out{animation:none;transform:translate(300px)}.sail-in{animation:none;transform:translate(100px)}}.desk{min-height:100%;background:var(--bg);font-size:15px}.desk-top{background:var(--surface);box-shadow:0 1px 0 var(--line);position:sticky;top:0;z-index:20}.desk-top-in{max-width:1376px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.desk-main{max-width:1376px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-head{padding:16px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stats>div{padding:16px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.stats>div:first-child{border-left:none}.stats .hl{background:var(--navy);color:#fff}.table-scroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;min-width:900px}.tbl th{text-align:left;font-size:13px;font-weight:600;color:var(--text-3);background:#f9fafb;padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:0 16px;height:56px;border-bottom:1px solid var(--line);font-size:14px}.tbl tr:hover td{background:#f9fafb}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.main{flex:999 1 640px;min-width:0}.split>.side{flex:1 1 340px;display:flex;flex-direction:column;gap:20px}.alarm-card{background:var(--danger-50);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #fecdca;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.tabs{display:flex;gap:4px}.tabs button{height:40px;padding:0 14px;border:none;border-radius:10px;background:transparent;color:var(--text-3);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px}.tabs button[aria-pressed=true]{background:var(--navy-50);color:var(--navy)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger-600);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.modal-back{position:fixed;inset:0;background:#10182880;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:rise .2s ease-out both}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 48px #10182840}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:4px}.icon-danger{width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:var(--text-4);display:inline-flex;align-items:center;justify-content:center}.icon-danger:hover{background:var(--danger-50);color:var(--danger)}.row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.center-msg{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-3);text-align:center}