:root{color-scheme:dark;--bg: #070b14;--bg-elev: #10182a;--bg-card: #151f33;--bg-soft: #1a2540;--line: rgba(148, 163, 184, .16);--text: #f1f5f9;--muted: #94a3b8;--accent: #3b82f6;--accent-2: #2563eb;--ok: #34d399;--warn: #fbbf24;--danger: #f87171;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 420px at 10% -10%,rgba(37,99,235,.22),transparent 55%),radial-gradient(700px 360px at 100% 0%,rgba(14,165,233,.12),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer;border-radius:12px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;font-weight:600;padding:12px 14px;min-height:44px}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default;transform:none}button.ghost,a.ghost{background:#ffffff0a;border:1px solid var(--line);color:var(--text);font-weight:500;text-decoration:none}button.block{width:100%}button.icon,a.ghost.icon{width:40px;min-height:40px;padding:0;display:grid;place-items:center;border-radius:12px}a.topbar-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;font-size:.88rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;background:#3d9cf01f;border-color:#3d9cf059;color:#d6ebff}a.topbar-link:hover{background:#3d9cf033;border-color:#3d9cf08c}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(12px + var(--safe-top)) 14px calc(18px + var(--safe-bottom))}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:20px 16px calc(20px + var(--safe-bottom))}.login-card{width:min(100%,380px);background:#10182aeb;border:1px solid var(--line);border-radius:22px;padding:22px 18px 18px;box-shadow:0 20px 50px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#60a5fa,#2563eb);font-weight:800;margin-bottom:14px}.login-card h1{margin:0 0 6px;font-size:1.45rem;letter-spacing:-.02em}.login-card p{margin:0 0 16px;color:var(--muted);font-size:.95rem;line-height:1.4}.login-form{display:grid;gap:10px}.login-form input{width:100%;border:1px solid var(--line);background:#0b1220;border-radius:12px;padding:14px;min-height:48px;outline:none}.login-form input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f626}.error-text{color:var(--danger);min-height:1.2em;margin:8px 0 0;font-size:.9rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;position:sticky;top:0;z-index:20;padding:8px 0 10px;background:linear-gradient(180deg,rgba(7,11,20,.96),rgba(7,11,20,.88) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{margin:0;font-size:1.2rem;letter-spacing:-.02em}.topbar .sub{margin:2px 0 0;color:var(--muted);font-size:.78rem}.topbar-actions{display:flex;gap:8px;align-items:center}.section{margin-bottom:16px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px}.section-head h2{margin:0;font-size:.92rem;font-weight:700;letter-spacing:.01em}.section-head span{color:var(--muted);font-size:.78rem}.status-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.status-rail::-webkit-scrollbar{height:0}.status-card{scroll-snap-align:start;background:linear-gradient(180deg,var(--bg-card),var(--bg-elev));border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 11px;min-height:118px}.status-card .title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.status-card .name{font-weight:700;font-size:.98rem}.meta-line{color:var(--muted);font-size:.82rem;line-height:1.35;margin:3px 0}.device-line{font-size:.84rem;color:#dbe4f0;margin-top:6px;line-height:1.35}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.pill.ok{background:#34d39924;color:#6ee7b7}.pill.off{background:#94a3b824;color:#cbd5e1}.pill.fly{background:#3b82f62e;color:#93c5fd}.pill.warn{background:#fbbf2429;color:#fcd34d}.pill.wait{background:#eab30824;color:#fde047;border:1px solid rgba(234,179,8,.3)}.pill.prep{background:#f9731633;color:#fdba74;border:1px solid rgba(249,115,22,.35)}.pill.bad{background:#f8717129;color:#fca5a5}.tab-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;padding:4px;background:#0f172aa6;border:1px solid var(--line);border-radius:14px}.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 10px;border-radius:11px;background:transparent;border:1px solid transparent;color:var(--muted);font-weight:600;font-size:.92rem}.tab.on{background:linear-gradient(180deg,#3b82f647,#2563eb38);border-color:#60a5fa59;color:var(--text)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#ffffff1a;font-size:.72rem;font-weight:700}.tab-badge.muted{opacity:.75}.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.filter-row.tight{margin-top:-4px}button.chip{min-height:30px;padding:4px 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:.78rem}button.chip.on{background:#3b82f633;border-color:#60a5fa66;color:#e2e8f0}.flight-legend{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:#0f172a8c;border:1px solid rgba(148,163,184,.12);color:var(--muted);font-size:.75rem;line-height:1.45}.flight-legend strong{color:#cbd5e1;font-weight:700}.flight-panel-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.flights-sites{display:grid;gap:12px}.flights-sites.split{grid-template-columns:1fr}@media(min-width:900px){.flights-sites.split{grid-template-columns:1fr 1fr;align-items:start}}.flight-site-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.flight-site-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);background:#0f172a8c}.flight-site-head h3{margin:0;font-size:.95rem;letter-spacing:-.01em}.flight-site-stats{margin:2px 0 0;color:var(--muted);font-size:.72rem}.flight-site-count{font-size:1.05rem;font-variant-numeric:tabular-nums;color:#93c5fd}.flight-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.flight-table{width:100%;border-collapse:collapse;font-size:.8rem}.flight-table.compact{min-width:0}.flight-table th{text-align:left;padding:6px 8px;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#0000002e;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;z-index:1}.flight-table td{padding:6px 8px;border-bottom:1px solid rgba(148,163,184,.08);vertical-align:middle;line-height:1.3}.flight-table tbody tr:last-child td{border-bottom:0}.flight-table tbody tr:not(.now-line):hover td{filter:brightness(1.08)}.flight-table tr.st-waiting td{background:#eab30812}.flight-table tr.st-planned td{background:#facc150d}.flight-table tr.st-preparing td{background:#f973161a}.flight-table tr.st-active td{background:#3b82f61f}.flight-table tr.st-done td{background:#34d39912}.flight-table tr.st-failed td{background:#f871711a}.flight-table tr.st-overdue td{background:#fb71851f}.flight-table tr.st-other td{background:transparent}.flight-table tr.now-line td{padding:0;border-bottom:0;background:transparent!important}.now-line-inner{display:flex;align-items:center;gap:8px;margin:2px 0;padding:4px 8px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fbbf24;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.12) 12%,rgba(251,191,36,.12) 88%,transparent 100%);border-top:1px solid rgba(251,191,36,.45);border-bottom:1px solid rgba(251,191,36,.45)}.now-dot{width:7px;height:7px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 3px #fbbf2440;flex-shrink:0}.col-when{width:104px;white-space:nowrap}.col-name{min-width:120px;font-weight:600;word-break:break-word}.col-site{width:78px;color:var(--muted);font-size:.76rem;white-space:nowrap}.col-status{width:100px}.task-name{font-weight:600;font-size:.8rem}.task-extra{margin-top:1px;color:var(--muted);font-size:.68rem;font-weight:500}.when-main{font-weight:700;font-variant-numeric:tabular-nums;font-size:.78rem}.when-rel{margin-top:1px;font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}.when-rel.dir-future{color:#38bdf8}.when-rel.dir-past{color:#94a3b8}.when-rel.dir-now{color:#fbbf24}tr.st-overdue .when-rel{color:#fb7185;font-weight:700}@media(max-width:640px){.flight-table{min-width:0}.flight-table thead{display:none}.flight-table,.flight-table tbody,.flight-table tr,.flight-table td{display:block;width:100%}.flight-table tr:not(.now-line){padding:8px 10px;border-bottom:1px solid var(--line)}.flight-table tr.now-line{padding:0;display:block}.flight-table tr.now-line td{display:block;width:100%}.flight-table td{display:grid;grid-template-columns:64px 1fr;gap:6px;padding:2px 0;border-bottom:0}.flight-table td:before{content:attr(data-label);color:var(--muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.col-when,.col-status,.col-site{width:auto;white-space:normal}}.notify-box .pad-x{padding:0 2px 10px}.notify-result{margin:10px 0 0;color:#93c5fd;font-size:.84rem;line-height:1.4}.empty.pad{padding:12px 4px}.stack{display:grid;gap:10px}.list-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:grid;gap:10px}.list-card .main{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.list-card strong{display:block;font-size:.95rem;line-height:1.3;word-break:break-word}.list-actions{display:flex;gap:8px;flex-wrap:wrap}.list-actions button{flex:1 1 auto;min-width:110px;padding:10px 12px;min-height:40px;font-size:.9rem}.media-grid{display:grid;gap:8px}.media-item{width:100%;text-align:left;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--text);font-weight:500}.media-item small{display:block;margin-top:6px;color:var(--muted);font-weight:400;font-size:.8rem}.wayline-item{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:.86rem;color:#dbe4f0}.empty,.hint{color:var(--muted);font-size:.88rem;margin:0}.hint{font-size:.8rem}.skeleton{background:linear-gradient(90deg,#152033,#1c2a44,#152033);background-size:200% 100%;animation:shimmer 1.2s infinite linear;border-radius:12px;min-height:72px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.viewer-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:grid;grid-template-rows:auto 1fr}.viewer-bar{display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-top)) 12px 10px;background:#070b14eb;border-bottom:1px solid rgba(255,255,255,.06)}.viewer-bar .titles{min-width:0;flex:1}.viewer-bar strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-bar span{display:block;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pano-root,.pano-root{width:100%;height:100%;background:#000}.flat-photo-wrap{width:100%;height:100%;display:grid;place-items:center;background:#000;overflow:auto;padding:8px;box-sizing:border-box}.flat-photo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#cbd5e1;pointer-events:none;font-size:.9rem}.app-shell.wide{max-width:920px}.sites-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.site-col{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.site-col-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 12px 8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(37,99,235,.12),transparent)}.site-col-head h2{margin:0;font-size:1rem;letter-spacing:-.02em}.site-col-meta{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:.78rem}.dot-sep{color:var(--muted)}.site-col-count{text-align:right;line-height:1.1}.site-col-count strong{display:block;font-size:1.15rem}.site-col-count span{color:var(--muted);font-size:.72rem}.latest-banner{margin:0;padding:8px 12px;font-size:.8rem;color:#cbd5e1;background:#3b82f61a;border-bottom:1px solid var(--line)}.latest-banner strong{color:#93c5fd;font-weight:700}.shot-list{display:grid;gap:0;max-height:min(58vh,520px);overflow-y:auto;-webkit-overflow-scrolling:touch}.shot-row{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:11px 12px;min-height:64px;font-weight:500}.shot-row:last-child{border-bottom:0}.shot-row:active{background:#ffffff0a}.shot-main{flex:1;min-width:0}.shot-title{font-size:.9rem;font-weight:700;letter-spacing:-.01em}.shot-ago{margin-top:2px;font-size:.92rem;color:#93c5fd;font-weight:700}.shot-sub{margin-top:2px;font-size:.75rem;color:var(--muted)}.shot-go{color:var(--muted);font-size:1.2rem;line-height:1}.shot-skel{margin:8px;min-height:56px}.pad{padding:12px}@media(max-width:420px){.sites-grid{gap:8px}.site-col-head{padding:10px 8px 8px}.shot-row{padding:10px 8px}.shot-title{font-size:.82rem}.shot-ago{font-size:.84rem}.app-shell.wide{padding-left:10px;padding-right:10px}}.install-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:12px;border-radius:16px;border:1px solid rgba(96,165,250,.35);background:linear-gradient(135deg,#0b1f4af2,#152d64eb);box-shadow:0 10px 28px #00000047}.login-screen .install-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));z-index:40;max-width:420px;margin:0 auto}.install-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0;background:#0b1f4a}.install-body{flex:1 1 140px;min-width:0}.install-body strong{display:block;font-size:.95rem;margin-bottom:4px}.install-body p{margin:0;color:#cbd5e1;font-size:.8rem;line-height:1.35}.install-actions{display:flex;gap:8px;flex:1 1 100%}.install-btn{flex:1;min-height:42px;padding:10px 12px}.install-later{flex:0 0 auto;min-height:42px;padding:10px 12px;font-size:.85rem}.ios-share{display:inline-block;transform:rotate(-90deg);opacity:.9}@media(min-width:720px){.app-shell{max-width:760px;padding:18px 18px 28px}.app-shell.wide{max-width:960px}.status-rail{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr 1fr;overflow:visible}.sites-grid{gap:14px}.shot-list{max-height:min(62vh,640px)}.install-actions{flex:0 0 auto}}.section-links{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.section-links a.topbar-link{flex:1 1 auto;justify-content:center}@media(max-width:640px){.section-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.section-links a.topbar-link{flex:1 0 auto}}