@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{color-scheme:light;--brand: #09d1bc;--brand-50: #f3fffe;--brand-100: #d9fbf6;--brand-600: #11af9e;--brand-700: #08ac9b;--brand-800: #067f75;--ink-900: #111111;--ink-800: #1c1c1e;--ink-700: #3a3a3c;--ink-600: #6e6e73;--ink-500: #888888;--ink-400: #aeaeb2;--ink-300: #c7c7cc;--ink-200: #d1d1d6;--ink-100: #e5e5ea;--ink-50: #f2f2f7;--border: var(--ink-100);--border-hover: rgba(9, 209, 188, .4);--surface: #ffffff;--surface-muted: var(--ink-50);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -12px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--danger: #dc3545;--danger-dark: #c82333}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased}html,body{height:100%}body{color:var(--ink-900)}::selection{background-color:#09d1bc40;color:var(--ink-900)}div#root{height:100%;font-family:Space Grotesk,Helvetica Neue,Helvetica,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--ink-900)}div.loadingIndicator{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;gap:16px}div.loadingIndicator span.label{color:#000;font-size:18px;font-weight:500}div.mainContainer div.navigaionBar{display:flex;height:56px;padding:0 16px;gap:16px;border-bottom:solid 1px var(--ink-100)}div.mainContainer div.navigaionBar button{display:block;padding:0;width:32px;height:32px;margin:12px 0;background-color:var(--brand-50);border:none;border-radius:var(--radius-sm);transition:.2s}div.mainContainer div.navigaionBar button.menu i{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48'%20viewBox='0%200%2048%2048'%20width='48'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200h48v48h-48z'%20fill='none'/%3e%3cpath%20d='M6%2036h36v-4h-36v4zm0-10h36v-4h-36v4zm0-14v4h36v-4h-36z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48'%20viewBox='0%200%2048%2048'%20width='48'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200h48v48h-48z'%20fill='none'/%3e%3cpath%20d='M6%2036h36v-4h-36v4zm0-10h36v-4h-36v4zm0-14v4h36v-4h-36z'/%3e%3c/svg%3e")}div.mainContainer div.navigaionBar button.back i{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48'%20viewBox='0%200%2048%2048'%20width='48'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200h48v48h-48z'%20fill='none'/%3e%3cpath%20d='M40%2022h-24.34l11.17-11.17-2.83-2.83-16%2016%2016%2016%202.83-2.83-11.17-11.17h24.34v-4z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3csvg%20height='48'%20viewBox='0%200%2048%2048'%20width='48'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200h48v48h-48z'%20fill='none'/%3e%3cpath%20d='M40%2022h-24.34l11.17-11.17-2.83-2.83-16%2016%2016%2016%202.83-2.83-11.17-11.17h24.34v-4z'/%3e%3c/svg%3e")}div.mainContainer div.navigaionBar button i{display:block;width:32px;height:32px;background-color:var(--brand-700);-webkit-mask-size:24px;mask-size:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}div.mainContainer div.navigaionBar button:hover{cursor:pointer;background-color:var(--brand)}div.mainContainer div.navigaionBar button:hover i{background-color:#fff}div.mainContainer div.navigaionBar div.logoWrapper{display:flex;flex-direction:column;justify-content:center}div.mainContainer div.navigaionBar div.logoWrapper img.logo{height:18px}div.mainContainer div.navigationOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11111180}div.navigationSidebar{display:flex;flex-direction:column;gap:16px;position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;box-shadow:0 0 16px #00000040}div.navigationSidebar div.navigationSidebarLinks{display:flex;flex-direction:column;gap:2px;padding:0 8px}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink{display:flex;padding:12px;gap:16px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink-700);transition:all .15s ease}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink:hover{color:var(--brand-700);background-color:var(--ink-50)}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink div.icon{display:flex;flex-direction:column;justify-content:center;width:24px;height:24px}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink div.icon img{max-width:24px;max-height:18px}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink div.label{display:flex;flex-direction:column;justify-content:center}div.dvpnsdkContainer{display:flex;flex-direction:column;height:100%;padding:24px;box-sizing:border-box}div.dvpnsdkContainer div.pageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}div.dvpnsdkContainer div.pageHeader h1{font-size:30px;font-weight:700;color:var(--ink-900)}div.dvpnsdkContainer div.pageHeader button.addAppBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}div.dvpnsdkContainer div.pageHeader button.addAppBtn:hover{background:var(--brand-700)}div.dvpnsdkContainer div.pageHeader button.addAppBtn:active{background:var(--brand-800)}div.dvpnsdkContainer div.pageHeader button.addAppBtn span.icon{font-size:18px;font-weight:600}div.dvpnsdkContainer div.infoBanner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--brand-50);border:1px solid rgba(9,209,188,.3);border-radius:var(--radius-md);margin-bottom:24px}div.dvpnsdkContainer div.infoBanner span.icon{font-size:20px}div.dvpnsdkContainer div.infoBanner p{font-size:14px;color:var(--ink-700);line-height:1.5}div.dvpnsdkContainer div.infoBanner p strong{color:var(--brand-700);font-weight:600}div.dvpnsdkContainer div.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}div.dvpnsdkContainer div.loadingState div.spinner{width:40px;height:40px;border:3px solid rgba(9,209,188,.2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}div.dvpnsdkContainer div.loadingState p{color:var(--ink-600);font-size:14px}div.dvpnsdkContainer div.errorState{display:flex;flex-direction:column;align-items:center;padding:48px;gap:16px;background:#dc35450d;border-radius:var(--radius-md);text-align:center}div.dvpnsdkContainer div.errorState span.icon{font-size:32px}div.dvpnsdkContainer div.errorState p{color:var(--danger);font-size:14px}div.dvpnsdkContainer div.errorState button.retryBtn{padding:10px 20px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:500;transition:background .15s}div.dvpnsdkContainer div.errorState button.retryBtn:hover{background:var(--danger-dark)}div.dvpnsdkContainer div.emptyState{display:flex;flex-direction:column;align-items:center;padding:64px;gap:16px;background:var(--surface-muted);border-radius:var(--radius-lg);text-align:center}div.dvpnsdkContainer div.emptyState span.icon{font-size:48px;opacity:.7}div.dvpnsdkContainer div.emptyState h3{font-size:18px;font-weight:600;color:var(--ink-900)}div.dvpnsdkContainer div.emptyState p{font-size:14px;color:var(--ink-600);max-width:300px}div.dvpnsdkContainer div.emptyState button.createFirstBtn{margin-top:8px;padding:10px 24px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}div.dvpnsdkContainer div.emptyState button.createFirstBtn:hover{background:var(--brand-700)}div.dvpnsdkContainer div.appsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}div.dvpnsdkContainer div.appCard{display:flex;flex-direction:column;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:border-color .2s ease;cursor:pointer}div.dvpnsdkContainer div.appCard:hover{border-color:var(--border-hover)}div.dvpnsdkContainer div.appCard:hover span.cardFooter span.arrow{transform:translate(3px)}div.dvpnsdkContainer div.appCard:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #09d1bc33}div.dvpnsdkContainer div.appCard div.cardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}div.dvpnsdkContainer div.appCard div.cardHeader h3{font-size:18px;font-weight:600;color:var(--ink-900)}div.dvpnsdkContainer div.appCard div.cardHeader span.statusBadge{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap}div.dvpnsdkContainer div.appCard div.cardHeader span.statusBadge.active{background:var(--brand-50);border-color:#09d1bc4d;color:var(--brand-700)}div.dvpnsdkContainer div.appCard div.cardHeader span.statusBadge.inactive{background:var(--ink-50);border-color:var(--ink-200);color:var(--ink-600)}div.dvpnsdkContainer div.appCard p.appId{font-size:12px;color:var(--ink-500);font-family:SF Mono,Monaco,Inconsolata,monospace;word-break:break-all}div.dvpnsdkContainer div.appCard span.cardFooter{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:500;color:var(--brand-700)}div.dvpnsdkContainer div.appCard span.cardFooter span.arrow{font-size:18px;transition:transform .2s ease}div.dvpnsdkContainer div.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11111180;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}div.dvpnsdkContainer div.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;margin:20px;box-shadow:0 20px 60px #0000002e;animation:slideUp .3s ease}div.dvpnsdkContainer div.modal div.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ink-100)}div.dvpnsdkContainer div.modal div.modalHeader h2{font-size:18px;font-weight:600;color:var(--ink-900)}div.dvpnsdkContainer div.modal div.modalHeader button.closeBtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ink-50);border:none;border-radius:var(--radius-sm);font-size:18px;color:var(--ink-600);cursor:pointer;transition:all .15s}div.dvpnsdkContainer div.modal div.modalHeader button.closeBtn:hover{background:var(--ink-100);color:var(--ink-900)}div.dvpnsdkContainer div.modal div.modalBody{padding:24px}div.dvpnsdkContainer div.modal div.modalBody label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--ink-800)}div.dvpnsdkContainer div.modal div.modalBody input.appNameInput{width:100%;padding:12px 16px;border:1px solid var(--ink-200);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--ink-900);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}div.dvpnsdkContainer div.modal div.modalBody input.appNameInput:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #09d1bc26}div.dvpnsdkContainer div.modal div.modalBody input.appNameInput::placeholder{color:var(--ink-400)}div.dvpnsdkContainer div.modal div.modalBody p.inputHint{margin-top:8px;font-size:12px;color:var(--ink-500)}div.dvpnsdkContainer div.modal div.modalFooter{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--ink-100);background:var(--surface-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}div.dvpnsdkContainer div.modal div.modalFooter button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s}div.dvpnsdkContainer div.modal div.modalFooter button.cancelBtn{background:#fff;border:1px solid var(--ink-100);color:var(--ink-900)}div.dvpnsdkContainer div.modal div.modalFooter button.cancelBtn:hover{background:var(--ink-50);border-color:var(--ink-200)}div.dvpnsdkContainer div.modal div.modalFooter button.createBtn{background:var(--brand);border:none;color:#fff}div.dvpnsdkContainer div.modal div.modalFooter button.createBtn:hover:not(:disabled){background:var(--brand-700)}div.dvpnsdkContainer div.modal div.modalFooter button.createBtn:active:not(:disabled){background:var(--brand-800)}div.dvpnsdkContainer div.modal div.modalFooter button.createBtn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}div.dvpnsdkContainer div.successContent{text-align:center}div.dvpnsdkContainer div.successContent span.successIcon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--brand-50);border:1px solid rgba(9,209,188,.3);border-radius:50%;font-size:32px;margin-bottom:16px}div.dvpnsdkContainer div.successContent h3{font-size:18px;font-weight:600;color:var(--ink-900);margin-bottom:8px}div.dvpnsdkContainer div.successContent p.successMessage{font-size:14px;color:var(--ink-600);margin-bottom:20px}div.dvpnsdkContainer div.successContent div.tokenDisplay{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-muted);border:1px solid var(--ink-100);border-radius:var(--radius-sm);margin-bottom:16px}div.dvpnsdkContainer div.successContent div.tokenDisplay code{flex:1;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;color:var(--ink-800);word-break:break-all;text-align:left}div.dvpnsdkContainer div.successContent div.tokenDisplay button.copyBtn{flex-shrink:0;padding:8px 14px;background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--ink-900);cursor:pointer;transition:all .15s}div.dvpnsdkContainer div.successContent div.tokenDisplay button.copyBtn:hover{background:var(--ink-50)}div.dvpnsdkContainer div.successContent div.tokenDisplay button.copyBtn.copied{background:var(--brand);border-color:var(--brand);color:#fff}div.dvpnsdkContainer div.successContent p.warningMessage{font-size:13px;color:var(--danger);background:#dc35450d;padding:12px;border-radius:var(--radius-sm)}div.appDetailContainer{display:flex;flex-direction:column;height:100%;padding:24px;box-sizing:border-box}div.appDetailContainer div.detailTopBar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}div.appDetailContainer div.detailTopBar button.backBtn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1px solid var(--ink-100);border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--ink-900);cursor:pointer;transition:all .15s ease}div.appDetailContainer div.detailTopBar button.backBtn span.material-symbols-outlined{font-size:18px}div.appDetailContainer div.detailTopBar button.backBtn:hover{border-color:var(--ink-200);background:var(--ink-50)}div.appDetailContainer div.detailTopBar a.docsLink{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--brand-50);border:1px solid rgba(9,209,188,.3);border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--brand-700);text-decoration:none;transition:all .15s ease}div.appDetailContainer div.detailTopBar a.docsLink span.material-symbols-outlined{font-size:18px}div.appDetailContainer div.detailTopBar a.docsLink span.material-symbols-outlined.external{font-size:16px;opacity:.75}div.appDetailContainer div.detailTopBar a.docsLink:hover{background:var(--brand-100);border-color:#09d1bc80}div.appDetailContainer div.detailHeader{margin-bottom:24px}div.appDetailContainer div.detailHeader div.titleRow{display:flex;align-items:center;gap:12px;margin-bottom:14px}div.appDetailContainer div.detailHeader div.titleRow h1{font-size:30px;font-weight:700;color:var(--ink-900)}div.appDetailContainer div.detailHeader div.titleRow span.statusBadge{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid transparent}div.appDetailContainer div.detailHeader div.titleRow span.statusBadge.active{background:var(--brand-50);border-color:#09d1bc4d;color:var(--brand-700)}div.appDetailContainer div.detailHeader div.titleRow span.statusBadge.inactive{background:var(--ink-50);border-color:var(--ink-200);color:var(--ink-600)}div.appDetailContainer div.detailHeader p.appIdLine{font-size:13px;color:var(--ink-500)}div.appDetailContainer div.detailHeader p.appIdLine code{font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--ink-700);background:var(--surface-muted);padding:2px 8px;border-radius:var(--radius-sm)}div.appDetailContainer div.detailBody{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 720px){div.appDetailContainer div.detailBody{grid-template-columns:1fr}}div.appDetailContainer div.statsColumn{display:flex;flex-direction:column;gap:20px;min-width:0}div.appDetailContainer div.statTile{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}div.appDetailContainer div.statTile div.statIcon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:var(--brand-50);border-radius:var(--radius-md)}div.appDetailContainer div.statTile div.statIcon span.material-symbols-outlined{font-size:26px;color:var(--brand)}div.appDetailContainer div.statTile div.statBody{display:flex;flex-direction:column;gap:8px;min-width:0}div.appDetailContainer div.statTile div.statBody span.statLabel{font-size:12px;color:var(--ink-500);font-weight:600;text-transform:uppercase;letter-spacing:.06em}div.appDetailContainer div.statTile div.statBody span.statValue{font-size:30px;font-weight:700;color:var(--ink-900);line-height:1.1}div.appDetailContainer div.statTile div.statBody span.statValue.skeleton{width:96px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--ink-50) 25%,var(--ink-100) 50%,var(--ink-50) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}div.appDetailContainer div.chartSection{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px}div.appDetailContainer div.chartSection div.chartSectionHeader{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}div.appDetailContainer div.chartSection div.chartSectionHeader h2{font-size:16px;font-weight:600;color:var(--ink-900)}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls{display:flex;align-items:center;flex-wrap:wrap;gap:16px}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.presets{display:inline-flex;background:var(--surface-muted);border-radius:var(--radius-pill);padding:3px}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.presets button.presetBtn{padding:6px 16px;background:transparent;border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--ink-600);cursor:pointer;transition:all .15s ease}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.presets button.presetBtn:hover{color:var(--ink-900)}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.presets button.presetBtn.active{background:#fff;color:var(--brand-700);box-shadow:var(--shadow-soft)}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.customRange{display:inline-flex;align-items:center;gap:8px}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.customRange input.dateInput{padding:7px 10px;border:1px solid var(--ink-200);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;color:var(--ink-700);cursor:pointer;transition:border-color .15s,box-shadow .15s}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.customRange input.dateInput:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #09d1bc26}div.appDetailContainer div.chartSection div.chartSectionHeader div.rangeControls div.customRange span.rangeSep{color:var(--ink-300);font-size:14px}div.appDetailContainer div.chartSection div.chartBody{min-height:200px}div.appDetailContainer div.chartSection div.chartBody div.chartLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;gap:16px}div.appDetailContainer div.chartSection div.chartBody div.chartLoading div.spinner{width:36px;height:36px;border:3px solid rgba(9,209,188,.2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}div.appDetailContainer div.chartSection div.chartBody div.chartLoading p{color:var(--ink-600);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}div.appDetailContainer div.sectionError{display:flex;flex-direction:column;align-items:center;padding:32px 24px;gap:12px;background:#dc35450d;border-radius:var(--radius-md);text-align:center}div.appDetailContainer div.sectionError span.material-symbols-outlined{font-size:30px;color:var(--danger)}div.appDetailContainer div.sectionError p{color:var(--danger);font-size:14px}div.appDetailContainer div.sectionError button.retryBtn{padding:9px 18px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:500;transition:background .15s}div.appDetailContainer div.sectionError button.retryBtn:hover{background:var(--danger-dark)}div.devicesChart{position:relative;width:100%}div.devicesChart svg{display:block;width:100%;overflow:visible}div.devicesChart svg line.gridLine{stroke:var(--ink-100);stroke-width:1}div.devicesChart svg text.axisLabel{fill:var(--ink-400);font-size:11px;font-family:inherit}div.devicesChart svg text.axisLabel.yLabel{text-anchor:end;dominant-baseline:middle}div.devicesChart svg text.axisLabel.xLabel{text-anchor:middle}div.devicesChart svg path.areaFill{stroke:none}div.devicesChart svg path.lineStroke{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}div.devicesChart svg line.hoverGuide{stroke:var(--brand);stroke-width:1;stroke-dasharray:4 4;opacity:.6}div.devicesChart svg circle.hoverDot{fill:#fff;stroke:var(--brand);stroke-width:2}div.devicesChart svg rect{cursor:crosshair}div.devicesChart div.chartTooltip{position:absolute;transform:translate(-50%,calc(-100% - 12px));display:flex;flex-direction:column;gap:2px;padding:7px 11px;background:var(--ink-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);pointer-events:none;white-space:nowrap;z-index:2}div.devicesChart div.chartTooltip span.tooltipDate{font-size:11px;color:var(--ink-400)}div.devicesChart div.chartTooltip span.tooltipValue{font-size:13px;font-weight:600;color:#fff}div.devicesChart div.chartTooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--ink-900)}div.devicesChartEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface-muted);border-radius:var(--radius-md);text-align:center}div.devicesChartEmpty span.material-symbols-outlined{font-size:36px;color:var(--ink-300)}div.devicesChartEmpty p{font-size:14px;color:var(--ink-500)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;font:inherit;color:inherit}