@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";:root{--sc-blue: #199dd8;--sc-blue-600:#0d79ab;--sc-green: #accc37;--sc-black: #000000;--sc-white: #ffffff;--ink:#101828;--ink-muted:#667085;--bg:#f4f7fb;--panel:#ffffff;--border:#e6e7eb;--shadow: 0 10px 24px rgba(2,8,20,.08);--brand-gradient: linear-gradient(135deg,#199dd8 0%,#17b1c2 40%,#accc37 100%);--btn-blue: var(--sc-blue);--btn-yellow: #f7b500;--btn-red: #dc3545;--btn-green: #28a745;--btn-gray: #6c757d;--btn-dark: #343a40;--st-up-fill: #228B22;--st-up-text: #ffffff;--st-down-fill: #dc3545;--st-down-text: #ffffff;--st-critical-fill: #ffc107;--st-critical-text: #000000;--st-pending-fill: #6c757d;--st-pending-text: #ffffff;--st-unknown-fill: #199dd8;--st-unknown-text: #ffffff;--st-unmon-fill: #f8f9fa;--st-unmon-text: #199dd8;--st-unmon-border: #cfcfcf;--row-up:#1c8c3a;--row-down:#dc3545;--row-critical:#ffc107;--row-pending:#6c757d;--row-unknown:#6c757d;--row-unreach:#dc3545;--glass: rgba(255,255,255,.62);--glass-border: rgba(255,255,255,.38);--focus: 0 0 0 3px rgba(25,157,216,.35)}html,body{font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;padding:0;color:var(--ink);background-color:var(--bg)}.main-content{padding:2rem}.coords-footnote{margin-top:14px;color:#333;font-size:.9rem}:where(button,[role=button],input,select,a):focus-visible{outline:none;box-shadow:var(--focus);border-radius:10px}.button,.btn-sc,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;transition:filter .15s ease,transform .02s ease-in-out,opacity .2s ease;-webkit-user-select:none;user-select:none;line-height:1;font-family:Lato,sans-serif;background:var(--brand-gradient);color:#fff;box-shadow:0 6px 18px #199dd82e}.button:disabled,.btn-sc:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.button:hover,.btn-sc:hover,.btn:hover{filter:brightness(.96)}.button:active,.btn-sc:active,.btn:active{transform:translateY(1px)}.btn-sc.small{padding:6px 10px;font-size:.9rem}.btn-sc.blue{background:var(--btn-blue)}.btn-sc.yellow{background:var(--btn-yellow);color:var(--sc-black)}.btn-sc.danger{background:var(--btn-red)}.btn-sc.success{background:var(--btn-green)}.btn-sc.gray{background:var(--btn-gray)}.btn-sc.dark{background:var(--btn-dark)}.btn-sc.outline{background:transparent;border:2px solid var(--btn-blue);color:var(--btn-blue)}.btn-sc.warning{background:#ff9800}.toggle-on-blue{background:var(--btn-blue)!important;color:var(--sc-white)!important}.toggle-on-green{background:var(--btn-green)!important;color:var(--sc-white)!important}.toggle-off-gray{background:#e1e1e1!important;color:#222!important}.add-btn{background:var(--brand-gradient);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:900;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 18px #199dd847;transition:transform .08s ease,filter .2s ease}.add-btn:focus-visible{box-shadow:var(--focus)}.brand-mark{width:12px;height:12px;border-radius:999px;background:var(--sc-green);box-shadow:0 0 0 6px #accc372e}@keyframes pulse{0%{box-shadow:0 0 #199dd800}50%{box-shadow:0 0 0 10px #199dd814}to{box-shadow:0 0 #199dd800}}.status-chip{display:inline-block;padding:6px 10px;border-radius:18px;font-size:.85rem;font-weight:700;border:1px solid transparent;animation:pulse 2.2s infinite}.status-up{background:var(--st-up-fill);color:var(--st-up-text)}.status-down{background:var(--st-down-fill);color:var(--st-down-text)}.status-critical{background:var(--st-critical-fill);color:var(--st-critical-text)}.status-pending{background:var(--st-pending-fill);color:var(--st-pending-text)}.status-unknown{background:var(--st-unknown-fill);color:var(--st-unknown-text)}.status-white{background:var(--st-unmon-fill);color:var(--st-unmon-text);border:1px solid var(--st-unmon-border)}.table-container,.devices-table-container{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#f8fbff;box-shadow:var(--shadow)}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;color:#000}.sc-table,.data-table,.devices-table{table-layout:fixed;font-size:.95rem}.sc-table thead th,.data-table thead th,.devices-table thead th{position:sticky;top:0;z-index:5;background:var(--sc-blue);color:#fff;font-weight:900;font-size:1.05rem;letter-spacing:.3px;text-align:center;padding:12px 8px;border-bottom:1px solid var(--border)}.sc-table th,.sc-table td,.data-table th,.data-table td,.devices-table th,.devices-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle;word-wrap:break-word;white-space:normal;overflow-wrap:anywhere;text-align:center}.sc-table tbody tr:nth-child(odd) td,.data-table tbody tr:nth-child(odd) td,.devices-table tbody tr:nth-child(odd) td{background:rgba(2,8,20,.02)}.sc-table tbody tr:hover td,.data-table tbody tr:hover td,.devices-table tbody tr:hover td{background:rgba(25,157,216,.06);transition:background .15s ease}.notification-btn.active{background:var(--sc-blue);color:#fff;border-color:var(--sc-blue-600)}.auto-ticket-btn.active{background:var(--sc-green);color:#fff;border-color:#88a82c}.diagram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#f3f9ff;border:1px solid #e1eef8;border-radius:8px}.diagram-toolbar-left .diagram-title{font-size:1rem;color:#0a3d62}.diagram-toolbar-right>*{margin-left:6px}.diagram-surface{border:1px solid #e0e0e0;border-radius:6px;background:#fff;padding:6px}.diagram-surface.pinned{border-color:var(--sc-blue);box-shadow:0 0 0 2px #199dd833 inset}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0208148c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-in-out}.modal{background-color:var(--panel);color:var(--ink);padding:2rem;border-radius:10px;max-width:680px;width:92%;box-shadow:var(--shadow);animation:slideInUp .3s ease-in-out;border:1px solid var(--border)}.modal label{display:block;margin-top:1rem;font-weight:700}.modal input,.modal select,.modal textarea{width:100%;padding:.6rem .75rem;font-size:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;background:#fff;color:#0d5172;font-weight:700}.modal button{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:10px;margin-right:.75rem;cursor:pointer}.modal button[type=submit]{background-color:var(--sc-green);color:#fff}.modal button[type=button]{background-color:#999;color:#fff}.modal fieldset{border:1px solid #ccc;padding:1rem;border-radius:8px;margin-top:1rem}.modal legend{font-weight:700;color:var(--sc-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.graphs-modal-content{background:var(--sc-blue);color:#fff;position:relative;width:92%;max-width:1200px;max-height:90vh;padding:20px;border-radius:14px;overflow-y:auto;box-shadow:var(--shadow)}.sc-table{border:3px solid var(--sc-green);margin-bottom:2rem}th{background-color:var(--sc-green);color:#fff;font-size:1.05rem;text-align:center;padding:10px}td{border:1px solid #ddd;padding:10px;font-size:.98rem}.linkBtn{background:#13c2c2;color:#fff;border:none;padding:.4rem .7rem;border-radius:4px;text-decoration:none}.notesOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.notesBox{width:min(640px,90%);max-height:85vh;background:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;font-family:Lato,Arial,Helvetica,sans-serif}header{background:#199dd8;color:#fff;padding:10px 14px;font-size:18px;display:flex;justify-content:space-between;align-items:center}header button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.notesBody{padding:14px 16px;overflow-y:auto;flex:1}.notesBody article{margin-bottom:14px;color:#000;font-size:14px;white-space:pre-wrap}.notesBody time{display:block;font-size:12px;color:#199dd8}.actions{padding:12px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eee}.noteBtn,.csvBtn{background:#199dd8;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px}.noteBtn:hover,.csvBtn:hover{opacity:.85}.center{text-align:center}.red{color:#c00}.red .linkBtn{background:#13c2c2;color:#fff;border:none;padding:.4rem .7rem;border-radius:4px;text-decoration:none}:root{--smartchoice-blue: #199dd8;--smartchoice-blue-600:#0d79ab;--smartchoice-green:#accc37;--brand-gradient: linear-gradient(135deg,#199dd8 0%,#17b1c2 40%,#accc37 100%);--bg:#f4f7fb;--ink:#101828;--ink-muted:#667085;--panel:#ffffff;--border:#e6e7eb;--shadow: 0 10px 24px rgba(2,8,20,.08);--row-up:#1c8c3a;--row-down:#dc3545;--row-critical:#ffc107;--row-pending:#6c757d;--row-unknown:#6c757d;--row-unreach:#dc3545;--glass: rgba(255,255,255,.62);--glass-border: rgba(255,255,255,.38);--focus: 0 0 0 3px rgba(25,157,216,.35)}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}.circuit-devices-container{padding:18px 20px 22px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow);margin-bottom:14px}.branding{display:flex;align-items:center;gap:10px}.brand-mark{width:12px;height:12px;border-radius:999px;background:var(--smartchoice-green);box-shadow:0 0 0 6px #accc372e}.page-title,h1{margin:0;font-weight:900;letter-spacing:.2px;font-size:1.35rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.add-btn{background:var(--brand-gradient);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 18px #199dd847;transition:transform .08s ease,filter .2s ease}.add-btn:hover{filter:brightness(.96)}.add-btn:active{transform:translateY(1px)}.add-btn:focus-visible{outline:none;box-shadow:var(--focus)}.status-summary-bar{margin:10px 0 12px}.summary-panels{display:grid;grid-template-columns:1fr;gap:12px}.summary-counts{display:flex;flex-wrap:wrap;gap:12px}.summary-card{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px}.summary-card .summary-label{font-size:.9rem;font-weight:800;opacity:.95}.summary-card .summary-value{font-size:1.8rem;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 0 rgba(0,0,0,.15)}.summary-card.hosts-up{background:linear-gradient(135deg,#1c8c3a,#5cc66a)}.summary-card.hosts-down{background:linear-gradient(135deg,#dc3545,#f37a86)}.summary-card.hosts-total{background:linear-gradient(135deg,#199dd8,#17b1c2)}.summary-card.top-customers,.summary-card.top-vendors{background:#fff;color:#0d5172;border:1px solid var(--border)}.summary-title{font-weight:900;margin-right:8px}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#eef8ff;border:1px solid #d6ecfb;color:#0b4c6a;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.85rem;cursor:pointer}.chip:hover{filter:brightness(.98)}.chip-count{margin-left:6px}.filters-container{border-radius:14px;padding:10px 12px;margin-bottom:12px;background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow)}.filters-wrapper{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end}.filter-group{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:8px 10px;border-radius:12px;display:flex;flex-direction:column;min-width:160px}.filter-group label{font-weight:800;font-size:.8rem;margin-bottom:6px;color:#fff;opacity:.95;letter-spacing:.25px}.filter-group select,.filter-group input[type=text]{padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.15);color:#fff;font-weight:800;font-size:.9rem}.filter-location select,.filter-vendor select,.filter-category select{background:#fff;color:#0d5172;border:1px solid #fff}.filter-company,.filter-organization{display:none!important}.filter-group select[multiple]{min-height:124px}.multiselect-help{font-size:11px;color:#eaf8ff;opacity:.95;margin-top:6px}.filter-status select{background:rgba(255,255,255,.15);color:#fff;border-color:#ffffff73}.color-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.5)}.legend-item{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);padding:6px 10px;border-radius:999px;display:flex;gap:8px;align-items:center;font-weight:700;font-size:.85rem}.legend-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.25)}.swatch-up{background:var(--row-up)}.swatch-down{background:var(--row-down)}.swatch-critical{background:var(--row-critical)}.swatch-pending{background:var(--row-pending)}.swatch-white{background:#fff}.rtt-subtext,.rtt-subtext.uptime,.rtt-subtext.downtime,.rtt-subtext.neutral{color:#fff!important;font-weight:900!important;font-size:12px!important;margin-top:2px!important;display:block!important}.rtt-label{font-weight:800;font-size:12px;margin-bottom:2px;color:#fff}.rtt-value{font-weight:900;font-size:14px;color:#fff}.normal-latency{color:#e6ffe6;font-weight:900}.medium-latency{color:#fff3cd;font-weight:900}.high-latency{color:#ffe0e0;font-weight:900}.devices-table-container,.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#f8fbff;box-shadow:var(--shadow)}.devices-table,.data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.95rem}.devices-table thead th,.data-table thead th{position:sticky;top:0;z-index:5;background:var(--smartchoice-blue);color:#fff;font-weight:900;font-size:1.05rem;letter-spacing:.3px;text-align:center;padding:12px 8px;border-bottom:1px solid var(--border)}.devices-table th,.devices-table td,.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle;word-wrap:break-word;white-space:normal;overflow-wrap:anywhere}.devices-table tbody tr:nth-child(odd) td{background:rgba(2,8,20,.02)}.devices-table tbody tr:hover td{background:rgba(25,157,216,.06);transition:background .15s ease}.devices-table tbody tr.status-up td{background:var(--row-up);color:#fff}.devices-table tbody tr.status-down td{background:var(--row-down);color:#fff}.devices-table tbody tr.status-critical td{background:var(--row-critical);color:#000}.devices-table tbody tr.status-pending td{background:var(--row-pending);color:#fff}.devices-table tbody tr.status-unknown td{background:var(--row-unknown);color:#fff}.devices-table tbody tr.status-unreachable td{background:var(--row-unreach);color:#fff}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;font-weight:900;font-size:.85rem;background:rgba(0,0,0,.25);color:#fff}.status-dot{width:10px;height:10px;border-radius:999px;position:relative}.status-dot.up{background:#6cff8a;color:#6cff8a}.status-dot.down{background:#ff6b6b;color:#ff6b6b}.status-dot.up:after,.status-dot.down:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;animation:pulse 1.6s ease-out infinite;background:currentColor;opacity:.25}@keyframes pulse{0%{transform:scale(.3);opacity:.45}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.9);opacity:0}}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.edit-btn{background:#ffffff;color:#0d5172;border:1px solid var(--border);padding:7px 11px;border-radius:10px;cursor:pointer;font-weight:800}.view-btn,.ping-btn{background:#fff8e1;color:#533f03;border:1px solid #f3d98b;padding:7px 11px;border-radius:10px;cursor:pointer;font-weight:800}.ticket-notes-btn{background:#ffe26a;color:#000;border:2px solid #000;border-radius:12px;padding:8px 12px;font-weight:900;letter-spacing:.2px;cursor:pointer;box-shadow:0 2px 6px #00000040}.ticket-notes-btn:hover{filter:brightness(.98)}.ticket-notes-btn:active{transform:translateY(1px)}.delete-btn{background:#6f42c1;color:#fff;border:none;padding:7px 12px;border-radius:10px;cursor:pointer;font-weight:900;transition:filter .15s}.delete-btn:hover{filter:brightness(.95)}.notification-btn,.auto-ticket-btn{padding:6px 12px;margin:2px 0;border:1px solid var(--border);border-radius:999px;font-size:.85rem;font-weight:900;cursor:pointer;background:#f1f5f9;color:#111827}.notification-btn.active{background:var(--smartchoice-blue);color:#fff;border-color:#0d79ab}.auto-ticket-btn.active{background:var(--smartchoice-green);color:#fff;border-color:#88a82c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,8,20,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--panel);color:var(--ink);padding:26px 30px;border-radius:14px;max-height:90vh;overflow-y:auto;min-width:520px;max-width:92vw;border:1px solid var(--border);box-shadow:var(--shadow);position:relative}.modal-close-button{position:absolute;top:10px;right:12px;background:transparent;border:0;font-size:1.8rem;cursor:pointer;color:#fff}.modal-content.device-modal{background:var(--brand-gradient);color:#fff;max-width:1400px;width:96%;border:1px solid rgba(255,255,255,.35)}.device-modal h2{margin:0 0 10px;font-weight:900}.device-modal .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device-modal .form-group label{color:#fff;font-weight:800}.device-modal input,.device-modal select,.device-modal textarea{background:#fff;color:#0d5172;border:1px solid #fff;border-radius:10px;padding:8px 10px;font-weight:700}.device-modal .checkbox-group label{display:flex;gap:8px;align-items:center;color:#fff}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.modal-button{background:#ffffff;color:#0d5172;border:1px solid #fff;border-radius:10px;padding:8px 14px;font-weight:900;cursor:pointer}.modal-button:hover{filter:brightness(.98)}.graphs-modal-content{background:var(--smartchoice-blue);color:#fff;position:relative;width:92%;max-width:1200px;max-height:90vh;padding:20px;border-radius:14px;overflow-y:auto;box-shadow:var(--shadow)}.graphs-modal-container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}.graph-box{background:#fff;color:#000;padding:14px;border-radius:12px;text-align:center;box-shadow:var(--shadow)}.graph-box img{max-width:100%;border:1px solid #e5e7eb;border-radius:8px;cursor:zoom-in}.graphs-modal-close-button{position:absolute;top:8px;right:12px;background:transparent;border:0;font-size:1.8rem;color:#fff;cursor:pointer}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;z-index:1100}.zoom-overlay img{max-width:95vw;max-height:90vh;border-radius:12px;box-shadow:0 12px 40px #0009}.ping-modal h3{color:#0d5172}.ping-controls{display:flex;gap:8px;margin-bottom:10px}.ping-results-list{max-height:50vh;overflow:auto;background:#0b1624;color:#e5f3ff;border-radius:8px;padding:10px;border:1px solid #14365a}.ping-summary{margin-top:10px;color:#0d5172;font-weight:800}.ping-result.success{color:#9cffc2}.ping-result.error{color:#ff9c9c}:where(button,[role=button],input,select,a,.filter-group select):focus-visible{outline:none;box-shadow:var(--focus);border-radius:10px}.hidden{display:none!important}.no-devices{padding:18px;text-align:center;font-weight:800;color:#0d5172}.loading-indicator{font-weight:800;color:#0d5172}.error-message{background:#ffe7e9;color:#7a0b18;border:1px solid #f3b8bf;padding:8px 10px;border-radius:10px;margin:8px 0}.reports-page{padding:24px;font-family:Lato,Arial,Helvetica,sans-serif;color:#0b0b0b}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-title{margin:0;font-size:22px;font-weight:700;color:#199dd8}.page-subtitle{margin-top:0;margin-bottom:18px;color:#333}.section{margin-top:18px}.section-title{margin:0 0 10px;font-size:18px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle;font-size:14px}.thead-green th{background:#accc37;color:#000;text-align:left}.thead-gray th{background:#f3f4f6;color:#111827;text-align:left}.tr-border:hover{background:#f9fafb}.td-left{text-align:left}.td-center{text-align:center}.td-actions{white-space:nowrap}.td-empty{text-align:center;padding:24px;color:#6b7280}.break{word-break:break-all}button{background:#199dd8;color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.95)}.button-secondary{background:#6b7280}.button-download{background:#199dd8}.button-link{background:transparent;color:#199dd8;padding:0 6px}button.danger,.button-link.danger{background:#ef4444!important;color:#fff!important}.archive-note{color:#6b7280;font-size:12px;margin-top:8px}.ta-root{padding:16px 18px 24px;font-family:Inter,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}.ta-page-title{font-size:18px;font-weight:700;color:#134c6b;display:flex;align-items:center;gap:10px;margin-bottom:10px}.dot-online{width:10px;height:10px;background:#27b965;border-radius:50%;box-shadow:0 0 0 3px #27b96533;display:inline-block}.ta-banner{border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px}.ta-banner.ok{background:#eefbf3;color:#0f5f2e;border-left:4px solid #25a05b}.ta-banner.error{background:#fff2f2;color:#8f1d1d;border-left:4px solid #cf2e2e}.ta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.ta-card{background:#ffffff;border-radius:10px;border:1px solid #e8eef3;box-shadow:0 6px 28px #09477114}.ta-card-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0b88c3 0%,#0a76ab 100%);color:#fff;border-radius:10px 10px 0 0;padding:10px 12px}.ta-card-title{font-size:15px;font-weight:700}.ta-card-actions{display:flex;gap:8px;align-items:center}.ta-btn{height:32px;padding:0 12px;border:none;border-radius:6px;background:#0b88c3;color:#fff;font-weight:600;cursor:pointer}.ta-btn:hover{background:#0c9bdc}.ta-btn.secondary{background:#6e7b8d}.ta-btn.secondary:hover{background:#7a879a}.ta-btn.primary{background:#1aa05a}.ta-btn.primary:hover{background:#1eb567}.ta-btn:disabled{opacity:.6;cursor:default}.ta-cols{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.ta-field{display:flex;flex-direction:column;gap:6px;font-size:12px}.ta-label{font-weight:700;color:#135a7a}.ta-field input,.ta-field select{height:34px;border:1px solid #cfe5f1;border-radius:6px;padding:0 10px;outline:none;background:#fff;color:#21323c}.ta-field input:focus,.ta-field select:focus{border-color:#0c9bdc;box-shadow:0 0 0 2px #0c9bdc2e}.switch{display:inline-flex;align-items:center;gap:8px}.switch>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:22px;border-radius:22px;background:#c2cbd4;position:relative;transition:background .2s ease;cursor:pointer}.switch>input[type=checkbox]:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:2px;top:2px;transition:left .2s ease;box-shadow:0 1px 4px #0003}.switch>input[type=checkbox]:checked{background:#1aa05a}.switch>input[type=checkbox]:checked:after{left:22px}.ta-footer{margin-top:14px;display:flex;justify-content:flex-start;gap:10px}.api-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,32,64,.45);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:60px}.api-modal{width:min(1240px,calc(100vw - 40px));background:#ffffff;border-radius:10px;box-shadow:0 20px 60px #00000040;overflow:hidden;font-family:Inter,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}.api-modal-header{display:flex;align-items:center;justify-content:space-between;background:#0b88c3;color:#fff;padding:14px 18px}.api-modal-title{font-weight:700;font-size:16px}.api-modal-close{border:none;background:rgba(255,255,255,.2);color:#fff;width:32px;height:32px;line-height:28px;font-size:20px;border-radius:6px;cursor:pointer}.api-modal-close:hover{background:rgba(255,255,255,.3)}.api-modal-toolbar{display:flex;gap:14px;padding:12px 16px;background:#f6fbff;border-bottom:1px solid #e6f2f8;flex-wrap:wrap}.api-range label{display:inline-flex;align-items:center;gap:6px;margin-right:8px;font-size:12px;color:#135a7a}.api-range input[type=datetime-local]{padding:6px 8px;border:1px solid #cfe5f1;border-radius:6px;background:#fff}.api-search input[type=text]{padding:7px 10px;width:360px;border:1px solid #cfe5f1;border-radius:6px}.api-btn{background:#0b88c3;color:#fff;border:none;outline:none;border-radius:6px;height:34px;padding:0 12px;font-weight:600;cursor:pointer}.api-btn:hover{background:#0c9bdc}.api-btn.secondary{background:#6e7b8d}.api-btn.secondary:hover{background:#7a879a}.api-actions{margin-left:auto}.api-error{margin:12px 16px;padding:10px 12px;border-left:4px solid #d33;background:#fff3f3;color:#9a1d1d;border-radius:6px;font-size:13px}.api-table-wrap{max-height:56vh;overflow:auto}.api-table{width:100%;border-collapse:collapse;font-size:12px}.api-table thead th{position:sticky;top:0;background:#ecf7fd;color:#145a76;font-weight:700;border-bottom:1px solid #cfe5f1;padding:8px 10px;text-align:left;z-index:1}.api-table tbody td{border-bottom:1px solid #f0f0f0;padding:8px 10px;color:#21323c}.api-table tbody tr:hover{background:#f9fdff}.api-table .url-cell,.api-table .error-cell{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-table .outcome.ok{color:#177e3f;font-weight:700}.api-table .outcome.error{color:#ad1c1c;font-weight:700}.api-table .empty{text-align:center;padding:30px 0;color:#7a879a}.api-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px;border-top:1px solid #eef3f7}.page-indicator{display:inline-block;min-width:80px;text-align:center;margin:0 8px}.smarttile-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:1rem 2rem;background-color:#199dd8;color:#fff;font-family:Lato,sans-serif}.left-group{display:flex;flex-direction:column;align-items:flex-start}.header-logo{height:60px;width:auto;margin-bottom:.5rem}.smarttile-title{font-size:2rem;font-weight:700;color:#accc37;margin-bottom:.5rem}.smarttile-nav{display:flex;flex-wrap:wrap;gap:.75rem}.nav-link{background-color:#accc37;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:700;font-size:1rem;text-decoration:none;font-family:Lato,sans-serif;transition:all .2s ease}.nav-link:hover{background-color:#9abb2a}.nav-link.active{font-size:1.1rem;font-weight:900;text-decoration:underline}.header-userinfo{text-align:right;font-size:.95rem;font-weight:700;margin-top:.5rem}.logout-button{background-color:#d9534f;color:#fff;padding:6px 12px;border:none;border-radius:4px;font-weight:700;margin-top:.5rem;cursor:pointer;font-family:Lato,sans-serif}.logout-button:hover{background-color:#c9302c}