@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}div#root{height:100%;font-family:Space Grotesk,Helvetica Neue,Helvetica,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}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:50px;padding:0 16px;gap:16px;border-bottom:solid 1px #F2F2F7}div.mainContainer div.navigaionBar button{display:block;padding:0;width:32px;height:32px;margin:9px 0;background-color:#f3fffe;border:none;border-radius:4px;transition:.3s}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:#08ac9b;-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:#09d1bc}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:#00000080}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:1px}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink{display:flex;padding:12px 16px;gap:16px;text-decoration:none;color:#080808;opacity:.8}div.navigationSidebar div.navigationSidebarLinks a.sidebarLink:hover{opacity:1;background-color:#f2f2f766}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:28px;font-weight:600;color:#1a1a1a}div.dvpnsdkContainer div.pageHeader button.addAppBtn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#09d1bc,#08ac9b);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #09d1bc4d}div.dvpnsdkContainer div.pageHeader button.addAppBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #09d1bc66}div.dvpnsdkContainer div.pageHeader button.addAppBtn:active{transform:translateY(0)}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:16px 20px;background:linear-gradient(135deg,#09d1bc14,#09d1bc0a);border:1px solid rgba(9,209,188,.2);border-radius:12px;margin-bottom:24px}div.dvpnsdkContainer div.infoBanner span.icon{font-size:20px}div.dvpnsdkContainer div.infoBanner p{font-size:14px;color:#444;line-height:1.5}div.dvpnsdkContainer div.infoBanner p strong{color:#08ac9b;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:#09d1bc;border-radius:50%;animation:spin .8s linear infinite}div.dvpnsdkContainer div.loadingState p{color:#666;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}div.dvpnsdkContainer div.errorState{display:flex;flex-direction:column;align-items:center;padding:48px;gap:16px;background:#dc35450d;border-radius:12px;text-align:center}div.dvpnsdkContainer div.errorState span.icon{font-size:32px}div.dvpnsdkContainer div.errorState p{color:#dc3545;font-size:14px}div.dvpnsdkContainer div.errorState button.retryBtn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}div.dvpnsdkContainer div.errorState button.retryBtn:hover{background:#c82333}div.dvpnsdkContainer div.emptyState{display:flex;flex-direction:column;align-items:center;padding:64px;gap:16px;background:#f2f2f780;border-radius:16px;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:#333}div.dvpnsdkContainer div.emptyState p{font-size:14px;color:#666;max-width:300px}div.dvpnsdkContainer div.emptyState button.createFirstBtn{margin-top:8px;padding:12px 24px;background:#09d1bc;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}div.dvpnsdkContainer div.emptyState button.createFirstBtn:hover{background:#08ac9b}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:#fff;border:1px solid #e8e8e8;border-radius:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}div.dvpnsdkContainer div.appCard:hover{border-color:#09d1bc4d;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}div.dvpnsdkContainer div.appCard div.cardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}div.dvpnsdkContainer div.appCard div.cardHeader h3{font-size:16px;font-weight:600;color:#1a1a1a}div.dvpnsdkContainer div.appCard div.cardHeader span.statusBadge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:12px}div.dvpnsdkContainer div.appCard div.cardHeader span.statusBadge.active{background:#09d1bc1a;color:#08ac9b}div.dvpnsdkContainer div.appCard div.cardHeader span.statusBadge.inactive{background:#6c757d1a;color:#6c757d}div.dvpnsdkContainer div.appCard p.appId{font-size:12px;color:#888;font-family:SF Mono,Monaco,Inconsolata,monospace;word-break:break-all}div.dvpnsdkContainer div.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;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:#fff;border-radius:16px;width:100%;max-width:460px;margin:20px;box-shadow:0 20px 60px #0003;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 #f0f0f0}div.dvpnsdkContainer div.modal div.modalHeader h2{font-size:18px;font-weight:600;color:#1a1a1a}div.dvpnsdkContainer div.modal div.modalHeader button.closeBtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:8px;font-size:18px;color:#666;cursor:pointer;transition:all .2s}div.dvpnsdkContainer div.modal div.modalHeader button.closeBtn:hover{background:#eee;color:#333}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:#333}div.dvpnsdkContainer div.modal div.modalBody input.appNameInput{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}div.dvpnsdkContainer div.modal div.modalBody input.appNameInput:focus{outline:none;border-color:#09d1bc;box-shadow:0 0 0 3px #09d1bc26}div.dvpnsdkContainer div.modal div.modalBody input.appNameInput::placeholder{color:#aaa}div.dvpnsdkContainer div.modal div.modalBody p.inputHint{margin-top:8px;font-size:12px;color:#888}div.dvpnsdkContainer div.modal div.modalFooter{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa;border-radius:0 0 16px 16px}div.dvpnsdkContainer div.modal div.modalFooter button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}div.dvpnsdkContainer div.modal div.modalFooter button.cancelBtn{background:#fff;border:1px solid #ddd;color:#666}div.dvpnsdkContainer div.modal div.modalFooter button.cancelBtn:hover{background:#f5f5f5;border-color:#ccc}div.dvpnsdkContainer div.modal div.modalFooter button.createBtn{background:#09d1bc;border:none;color:#fff}div.dvpnsdkContainer div.modal div.modalFooter button.createBtn:hover:not(:disabled){background:#08ac9b}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:#09d1bc1a;border-radius:50%;font-size:32px;margin-bottom:16px}div.dvpnsdkContainer div.successContent h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}div.dvpnsdkContainer div.successContent p.successMessage{font-size:14px;color:#666;margin-bottom:20px}div.dvpnsdkContainer div.successContent div.tokenDisplay{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px}div.dvpnsdkContainer div.successContent div.tokenDisplay code{flex:1;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;color:#333;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 #ddd;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}div.dvpnsdkContainer div.successContent div.tokenDisplay button.copyBtn:hover{background:#f0f0f0}div.dvpnsdkContainer div.successContent div.tokenDisplay button.copyBtn.copied{background:#09d1bc;border-color:#09d1bc;color:#fff}div.dvpnsdkContainer div.successContent p.warningMessage{font-size:13px;color:#dc3545;background:#dc35450d;padding:12px;border-radius:8px}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}