:root{--primary-color: #0073aa;--secondary-color: #005177;--accent-color: #00a0d2;--background-color: #f0f0f1;--text-color: #333;--header-bg-color: var(--background-color);--header-text-color: var(--primary-color);--nav-bg-color: var(--background-color);--nav-text-color: var(--primary-color);--nav-text-hover-color: var(--accent-color);--sub-title-color: #005177;--success-bg-color: #d4edda;--success-text-color: #155724;--info-bg-color: #cce5ff;--info-text-color: #004085;--warning-bg-color: #fff3cd;--warning-text-color: #856404;--error-bg-color: #f8d7da;--error-text-color: #721c24;--unknown-bg-color: #ececec;--unknown-text-color: #636363;--last-sync-bg-color: #f3e5f5;--last-sync-text-color: #6a1b9a}#pathwise-badge-connect{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);line-height:1.6}#pathwise-badge-connect h1,#pathwise-badge-connect h2,#pathwise-badge-connect h3,#pathwise-badge-connect h4,#pathwise-badge-connect h5,#pathwise-badge-connect h6{margin:0;padding:.5em 0}p{margin:0 0 1em}#pathwise-badge-connect{max-width:1200px;padding:20px}#pathwise-badge-connect .app-header{background-color:var(--header-bg-color);color:var(--header-text-color);padding:20px;text-align:left}#pathwise-badge-connect .app-header h1.app-title{margin:0;padding:0;font-size:2.5em}#pathwise-badge-connect .app-header h2.app-sub-title{margin:0 0 1em;padding:0;font-size:1.5em;color:var(--sub-title-color)}#pathwise-badge-connect .nav-bar{padding:10px 0;text-align:left}#pathwise-badge-connect .nav-bar ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}#pathwise-badge-connect .nav-bar li{margin:0}#pathwise-badge-connect .nav-bar a{display:inline-block;padding:8px 20px;font-size:22px;font-weight:700;border:2px solid var(--nav-text-color);border-radius:4px;background-color:var(--background-color);color:var(--nav-text-color);text-decoration:none;transition:background-color .3s,color .3s}#pathwise-badge-connect .nav-bar a:hover,#pathwise-badge-connect .nav-bar a.active{background-color:var(--nav-text-color);color:var(--background-color)}#pathwise-badge-connect main{background-color:var(--background-color);padding:20px;border-radius:8px}#pathwise-badge-connect .pill-green{background-color:var(--success-bg-color);color:var(--success-text-color)}#pathwise-badge-connect .pill-blue{background-color:var(--info-bg-color);color:var(--info-text-color)}#pathwise-badge-connect .pill-yellow{background-color:var(--warning-bg-color);color:var(--warning-text-color)}#pathwise-badge-connect .pill-red{background-color:var(--error-bg-color);color:var(--error-text-color)}@media (max-width: 768px){#pathwise-badge-connect .nav-bar ul{flex-direction:column}#pathwise-badge-connect .nav-bar li{margin:5px 0}#pathwise-badge-connect{padding:10px}#pathwise-badge-connect main{padding:10px}}#pathwise-badge-connect .settings-container{width:100%}#pathwise-badge-connect .section,#pathwise-badge-connect h3{margin-bottom:20px}#pathwise-badge-connect .form-group-inline{display:flex;align-items:center;margin-bottom:10px;max-width:800px;width:100%}#pathwise-badge-connect .form-group-inline label{font-weight:700;margin-right:10px}#pathwise-badge-connect .form-group-inline .pill{margin-left:10px}#pathwise-badge-connect .form-group{display:flex;flex-direction:column;margin-bottom:10px;max-width:800px;width:100%}#pathwise-badge-connect label{font-weight:700;margin-bottom:5px}#pathwise-badge-connect input[type=text],#pathwise-badge-connect input[type=password],#pathwise-badge-connect select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}#pathwise-badge-connect .pill{padding:5px 10px;border-radius:20px;font-weight:700}#pathwise-badge-connect .status-connected{background-color:var(--success-bg-color);color:var(--success-text-color)}#pathwise-badge-connect .status-error{background-color:var(--error-bg-color);color:var(--error-text-color)}#pathwise-badge-connect .status-unknown{background-color:var(--unknown-bg-color);color:var(--unknown-text-color)}#pathwise-badge-connect .last-sync{background-color:var(--last-sync-bg-color);color:var(--last-sync-text-color)}#pathwise-badge-connect hr{border:0;border-top:1px solid #ccc;margin:20px 0}#pathwise-badge-connect select{background-color:#fff}#pathwise-badge-connect .switch{position:relative;display:inline-block;width:40px;height:20px}#pathwise-badge-connect .switch input{opacity:0;width:0;height:0}#pathwise-badge-connect .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}#pathwise-badge-connect .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}#pathwise-badge-connect input:checked+.slider{background-color:var(--primary-color)}#pathwise-badge-connect input:checked+.slider:before{transform:translate(20px)}