:root{--ink: #172029;--muted: #5d6a72;--bg-1: #f8f6ee;--bg-2: #e6f1ef;--card: #fffdfa;--line: #d8d2c5;--ok: #0f9d68;--bad: #cf3f3f;--accent: #005f73;--title-strong: #0d3140}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(1200px 520px at 8% -10%,#fff4ca 10%,#fff4ca00 60%),radial-gradient(1000px 500px at 95% 0%,#bde8e0,#bde8e000 62%),linear-gradient(160deg,var(--bg-1),var(--bg-2));font-family:Avenir Next,Segoe UI,sans-serif}body[data-theme=dark]{--ink: #e4edf5;--muted: #9fb0bc;--bg-1: #10161f;--bg-2: #0f1d28;--card: #182430;--line: #2b3a48;--accent: #3cb1c2;--title-strong: #f1f7fc;background:radial-gradient(1200px 520px at 8% -10%,#3d2b1f 8%,#3d2b1f00 62%),radial-gradient(1000px 500px at 95% 0%,#123644,#12364400 62%),linear-gradient(165deg,var(--bg-1),var(--bg-2))}.app-shell{max-width:1380px;margin:0 auto;padding:1rem}.hero{margin:0 0 .75rem}.hero h1{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem);letter-spacing:.01em;font-weight:800;color:var(--title-strong)}.hero p{margin:.4rem 0 0;color:var(--muted)}.site-switch{display:flex;align-items:center;gap:.45rem;margin:.2rem 0 .7rem;flex-wrap:wrap}.site-btn{border:1px solid #b8cbc8;background:linear-gradient(180deg,#f5fbfb,#e7f5f3);color:#24505a;border-radius:999px;padding:.3rem .75rem;font-size:.78rem}.site-btn.active{border-color:#0d707c;background:linear-gradient(180deg,#0f7f8c,#0a6570);color:#fff}.theme-btn{margin-left:auto;border:1px solid #8cb5bb;background:linear-gradient(180deg,#f0f8fa,#dbedf0);color:#1e4d59;border-radius:999px;padding:.3rem .75rem;font-size:.78rem}.site-inline{color:#1c4f62;font-size:.9rem}.site-inline strong{font-weight:800;color:#0b3d53}.site-inline span{color:#325a66}body[data-site=vpr]{--bg-1: #f6f4fc;--bg-2: #e6edf8;--card: #fefeff;--accent: #2f3f88;--title-strong: #1d2b67;background:radial-gradient(1200px 520px at 6% -12%,#d9d8ff 8%,#d9d8ff00 62%),radial-gradient(1000px 480px at 95% 0%,#bfd6ff 4%,#bfd6ff00 60%),linear-gradient(165deg,#f2f0ff,#dde7ff)}body[data-theme=dark][data-site=vpr]{--bg-1: #161626;--bg-2: #1a1f33;--card: #1f243a;--accent: #7ba5ff;--title-strong: #eef2ff;background:radial-gradient(1200px 520px at 6% -12%,#3b3568 8%,#3b356800 62%),radial-gradient(1000px 480px at 95% 0%,#243b75 4%,#243b7500 60%),linear-gradient(165deg,#13172b,#1a2142)}.card{background:linear-gradient(180deg,var(--card),#fbf9f3);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 8px 24px #0000000a}.section-gap{margin-top:.95rem}.toolbar{display:flex;justify-content:space-between;align-items:center}.refresh-progress-wrap{margin:.35rem 0 .8rem;height:6px;border-radius:999px;background:#085e6b26;overflow:hidden}.refresh-progress{width:0%;height:100%;background:linear-gradient(90deg,#0aa3b5,#0a6370);transition:width .35s linear}button{font:inherit;border:1px solid #0a5f66;background:linear-gradient(180deg,#0d7c89,#09606b);color:#fff;border-radius:10px;padding:.45rem .8rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit}.metrics-grid{margin-top:.9rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metric h2{margin:0;color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.04em}.metric-value{margin:.45rem 0 0;font-size:1.02rem;font-weight:700}.service-badges{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap}.svc,.pill{font-size:.72rem;border-radius:999px;border:1px solid;padding:.18rem .52rem;font-weight:700;letter-spacing:.02em}.ok{color:#0d6e49;background:#dff6ec;border-color:#9fddc2}.bad{color:#8e1f1f;background:#fde8e8;border-color:#f5b9b9}.section-head{margin-bottom:.55rem}.section-head h2{margin:0;font-size:1.05rem}.section-head p{margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.aps-grid,.cam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}.ap-card,.cam-card{border:1px solid var(--line);border-radius:12px;padding:.78rem;background:#ffffffc7}.is-up{box-shadow:inset 0 0 0 2px #d4efdf}.is-down{box-shadow:inset 0 0 0 2px #f7d6d6}.ap-top,.cam-top{display:flex;align-items:center;gap:.55rem}.ap-top h3,.cam-top h3{margin:0;font-size:.98rem}.ap-top p,.cam-top p{margin:.08rem 0 0;color:var(--muted);font-size:.8rem}.ap-top .pill,.cam-top .pill{margin-left:auto}.wifi-icon{width:30px;height:30px;position:relative}.wifi-icon span{position:absolute;left:50%;transform:translate(-50%);border:2px solid var(--accent);border-top:none;border-left-color:transparent;border-right-color:transparent;border-bottom-left-radius:50%;border-bottom-right-radius:50%}.wifi-icon span:nth-child(1){width:26px;height:14px;bottom:2px}.wifi-icon span:nth-child(2){width:18px;height:10px;bottom:2px}.wifi-icon span:nth-child(3){width:10px;height:6px;bottom:2px}.cam-icon{width:28px;height:20px;border:2px solid var(--accent);border-radius:5px;position:relative}.cam-icon:after{content:"";position:absolute;top:4px;right:-8px;width:6px;height:8px;border:2px solid var(--accent);border-left:none;border-radius:0 4px 4px 0}.client-list{margin:.35rem 0 0;padding-left:1rem;font-size:.78rem}.client-list li{line-height:1.35}.ghost-btn{margin-top:.4rem;border:1px solid #9eb7b5;background:#f8fbfa;color:#24505a;border-radius:8px;padding:.25rem .55rem;font-size:.76rem}.ap-check-note{min-height:1.1rem}.cam-shot-wrap{margin-top:.45rem;border:1px solid #c8d5d4;border-radius:10px;overflow:hidden;background:#f2f7f7}.cam-shot{display:block;width:100%;min-height:110px;object-fit:cover}.muted{color:var(--muted);font-size:.8rem;margin:.3rem 0 0}.comment-input{margin-top:.45rem;width:100%;border:1px solid #c8d5d4;border-radius:8px;padding:.32rem .45rem;font:inherit;font-size:.78rem;background:#fff}.comment-input:focus{outline:none;border-color:#0e7a86;box-shadow:0 0 0 2px #0e7a8624}.tab-row{display:flex;gap:.5rem;margin-bottom:.55rem}.tab-btn{border:1px solid #b8cbc8;background:linear-gradient(180deg,#f5fbfb,#e7f5f3);color:#24505a;border-radius:999px;padding:.3rem .8rem;font-size:.8rem}.tab-btn.active{border-color:#0d707c;background:linear-gradient(180deg,#0f7f8c,#0a6570);color:#fff}.auth-gate{border:2px solid #bcded8;background:linear-gradient(180deg,#f8fffd,#eefaf7)}.main-tabs{display:flex;gap:.45rem;margin:.7rem 0 .5rem;overflow-x:auto;padding-bottom:.2rem}.main-tab-btn{border:1px solid #b8cbc8;background:linear-gradient(180deg,#f5fbfb,#e7f5f3);color:#24505a;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;white-space:nowrap}.main-tab-btn.active{border-color:#0d707c;background:linear-gradient(180deg,#0f7f8c,#0a6570);color:#fff}.auth-step{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.auth-step label{min-width:90px;color:var(--muted)}.auth-step input{min-width:220px;border:1px solid #bcd2cf;border-radius:8px;padding:.35rem .5rem}.otp-row{display:flex;gap:.35rem;align-items:center}.otp-row .otp-digit{min-width:0;width:2.2rem;text-align:center;font-weight:700;font-size:1rem;padding:.35rem 0}.dual-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.75rem}.table-wrap{overflow:auto;max-height:330px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid #ece8dd}th{background:#f2eee4;position:sticky;top:0;z-index:1}@media(max-width:640px){.app-shell{padding:.65rem}.toolbar{gap:.5rem;flex-direction:column;align-items:flex-start}}@media(max-width:900px){.dual-grid{grid-template-columns:1fr}.table-wrap{max-height:250px}}.app-footer{padding:.65rem 1rem 1rem;text-align:center;color:var(--muted)}.app-footer small{font-size:.78rem;letter-spacing:.01em}body[data-theme=dark] .card{background:linear-gradient(180deg,var(--card),#1a2633)}body[data-theme=dark] .ap-card,body[data-theme=dark] .cam-card,body[data-theme=dark] .table-wrap,body[data-theme=dark] .comment-input,body[data-theme=dark] .auth-step input,body[data-theme=dark] .cam-shot-wrap{background:#1a2733;color:var(--ink)}body[data-theme=dark] .ghost-btn{border-color:#426078;background:#1c2b3a;color:#cce3f1}body[data-theme=dark] .tab-btn,body[data-theme=dark] .main-tab-btn,body[data-theme=dark] .site-btn,body[data-theme=dark] .theme-btn{border-color:#40637a;background:linear-gradient(180deg,#263b4f,#1c3042);color:#cfe3ef}body[data-theme=dark] .tab-btn.active,body[data-theme=dark] .main-tab-btn.active,body[data-theme=dark] .site-btn.active{border-color:#4ec0d2;background:linear-gradient(180deg,#17889a,#0f6675);color:#fff}body[data-theme=dark] .auth-gate{border-color:#3a6278;background:linear-gradient(180deg,#1a2d3a,#162530)}body[data-theme=dark] .refresh-progress-wrap{background:#528aa338}body[data-theme=dark] th{background:#253241}body[data-theme=dark] th,body[data-theme=dark] td{border-bottom-color:#2d3e4d}body[data-theme=dark] .site-inline strong{color:#def}body[data-theme=dark] .site-inline span,body[data-theme=dark] .site-inline{color:#99b4c6}