:root{--primary-color: #396EFF;--primary-color-hover: #567CFD;--secondary-color: #ffe081;--secondary-color-hover: #FFC107;--veea-red: #B9090F;--text-dark-gray: #6B7280;--text-light-gray: #9CA3AF;--text-lighter-gray: #bdc5d3;--active-gray: rgb(229, 231, 235);--hover-gray: rgb(191, 191, 191);--background-gray: rgba(243, 244, 246);--ap-bg: #ff84f5;--ap-group-bg: #b584ff;--service-bg: #84a1ff;--trust-domain-bg: #84ffe8;--device-bg: #a7ff84}html{font-family:Ubuntu,sans-serif;background-color:var(--background-gray)}.button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease 0s;background-color:var(--background-gray)}.button:hover{background-color:var(--hover-gray)}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:var(--primary-color-hover)}.button-secondary{background-color:var(--secondary-color)}.button-secondary:hover{background-color:var(--secondary-color-hover)}/*!* Hover states *!*/.dark-card{background-color:var(--background-gray);color:var(--text-dark-gray);padding:20px;border-radius:8px;box-shadow:0 4px 8px var(--text-dark-gray);width:300px;margin:20px auto;transition:transform .2s,box-shadow .2s}.dark-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px var(--text-dark-gray)}.dark-card h2{border-bottom:1px solid var(--text-dark-gray);padding-bottom:10px;margin-bottom:15px;font-size:24px}.dark-card p{font-size:16px;line-height:1.5}.json-container{font-family:Courier New,Courier,monospace;padding:1em;background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:5px;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;color:#333;max-height:400px;-webkit-user-select:all;user-select:all}.json-key{color:#d14}.json-string{color:#22a}.json-number{color:#192}.json-boolean{color:#881391}.json-null{color:#777}.font-bold{font-weight:700}.font-thin{font-weight:100}.text-veea,.selected{color:var(--veea-red)!important}.scrollbars::-webkit-scrollbar{width:10px}.scrollbars::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.scrollbars::-webkit-scrollbar-thumb:hover{background-color:#aaa}.scrollbars::-webkit-scrollbar-corner{background-color:transparent}.scrollbars::-webkit-scrollbar-thumb:vertical:active{background-color:#888}.scrollbars::-webkit-scrollbar-thumb:hover:before{content:"";color:#555;position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:14px}.divider{height:0;border-bottom:2px solid var(--text-light-gray)}.invisible-element{opacity:0;pointer-events:none}.grow{flex-grow:1}.x-close-button{color:var(--text-light-gray);background:none;border:none;font-size:1em;cursor:pointer;width:3em;height:3em;border-radius:50%;transition:all .3s;margin:.11em 1em .11em .11em}.x-close-button:hover{background-color:var(--text-light-gray);color:#fff;font-size:1.1em;margin:0 1em 0 0}.spin.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 2s 0s infinite linear}.pulse.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 1s infinite steps(8)}@keyframes svelte-1cj2gr0-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}