:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.login-container{background-color:var(--light-bg);padding:2.5rem 3rem;border-radius:8px;box-shadow:0 4px 15px #0000001a;text-align:center;width:100%;max-width:400px;margin:5rem auto 0}.login-logo{height:200px;width:auto;margin-bottom:1.5rem}.login-container h2{margin-top:0;margin-bottom:.5rem;font-size:1.8rem}.login-container p{color:var(--text-muted);margin-bottom:2rem}.login-container input{width:100%;padding:12px;margin-bottom:1rem;border:1px solid var(--border-color);background-color:#fff;color:var(--text-color);border-radius:5px;font-size:1rem;box-sizing:border-box}.login-container button{width:100%;padding:12px;border:none;background-color:var(--primary-color);color:#fff;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.login-container button:disabled{background-color:#555;cursor:not-allowed}.login-container button:hover:not(:disabled){background-color:#005a9e}.error-message{color:var(--offline-color);margin-top:1rem;font-weight:500}:root{--bg: #f5f7fb;--panel: #ffffff;--panel-border: #e5e7eb;--text: #111827;--muted: #6b7280;--ok: #16a34a;--warn: #f59e0b;--danger: #ef4444;--primary: #2563eb}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 1200px at 10% 10%,#eef2ff,#f5f7fb);color:var(--text);display:block;min-height:100vh}.dashboard{width:min(1100px,100% - 32px);margin:24px auto}.loading,.error,.empty{width:100%;text-align:center;margin:48px 0;opacity:.9}.muted{color:var(--muted)}.header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.brand{display:flex;flex-direction:column;align-items:center;gap:8px}.brand img{height:80px;width:auto;border-radius:12px}.brand h1{font-size:24px;margin:0;font-weight:800;color:var(--text);text-align:center}.header-actions{display:flex;gap:8px}.btn{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);padding:0 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform .05s ease,filter .15s ease}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(1px)}.btn.outline{background:transparent}.btn.small{padding:6px 10px;font-size:12px}.btn.xsmall{padding:4px 8px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.stat{background:var(--panel);border:1px solid var(--panel-border);padding:0;border-radius:12px;text-align:center}.stat-number{font-size:22px;font-weight:700}.stat-number.ok{color:var(--ok)}.stat-number.warn{color:var(--warn)}.stat-label{color:var(--muted);font-size:12px;margin-top:2px}.section-title{margin:18px 0 10px;font-size:16px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.card-header{display:flex;align-items:center;gap:8px;cursor:pointer}.card-header h3{margin:0;font-size:16px;color:var(--text)}.card-header .clickable:hover{text-decoration:underline}.dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.dot[data-ok="1"]{background:var(--ok)}.card-meta{color:var(--muted);font-size:13px;display:grid;gap:2px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.last-seen{color:var(--muted);font-size:12px}.actions{display:flex;gap:6px}.region-section{margin-top:8px}.region-block{margin-bottom:18px}.region-title{font-size:15px;margin:10px 2px;font-weight:700}.city-block{margin:8px 0 16px}.city-title{font-size:14px;margin:8px 2px;color:var(--muted)}.table-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.points-table{width:100%;border-collapse:collapse;font-size:14px}.points-table thead th{text-align:left;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);background:#f3f4f6}.points-table th,.points-table td{padding:10px 12px;border-bottom:1px solid var(--panel-border);color:var(--text)}.points-table tr:last-child td{border-bottom:none}.points-table td.clickable{cursor:pointer}.points-table td.clickable:hover{text-decoration:underline}.table-actions{display:flex;gap:6px}.status-badge{padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--panel-border)}.status-badge.ok{background:#ecfdf5;color:var(--ok);border-color:#bbf7d0}.status-badge.off{background:#fef2f2;color:var(--danger);border-color:#fecaca}.modal-backdrop{position:fixed;inset:0;background:#11182759;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.modal{width:min(760px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:16px;max-height:85vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.modal-header h3{margin:0}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:10px}.details-grid .span-row{grid-column:1 / -1}.modal-actions-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.modal-subtitle{margin:8px 0;font-size:14px;font-weight:700}.activity-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.activity-list li{border:1px solid var(--panel-border);border-radius:10px;padding:10px;background:#fff}.activity-list .row{display:flex;justify-content:space-between;gap:8px}@media (max-width: 640px){.dashboard{width:calc(100% - 24px);margin:16px auto}.header-actions{width:100%;justify-content:center;flex-wrap:wrap}.stats,.details-grid{grid-template-columns:1fr}}.card.collapsed .card-meta,.card.collapsed .card-footer{display:none}.card .card-header{display:flex;align-items:center;justify-content:space-between}.card .card-header .left{display:flex;align-items:center;gap:8px}.card .chevron{width:16px;text-align:center;opacity:.7}:root{--card-online-bg: #eaf7ee;--card-offline-bg: #fdecee}.card.card--online{background:var(--card-online-bg)}.card.card--offline{background:var(--card-offline-bg)}.card.card--online,.card.card--offline{border:1px solid rgba(0,0,0,.06)}.status-badge{font-size:12px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid transparent}.status-badge.ok{background:#10b9811f;border-color:#10b98140}.status-badge.off{background:#ef44441f;border-color:#ef444440}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;height:auto;box-sizing:border-box}.card .card-header,.card .card-meta,.card .card-footer{padding:12px 14px}.card .card-footer .actions{display:flex;flex-wrap:wrap;gap:8px}.btn.small,.btn.xsmall{white-space:nowrap}.grid{align-items:start}:root{--card-collapsed-pad-y: 6px;--card-collapsed-pad-x: 10px;--card-collapsed-gap: 6px;--card-collapsed-title: 14px;--card-collapsed-badge: 11px;--card-collapsed-dot: 8px;--card-collapsed-chevron: 14px}.card.collapsed{padding:var(--card-collapsed-pad-y) var(--card-collapsed-pad-x);border-radius:12px}.card.collapsed .card-header{padding:0}.card.collapsed .card-header .left{gap:var(--card-collapsed-gap)}.card.collapsed .card-header h3{font-size:var(--card-collapsed-title);line-height:1.15}.card.collapsed .dot{width:var(--card-collapsed-dot);height:var(--card-collapsed-dot)}.card.collapsed .chevron{width:var(--card-collapsed-chevron)}.card.collapsed .status-badge{font-size:var(--card-collapsed-badge);padding:3px 6px}.cpr{margin-top:24px}.cpr-card{border:1px solid var(--panel-border, #e5e7eb);border-radius:12px;background:var(--panel, #fff);overflow:hidden}.cpr-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border:0;cursor:pointer}.cpr-title{display:flex;align-items:center;gap:10px}.cpr-h{font-weight:600}.cpr-badge{font-size:12px;color:#6b7280;background:#eef2ff;border:1px solid #e5e7eb;padding:2px 8px;border-radius:999px}.cpr-chevron{transition:transform .15s ease}.cpr-card.is-open .cpr-chevron{transform:rotate(180deg)}.cpr-body{padding:0}.cpr-pad{padding:12px 14px}.cpr-error{color:#b91c1c;background:#fef2f2;border-top:1px solid #fee2e2}.cpr-muted{color:#6b7280}.cpr-table-wrap{border-top:1px solid #e5e7eb}.cpr-scroll{overflow:auto;max-height:520px}.cpr-table{width:960px;border-collapse:collapse;table-layout:fixed}.cpr-table thead th{position:sticky;top:0;background:#fafafa;z-index:1;padding:10px 8px;text-align:left;font-weight:600;font-size:13px;color:#374151;border-bottom:1px solid #e5e7eb;-webkit-user-select:none;user-select:none;cursor:pointer}.cpr-table thead th:nth-child(1){width:140px}.cpr-table thead th:nth-child(2){width:200px}.cpr-table thead th:nth-child(3){width:420px}.cpr-table thead th:nth-child(4){width:90px}.cpr-table thead th:nth-child(5){width:110px}.cpr-table td{padding:10px 8px;border-bottom:1px solid #f3f4f6;vertical-align:top;font-size:13px;color:#111827}.cpr-table tr.is-zebra td{background:#fcfcfd}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpr-msg{max-height:5.6em;overflow:auto;white-space:pre-wrap;word-break:break-word;padding-right:2px}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #e5e7eb;color:#374151;background:#f9fafb}.chip.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.chip.muted{color:#6b}.segmented{display:inline-flex;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden}.seg-btn{min-width:28px;height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:0;border-right:1px solid #e5e7eb;cursor:pointer;font-size:14px;line-height:1}.seg-btn:last-child{border-right:0}.seg-btn:hover{background:#f9fafb}.seg-btn.is-active{font-weight:700}.seg-btn.pending.is-active{background:#f3f4f6;color:#374151}.seg-btn.approved.is-active{background:#ecfdf5;color:#065f46}.seg-btn.rejected.is-active{background:#fef2f2;color:#b91c1c}.sort{display:inline-block;width:10px;height:10px;margin-left:6px;border-right:2px solid #9ca3af;border-bottom:2px solid #9ca3af;transform:rotate(45deg);opacity:.35}.sort.asc{transform:rotate(-135deg);opacity:.9}.sort.desc{transform:rotate(45deg);opacity:.9}@media (max-width: 720px){.cpr-table{width:720px}}.approval-buttons{display:flex;gap:8px}.btn{padding:4px 12px;border-radius:999px;font-size:13px;cursor:pointer;border:1px solid #e5e7eb;background:#fff;color:#374151;transition:all .15s}.btn:hover{background:#f9fafb}.btn.active{font-weight:600}.btn.approved.active{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.btn.rejected.active{background:#fef2f2;border-color:#fee2e2;color:#b91c1c}