@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap";.ls-app[data-v-1414f283]{background:#f8fafc;min-height:100vh;display:flex}.ls-sidebar[data-v-1414f283]{background:#0f172a;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:fixed;top:0;left:0}.ls-sidebar-logo[data-v-1414f283]{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 16px;display:flex}.ls-logo-icon[data-v-1414f283]{background:#3b82f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.ls-logo-name[data-v-1414f283]{color:#fff;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.ls-logo-sub[data-v-1414f283]{color:#64748b;font-size:10px}.ls-nav[data-v-1414f283]{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.ls-nav-item[data-v-1414f283]{color:#94a3b8;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.ls-nav-item[data-v-1414f283]:hover{color:#fff;background:#ffffff0f}.ls-nav-item.active[data-v-1414f283]{color:#fff;background:#1e3a5f}.ls-badge[data-v-1414f283]{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.ls-sidebar-footer[data-v-1414f283]{border-top:1px solid #ffffff14;padding:12px 8px}.ls-user-info[data-v-1414f283]{align-items:center;gap:8px;padding:8px;display:flex}.ls-user-avatar[data-v-1414f283]{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.ls-user-name[data-v-1414f283]{color:#fff;font-size:12px;font-weight:600}.ls-user-email[data-v-1414f283]{color:#64748b;font-size:10px}.ls-logout-btn[data-v-1414f283]{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;width:100%;margin-top:4px;padding:8px;font-size:12px}.ls-logout-btn[data-v-1414f283]:hover{background:#ef444433}.ls-main[data-v-1414f283]{flex:1;min-height:100vh;margin-left:220px;padding:24px}.login-page[data-v-499cd2e9]{background:linear-gradient(135deg,#0f172a,#1e3a5f);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card[data-v-499cd2e9]{background:#fff;border-radius:20px;width:100%;max-width:380px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-logo[data-v-499cd2e9]{text-align:center;margin-bottom:32px}.logo-icon[data-v-499cd2e9]{margin-bottom:8px;font-size:36px}.logo-text[data-v-499cd2e9]{color:#0f172a;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.logo-sub[data-v-499cd2e9]{color:#64748b;margin-top:2px;font-size:12px}.login-form[data-v-499cd2e9]{flex-direction:column;gap:14px;display:flex}.ls-field[data-v-499cd2e9]{flex-direction:column;gap:5px;display:flex}.ls-label[data-v-499cd2e9]{color:#374151;font-size:12px;font-weight:500}.ls-input[data-v-499cd2e9]{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border .15s}.ls-input[data-v-499cd2e9]:focus{border-color:#3b82f6}.ls-error[data-v-499cd2e9]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px}.ls-btn-primary[data-v-499cd2e9]{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s}.ls-btn-primary[data-v-499cd2e9]:hover{background:#0f4c75}.ls-btn-primary[data-v-499cd2e9]:disabled{opacity:.5;cursor:not-allowed}.ls-page-header[data-v-51d08939]{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.ls-btn-refresh[data-v-51d08939]{cursor:pointer;color:#374151;background:#f1f5f9;border:none;border-radius:8px;padding:8px 14px;font-size:13px}.ls-section-label[data-v-51d08939]{color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:12px;font-weight:700}.ls-kpi-grid[data-v-51d08939]{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.ls-kpi[data-v-51d08939]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .15s}.ls-kpi-clickable[data-v-51d08939]{cursor:pointer}.ls-kpi-clickable[data-v-51d08939]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.kpi-green[data-v-51d08939]{background:#f0fdf4;border-color:#a7f3d0}.kpi-red[data-v-51d08939]{background:#fef2f2;border-color:#fecaca}.kpi-orange[data-v-51d08939]{background:#fffbeb;border-color:#fde68a}.kpi-blue[data-v-51d08939]{background:#eff6ff;border-color:#bfdbfe}.ls-kpi-icon[data-v-51d08939]{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;font-size:18px;display:flex}.ls-kpi-val[data-v-51d08939]{color:#0f172a;font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:1}.ls-kpi-label[data-v-51d08939]{color:#64748b;margin-top:4px;font-size:11px}.ls-grid-2[data-v-51d08939]{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ls-card-title[data-v-51d08939]{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.ls-card-link[data-v-51d08939]{color:#3b82f6;font-size:12px;font-weight:500;text-decoration:none}.ls-card-link[data-v-51d08939]:hover{text-decoration:underline}.ls-client-row[data-v-51d08939]{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:8px 0;display:flex}.ls-client-row[data-v-51d08939]:last-child{border-bottom:none}.ls-client-dot[data-v-51d08939]{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-online[data-v-51d08939]{background:#10b981;box-shadow:0 0 0 2px #10b98133}.dot-offline[data-v-51d08939]{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.dot-warning[data-v-51d08939]{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.dot-unknown[data-v-51d08939]{background:#94a3b8}.ls-client-info[data-v-51d08939]{flex:1;min-width:0}.ls-client-name[data-v-51d08939]{color:#0f172a;font-size:13px;font-weight:600}.ls-client-meta[data-v-51d08939]{color:#94a3b8;font-size:11px}.ls-client-status[data-v-51d08939]{flex-shrink:0;align-items:center;gap:6px;display:flex}.ls-status-badge[data-v-51d08939]{border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600}.badge-healthy[data-v-51d08939]{color:#065f46;background:#d1fae5}.badge-degraded[data-v-51d08939]{color:#92400e;background:#fef3c7}.badge-critical[data-v-51d08939]{color:#991b1b;background:#fee2e2}.badge-unknown[data-v-51d08939]{color:#64748b;background:#f1f5f9}.ls-incident-badge[data-v-51d08939]{color:#92400e;background:#fef3c7;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.ls-incident-row[data-v-51d08939]{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.ls-incident-row[data-v-51d08939]:last-child{border-bottom:none}.inc-critical[data-v-51d08939]{border-left:3px solid #ef4444;padding-left:8px}.inc-high[data-v-51d08939]{border-left:3px solid #f59e0b;padding-left:8px}.inc-medium[data-v-51d08939]{border-left:3px solid #3b82f6;padding-left:8px}.inc-low[data-v-51d08939]{border-left:3px solid #10b981;padding-left:8px}.ls-inc-icon[data-v-51d08939]{flex-shrink:0;font-size:16px}.ls-inc-body[data-v-51d08939]{flex:1;min-width:0}.ls-inc-title[data-v-51d08939]{color:#0f172a;font-size:13px;font-weight:600}.ls-inc-meta[data-v-51d08939]{color:#94a3b8;margin-top:2px;font-size:11px}.ls-plan-list[data-v-51d08939]{flex-direction:column;gap:12px;padding-top:8px;display:flex}.ls-plan-row[data-v-51d08939]{align-items:center;gap:10px;display:flex}.ls-plan-badge[data-v-51d08939]{text-align:center;text-transform:capitalize;border-radius:10px;width:80px;padding:3px 10px;font-size:11px;font-weight:600}.ls-plan-badge.starter[data-v-51d08939]{color:#3b82f6;background:#eff6ff}.ls-plan-badge.business[data-v-51d08939]{color:#22c55e;background:#f0fdf4}.ls-plan-badge.enterprise[data-v-51d08939]{color:#a855f7;background:#fdf4ff}.ls-plan-bar-wrap[data-v-51d08939]{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.ls-plan-bar[data-v-51d08939]{border-radius:4px;height:100%;transition:width .3s}.ls-plan-bar.starter[data-v-51d08939]{background:#3b82f6}.ls-plan-bar.business[data-v-51d08939]{background:#22c55e}.ls-plan-bar.enterprise[data-v-51d08939]{background:#a855f7}.ls-plan-count[data-v-51d08939]{color:#0f172a;text-align:right;width:20px;font-size:13px;font-weight:600}.ls-expiring-row[data-v-51d08939]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.ls-expiring-row[data-v-51d08939]:last-child{border-bottom:none}.ls-expiring-client[data-v-51d08939]{color:#0f172a;font-size:13px;font-weight:500}.ls-expiring-date[data-v-51d08939]{color:#64748b;font-size:11px}.ls-days-badge[data-v-51d08939]{border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.ls-days-badge.danger[data-v-51d08939]{color:#dc2626;background:#fef2f2}.ls-days-badge.warning[data-v-51d08939]{color:#ea580c;background:#fff7ed}.ls-loading[data-v-51d08939]{text-align:center;color:#94a3b8;padding:40px}.ls-empty[data-v-51d08939]{color:#64748b;text-align:center;padding:20px;font-size:13px}.ls-plan-preview[data-v-f8424174]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:8px;padding:14px}.ls-plan-preview-title[data-v-f8424174]{color:#374151;text-transform:capitalize;margin-bottom:10px;font-size:12px;font-weight:600}.ls-plan-limits[data-v-f8424174]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ls-plan-limit[data-v-f8424174]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.ls-plan-limit span[data-v-f8424174]{color:#64748b;font-size:10px;display:block}.ls-plan-limit strong[data-v-f8424174]{color:#0f172a;font-size:14px}.ls-ping-row[data-v-f8424174]{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.ls-ping-row[data-v-f8424174]:last-child{border-bottom:none}.ping-ok[data-v-f8424174]{color:#22c55e;font-weight:700}.ping-fail[data-v-f8424174]{color:#ef4444;font-weight:700}.text-warning[data-v-f8424174]{color:#ea580c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f8fafc;font-family:DM Sans,sans-serif}.ls-page{flex-direction:column;gap:16px;display:flex}.ls-page-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ls-page-title{color:#0f172a;margin-bottom:3px;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.ls-page-sub{color:#64748b;font-size:12px}.ls-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.ls-card-title{color:#0f172a;margin-bottom:14px;font-family:Syne,sans-serif;font-size:14px;font-weight:700}.ls-btn-primary{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.ls-btn-primary:hover{background:#0f4c75}.ls-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ls-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.ls-field{flex-direction:column;gap:5px;display:flex}.ls-label{color:#374151;font-size:11px;font-weight:500}.ls-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px}.ls-input:focus{background:#fff;border-color:#3b82f6}.ls-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ls-table-toolbar{gap:8px;margin-bottom:14px;display:flex}.ls-table{border-collapse:collapse;width:100%;font-size:13px}.ls-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.6px;background:#fafafa;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:10px;font-weight:500}.ls-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.ls-table tr:last-child td{border-bottom:none}.ls-tr-hover:hover td{background:#f8fafc}.ls-status{border-radius:10px;padding:3px 10px;font-size:10px;font-weight:600}.ls-status.active{color:#16a34a;background:#f0fdf4}.ls-status.suspended{color:#ea580c;background:#fff7ed}.ls-status.expired{color:#dc2626;background:#fef2f2}.ls-status.cancelled{color:#64748b;background:#f1f5f9}.ls-plan-badge{text-transform:capitalize;border-radius:10px;padding:3px 10px;font-size:10px;font-weight:600}.ls-plan-badge.starter{color:#3b82f6;background:#eff6ff}.ls-plan-badge.business{color:#22c55e;background:#f0fdf4}.ls-plan-badge.enterprise{color:#a855f7;background:#fdf4ff}.ls-badge-count{color:#3b82f6;background:#eff6ff;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700}.ls-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .12s;display:flex}.ls-icon-btn:hover{background:#f1f5f9}.ls-modal-overlay{z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ls-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex}.ls-modal-lg{max-width:640px}.ls-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ls-modal-title{color:#0f172a;font-family:Syne,sans-serif;font-size:14px;font-weight:700}.ls-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:16px}.ls-modal-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.ls-modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.ls-detail-info{background:#f8fafc;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.ls-detail-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.ls-detail-row span{color:#64748b}.ls-section-title{color:#0f172a;margin-top:4px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.ls-loading{text-align:center;color:#64748b;padding:24px;font-size:13px}.ls-empty{text-align:center;color:#64748b;padding:20px;font-size:13px}.ls-lic-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.ls-lic-row:last-child{border-bottom:none}.ls-toast{z-index:200;color:#fff;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;position:fixed;bottom:24px;right:24px}.ls-toast.success{background:#22c55e}.ls-toast.error{background:#ef4444}
