@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);body{background-color:#199dd8;font-family:Lato,sans-serif;margin:0}.modal-overlay{animation:fadeIn .3s ease-in-out;background-color:#0009;height:100vh;left:0;top:0;width:100vw;z-index:9999}.modal{animation:slideInUp .3s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;color:#000;font-family:Lato,sans-serif;max-width:600px;padding:2rem;width:90%}.modal label{display:block;font-weight:700;margin-top:1rem}.modal input,.modal select{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;width:100%}.modal button,.modal input,.modal select{font-family:Lato,sans-serif;font-size:1rem}.modal button{border:none;border-radius:4px;cursor:pointer;margin-right:.75rem;padding:.6rem 1.2rem}.modal button[type=submit]{background-color:#7bbe17;color:#fff}.modal button[type=button]{background-color:#999;color:#fff}.modal fieldset{border:1px solid #ccc;border-radius:6px;margin-top:1rem;padding:1rem}.modal legend{color:#199dd8;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}table{background-color:#fff;border:3px solid #7bbe17;border-collapse:collapse;color:#000;font-family:Lato,sans-serif;margin-bottom:2rem;width:100%}th{background-color:#7bbe17;color:#fff;font-size:1.1rem;text-align:left}td,th{padding:10px}td{border:1px solid #ddd;font-size:1rem}.st-wrap{color:#0d1b24;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;padding:20px 22px}.st-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.st-title{color:#0d5172;font-size:24px;font-weight:900}.st-actions{gap:10px}.st-actions,.st-summary{align-items:center;display:flex}.st-summary{color:#234;font-size:14px;gap:8px}.st-dot{opacity:.5}.st-btn{background:#fff;border:1px solid #d0d6db;border-radius:8px;cursor:pointer;font-weight:700;padding:8px 12px;transition:transform .06s ease,filter .15s ease,background .15s ease}.st-btn:hover{filter:brightness(.98)}.st-btn:active{transform:translateY(1px)}.st-btn-primary{background:#0d5172;border-color:#0d5172;color:#fff}.st-btn-secondary{background:#ecf5fb;border-color:#a0c8e1;color:#0d5172}.st-btn-ghost{background:#fff;border-color:#c7d3db;color:#0d5172}.st-link{background:#0000;border:0;color:#0d5172;cursor:pointer;font-weight:700;padding:0;text-decoration:underline}.st-link:hover{filter:brightness(.9)}.st-searchbar{align-items:center;display:flex;gap:8px;margin:8px 0 12px}.st-search-input{flex:1 1;min-width:260px}.st-input,.st-select{border:1px solid #cbd5df;border-radius:8px;font-size:14px;outline:none;padding:8px 10px}.st-input:focus,.st-select:focus{border-color:#0d5172}.st-alpha-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.st-alpha-btn{background:#fff;border:1px solid #cbd5df;border-radius:999px;color:#0d5172;cursor:pointer;font-size:12px;font-weight:800;padding:6px 9px}.st-alpha-btn.active{background:#0d5172;border-color:#0d5172;color:#fff}.st-card{background:#fff;border:1px solid #dfe6ed;border-radius:12px;box-shadow:0 1px 4px #0000000f}.st-card-toolbar,.st-card-toolbar-bottom{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:10px 12px}.st-card-toolbar-bottom{border-bottom:none;border-top:1px solid #eef2f6}.st-card-pager{align-items:center;display:flex;gap:8px}.st-page-indicator{font-size:14px}.st-page-size-label{align-items:center;display:inline-flex;gap:6px;margin-right:10px}.st-table{border-collapse:collapse;width:100%}.st-table thead th{border-bottom:2px solid #edf1f5;color:#1f2a35;font-size:13px;padding:10px 8px;text-align:left;white-space:nowrap}.st-table tbody td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:10px 8px;vertical-align:middle}.st-td-name{color:#0d5172;font-weight:800}.st-suggest-row td{padding:0!important}.st-suggest-box{align-items:center;background:#f3fbff;border:1px solid #bfe1f5;border-radius:8px;display:flex;justify-content:space-between;margin:8px 0;padding:10px 12px}.st-suggest-text{font-size:13px}.st-suggest-name{color:#083d58;font-weight:900}.st-suggest-addr{color:#335;font-size:12px}.st-suggest-actions{display:flex;gap:8px}.st-create{background:#fcfdff;border:1px dashed #d7e4ee;border-radius:10px;margin:16px 0 12px;padding:12px}.st-create-title{color:#0d5172;font-size:14px;font-weight:900;margin-bottom:6px}.st-create-row{display:flex;gap:8px}.st-list{grid-gap:8px;display:grid;gap:8px;margin-top:8px}.st-list-item{align-items:center;border:1px solid #e5edf3;border-radius:10px;display:flex;justify-content:space-between;padding:10px}.st-list-meta{min-width:0}.st-list-title{color:#0d5172;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-list-sub{color:#566473;font-size:12px;margin-top:2px}.st-picked{grid-gap:8px;align-items:center;background:#f6fbff;border:1px solid #cfe3f0;border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr auto;margin-top:8px;padding:10px 12px}.st-picked-title{color:#0d5172;font-weight:900}.st-picked-body{color:#234;font-size:14px}.st-picked-name{font-weight:800}.st-picked-sub{color:#566473;font-size:12px}.st-picked-actions{display:flex;gap:8px}.st-portal-link{max-width:380px;white-space:nowrap}.st-btn-copy{font-size:12px;padding:6px 8px}.st-badge{background:#fafafa;border:1px solid #e0e4ea;border-radius:6px;color:#555;font-size:11px;font-weight:900;padding:4px 6px}.st-badge-demo{background:#fff6eb;border-color:#ffd7a3;color:#8f5700}.st-linked{color:#1b7d37;font-weight:800}.st-empty,.st-loading{color:#666;padding:10px 0;text-align:center}.st-muted{color:#9aa8b4}.st-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.st-modal{background:#fff;border:1px solid #dfe6ed;border-radius:12px;box-shadow:0 6px 28px #0003;max-height:88vh;overflow:auto;width:min(820px,92vw)}.st-modal-footer,.st-modal-header{border-bottom:1px solid #eef2f6;padding:10px 12px}.st-modal-footer{border-bottom:0;border-top:1px solid #eef2f6}.st-modal-body{padding:12px}.st-modal-close{background:#0000;border:0;cursor:pointer;float:right;font-size:20px}@media (max-width:900px){.st-card-toolbar,.st-card-toolbar-bottom{align-items:stretch;flex-direction:column;gap:8px}.st-card-pager{justify-content:space-between}}.st-card-body{overflow:auto;padding:10px 12px}.st-table{border-collapse:initial;border-spacing:0;table-layout:fixed}.st-table tbody td,.st-table thead th{border-right:1px solid #eef2f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-table tbody td:last-child,.st-table thead th:last-child{border-right:0}@media (min-width:1024px){.st-table tbody td:first-child,.st-table thead th:first-child{max-width:22%;width:22%}.st-table tbody td:nth-child(2),.st-table thead th:nth-child(2){max-width:8%;width:8%}.st-table tbody td:nth-child(3),.st-table thead th:nth-child(3){max-width:22%;width:22%}.st-table tbody td:nth-child(4),.st-table thead th:nth-child(4){max-width:6%;width:6%}.st-table tbody td:nth-child(5),.st-table thead th:nth-child(5){max-width:5%;width:5%}.st-table tbody td:nth-child(6),.st-table tbody td:nth-child(7),.st-table thead th:nth-child(6),.st-table thead th:nth-child(7){max-width:6%;width:6%}.st-table tbody td:nth-child(8),.st-table thead th:nth-child(8){max-width:7%;width:7%}.st-table tbody td:nth-child(9),.st-table thead th:nth-child(9){max-width:12%;width:12%}.st-table tbody td:nth-child(10),.st-table thead th:nth-child(10){max-width:6%;width:6%}}.st-portal-cell{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-portal-wrap{align-items:center;display:inline-flex;gap:8px;max-width:100%;min-width:0}.st-portal-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.st-btn-copy{flex:0 0 auto}@supports ((width:-webkit-min-content) or (width:min-content)){.st-portal-link{max-width:min(380px,100%)}}@media (max-width:1100px){.st-table tbody td,.st-table thead th{white-space:nowrap}.st-table tbody td:nth-child(3){white-space:normal}}.st-suggest-box{overflow:hidden}@media (max-width:1280px){.st-table tbody td,.st-table thead th{padding:8px 6px}}:root{--smartchoice-blue:#199dd8;--smartchoice-green:#accc37;--text-white:#fff;--text-black:#000;--btn-blue:#199dd8;--btn-yellow:#f7b500;--btn-red:#dc3545;--btn-green:#28a745;--row-up:#228b22;--row-down:#dc3545;--row-pending:#6c757d;--row-critical:#ffc107;--row-unknown:#6c757d;--row-unreach:#dc3545;--border-neutral:#e0e0e0;--bg-muted:#f8f9fa}body,html{background:#fff;box-sizing:border-box;color:#000;color:var(--text-black);font-family:Lato,sans-serif;margin:0;padding:0}*,:after,:before{box-sizing:inherit}.rtt-subtext,.rtt-subtext.downtime,.rtt-subtext.neutral,.rtt-subtext.uptime{color:#fff!important;color:var(--text-white)!important;display:block!important;font-family:Lato,sans-serif!important;font-size:12px!important;font-weight:700!important;margin-top:2px!important}.rtt-label{display:block;font-size:12px;margin-bottom:2px}.rtt-label,.rtt-value{color:#fff;color:var(--text-white);font-family:Lato,sans-serif;font-weight:700}.rtt-value{font-size:14px}.normal-latency{color:#e6ffe6;font-weight:700}.medium-latency{color:#fff3cd;font-weight:700}.high-latency{color:#ffe0e0;font-weight:700}.circuit-devices-container{padding:14px 16px 20px}.circuit-devices-page{color:#000;color:var(--text-black);padding:20px}.page-title{color:#333;font-family:Lato,sans-serif;font-weight:700}.header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.add-btn{background:#199dd8;background:var(--smartchoice-blue);border:none;border-radius:6px;box-shadow:0 2px 5px #0000001f;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:filter .15s,transform .06s}.add-btn:hover{filter:brightness(.92)}.add-btn:active{transform:translateY(1px)}.btn-secondary{background:#e7f3fb;border:1px solid #76bde4;border-radius:6px;color:#0d5172;cursor:pointer;font-weight:700;padding:8px 10px}.btn-secondary:hover{background:#d9ecf8}.input-disabled{background:#f1f1f1;color:#777}.input-locked{background:#f1f5f9!important;border-color:#bcd7ec!important;cursor:not-allowed!important}.filters-container{background:#199dd8;background:var(--smartchoice-blue);border:1px solid #1079ac;border-radius:6px;color:#fff;margin-bottom:10px;padding:12px}.filters-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px 16px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#fff;color:var(--text-white);font-size:.9em;font-weight:700;margin-bottom:6px;opacity:.9}.filter-group input[type=text],.filter-group select{background:#fff;border:1px solid #ccc;border-radius:4px;color:#0d5172;height:40px;min-width:220px;padding:10px 12px}.filter-group select[multiple]{min-height:145px}.multiselect-help{color:#e9f7ff;font-size:12px;margin-top:6px;opacity:.95}.color-legend{border-top:1px dashed #ffffff80;flex-wrap:wrap;gap:14px;margin-top:12px;padding-top:10px}.color-legend,.legend-item{align-items:center;display:flex}.legend-item{font-size:13px;gap:8px}.legend-swatch{border:1px solid #00000040;border-radius:3px;display:inline-block;height:16px;width:16px}.swatch-up{background:#228b22;background:var(--row-up)}.swatch-down{background:#dc3545;background:var(--row-down)}.swatch-critical{background:#ffc107;background:var(--row-critical)}.swatch-pending{background:#6c757d;background:var(--row-pending)}.swatch-white{background:#fff}.devices-table-container,.table-container{border:3px solid #accc37;border:3px solid var(--smartchoice-green);border-radius:6px;box-shadow:0 2px 5px #00000026;overflow-x:auto}.data-table,.devices-table{background:#fff;border-collapse:collapse;font-size:.95em;margin-bottom:20px;table-layout:fixed;width:100%}.data-table.wide-layout{table-layout:auto!important}.data-table thead th,.devices-table thead th{background:#199dd8;background:var(--smartchoice-blue);border:1px solid #accc37;border:1px solid var(--smartchoice-green);color:#fff;color:var(--text-white);font-family:Lato,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:.5px;max-width:600px;min-width:120px;overflow:auto;padding:12px 8px;resize:horizontal;text-align:center}.data-table td,.data-table th,.devices-table td,.devices-table th{word-wrap:break-word;border:1px solid #accc37;border:1px solid var(--smartchoice-green);font-family:Lato,sans-serif;overflow-wrap:break-word;padding:10px 8px;text-align:left;vertical-align:middle;white-space:normal}.edit-row td{background:#eef8ff}.edit-row td input,.edit-row td select,.edit-row td textarea{background:#fff;border:1px solid #b3d3ea;border-radius:6px;box-shadow:inset 0 1px 2px #0000000a;color:#0d5172;font-size:14px;height:40px;min-width:220px;padding:10px 12px;width:100%}.edit-row .muted-subtext{color:#666;font-size:12px;margin-top:6px}.data-table tbody tr.status-up td,.devices-table tbody tr.status-up td{background:#228b22;background:var(--row-up);color:#fff}.data-table tbody tr.status-down td,.devices-table tbody tr.status-down td{background:#dc3545;background:var(--row-down);color:#fff}.data-table tbody tr.status-critical td,.devices-table tbody tr.status-critical td{background:#ffc107;background:var(--row-critical);color:#000}.data-table tbody tr.status-pending td,.devices-table tbody tr.status-pending td{background:#6c757d;background:var(--row-pending);color:#fff}.data-table tbody tr.status-unknown td,.devices-table tbody tr.status-unknown td{background:#6c757d;background:var(--row-unknown);color:#fff}.data-table tbody tr.status-unreachable td,.devices-table tbody tr.status-unreachable td{background:#dc3545;background:var(--row-unreach);color:#fff}.status-badge{background:#00000040;border-radius:999px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 8px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.edit-btn{background:#199dd8;background:var(--btn-blue);color:#fff}.edit-btn,.ping-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 12px}.ping-btn,.view-btn{background:#f7b500;background:var(--btn-yellow);color:#000}.delete-btn{background:#dc3545;background:var(--btn-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}.auto-ticket-btn,.notification-btn{background:#d9d9d9;border:1px solid #666;border-radius:4px;color:#000;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin:2px 0;padding:4px 10px;transition:background .15s,color .15s,border-color .15s}.notification-btn.active{background:#199dd8;background:var(--smartchoice-blue);border-color:#0d79ab;color:#fff}.auto-ticket-btn.active{background:#accc37;background:var(--smartchoice-green);border-color:#88a82c;color:#fff}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;border:2px solid #199dd8;border:2px solid var(--smartchoice-blue);border-radius:8px;color:#199dd8;color:var(--smartchoice-blue);max-height:90vh;max-width:90vw;min-width:500px;overflow-y:auto;padding:25px 30px;position:relative}.modal-close-button{background:none;border:none;color:#000000b3;cursor:pointer;font-size:1.8em;position:absolute;right:15px;top:10px}.graphs-modal-content{background:#199dd8;background:var(--smartchoice-blue);border-radius:8px;color:#fff;font-family:Lato,sans-serif;max-height:90vh;max-width:1200px;overflow-y:auto;padding:20px;position:relative;width:90%}.graphs-modal-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.graph-box{background:#fff;border-radius:6px;box-shadow:0 2px 4px #00000026;color:#000;padding:15px;text-align:center}.graph-box img{border:1px solid #ccc;border-radius:4px;cursor:zoom-in;max-width:100%}.form-grid{flex-direction:column}.form-grid,.form-row{display:flex;gap:14px}.form-row{align-items:center}.form-label{color:#0d5172;min-width:220px}.form-field{flex:1 1}.form-help{color:#666;font-size:12px;margin-top:6px}.form-row-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr 1fr}.form-field input,.form-field select,.form-row-3 input,.form-row-3 select,.form-row-4 input,.form-row-4 select{border:1px solid #cfdce6;border-radius:6px;font-size:14px;height:40px;padding:10px 12px;width:100%}.vpn-info-card{background-color:#f3f3f3;border:1px solid #ccc;border-radius:6px;font-size:.9rem;margin-bottom:8px;padding:8px;text-align:left}.vpn-box{background:#fbfdff;border:1px dashed #bcd7ec;border-radius:6px;padding:12px}.vpn-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.checkbox-inline{align-items:center;color:#0d5172;display:inline-flex;font-weight:700;gap:8px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.ticket-automation-page{color:#0a0a0a;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:16px}.ticket-automation-page h1{color:#199dd8;font-size:26px;margin:0 0 16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;margin-bottom:18px}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.card-header h2{color:#199dd8;font-size:18px;margin:0}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(200px,1fr));padding:14px}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1/-1}.form-group label{color:#333;font-size:12px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #cfd8dc;border-radius:6px;font-size:14px;padding:8px}.hint{color:#666;font-size:12px;margin-top:4px}.days{display:flex;flex-wrap:wrap;gap:8px}.day{align-items:center;background:#f7fafc;border:1px solid #cfd8dc;border-radius:14px;cursor:pointer;display:inline-flex;gap:4px;padding:4px 8px}.day.on{background:#accc37;border-color:#9ab82f;color:#000}.day input{display:none}.time-window{align-items:center;display:flex;gap:6px}.time-window input{width:100px}.actions{display:flex;gap:10px;padding:0 14px 14px}.btn{background:#f9fafb;border:1px solid #cfd8dc;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 10px}.btn:hover{background:#eef2f7}.btn.primary{background:#199dd8;border-color:#199dd8;color:#fff}.btn.primary:hover{filter:brightness(.95)}.btn.danger{background:#c62828;border-color:#b71c1c;color:#fff}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left;vertical-align:top}.data-table thead th{background:#199dd8;color:#fff;position:-webkit-sticky;position:sticky;top:0}.data-table .empty{color:#777;text-align:center}.rules-table .small,.test-evaluate .small{color:#333;font-size:12px}.test-evaluate .form-row{align-items:center;display:flex;gap:8px;padding:12px}.open-tickets .data-table th:first-child{width:70px}.open-tickets .data-table th:nth-child(2){width:120px}.actions-cell{display:flex;gap:6px}.smarttile-header{background-color:#199dd8;color:#fff;flex-wrap:wrap;font-family:Lato,sans-serif;justify-content:space-between;padding:1rem 2rem}.left-group,.smarttile-header{align-items:flex-start;display:flex}.left-group{flex-direction:column}.header-logo{height:60px;margin-bottom:.5rem;width:auto}.smarttile-title{color:#accc37;font-size:2rem;font-weight:700;margin-bottom:.5rem}.smarttile-nav{display:flex;flex-wrap:wrap;gap:.75rem}.nav-link{background-color:#accc37;border:none;border-radius:6px;color:#fff;font-family:Lato,sans-serif;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;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{font-size:.95rem;text-align:right}.header-userinfo,.logout-button{font-weight:700;margin-top:.5rem}.logout-button{background-color:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Lato,sans-serif;padding:6px 12px}.logout-button:hover{background-color:#c9302c}
/*# sourceMappingURL=main.1f669a05.css.map*/