@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";nav{z-index:100;background:#0f0f0f;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:56px;padding:0 2rem;font-family:DM Sans,sans-serif;display:flex;position:sticky;top:0}.nav-links{align-items:center;gap:.25rem;display:flex}nav a{color:#ffffff80;letter-spacing:.01em;border-radius:6px;padding:.4rem .85rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .15s,background .15s}nav a:hover{color:#ffffffd9;background:#ffffff0f}nav a.active{color:#fff;background:#ffffff1a;font-weight:500}.nav-logout{color:#ffffff80;cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:.4rem 1rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:all .15s}.nav-logout:hover{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff4d}.overview-page{background:#111;min-height:100vh;padding:2rem 2.5rem;font-family:DM Sans,sans-serif}.overview-header{align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.overview-header h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.team-count{color:#ffffff4d;font-size:.8rem;font-weight:400}.overview-loading{color:#ffffff4d;background:#111;justify-content:center;align-items:center;height:100vh;font-family:DM Sans,sans-serif;font-size:.875rem;display:flex}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.team-card{cursor:default;background:#1a1a1a;border:1px solid #ffffff0f;border-radius:10px;padding:1.25rem;transition:border-color .15s,background .15s}.team-card:hover{background:#1f1f1f;border-color:#ffffff1f}.team-card-header{align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.team-id{color:#ffffff40;letter-spacing:.04em;flex-shrink:0;font-size:.7rem;font-weight:500}.team-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.team-card-stats{align-items:center;gap:1rem;display:flex}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-value{color:#fff;letter-spacing:-.02em;font-size:1.4rem;font-weight:500;line-height:1}.stat-label{color:#ffffff4d;letter-spacing:.03em;text-transform:uppercase;font-size:.7rem;font-weight:400}.stat-divider{background:#ffffff14;flex-shrink:0;width:1px;height:28px}.teams-page{background:#111;min-height:100vh;padding:2rem 2.5rem;font-family:DM Sans,sans-serif}.teams-header{align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.teams-header h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.teams-count{color:#ffffff4d;font-size:.8rem}.teams-loading{color:#ffffff4d;background:#111;justify-content:center;align-items:center;height:100vh;font-family:DM Sans,sans-serif;font-size:.875rem;display:flex}.teams-list{flex-direction:column;gap:.5rem;display:flex}.team-row{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .15s,border-color .15s;display:flex}.team-row:hover{background:#1f1f1f;border-color:#ffffff1f}.team-row-left{align-items:center;gap:.75rem;display:flex}.team-row-id{color:#ffffff40;letter-spacing:.04em;min-width:2rem;font-size:.7rem;font-weight:500}.team-row-name{color:#fff;font-size:.95rem;font-weight:500}.team-row-right{align-items:center;gap:1rem;display:flex}.team-device-count{color:#ffffff4d;font-size:.8rem}.team-row-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:.3rem .85rem;font-family:DM Sans,sans-serif;font-size:.8rem;transition:all .15s}.team-row-btn:hover{color:#ffffffd9;background:#ffffff0d;border-color:#ffffff40}.detail-page{color:#fff;background:#111;min-height:100vh;padding:2rem 2.5rem;font-family:DM Sans,sans-serif}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.detail-header-left{flex-direction:column;gap:.6rem;display:flex}.detail-back-btn{color:#ffffff4d;cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:400;transition:color .15s}.detail-back-btn:hover{color:#fff9}.detail-title-group{align-items:center;gap:.75rem;display:flex}.detail-page .device-indicator{background:#2a9d6e;border-radius:50%;flex-shrink:0;width:7px;height:7px}.detail-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.detail-chip-id{color:#fff3;letter-spacing:.04em;font-size:.75rem;font-weight:500}.detail-export-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2a9d6e;border:none;border-radius:6px;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;transition:opacity .15s}.detail-export-btn:hover{opacity:.85}.detail-sections{flex-direction:column;gap:.5rem;display:flex}.detail-section{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:8px;transition:border-color .15s;overflow:hidden}.detail-section:hover{border-color:#ffffff1a}.detail-section-header{padding:.9rem 1.25rem 0}.detail-section-title{color:#ffffff40;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:500}.detail-section-body{padding:.75rem 0 .25rem}.detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 1.25rem;transition:background .15s;display:flex}.detail-row:last-child{border-bottom:none}.detail-row:hover{background:#ffffff05}.detail-label{color:#ffffff59;flex-shrink:0;min-width:110px;font-size:.8rem;font-weight:400}.detail-value{color:#fffc;text-align:right;word-break:break-all;font-size:.85rem;font-weight:400}.detail-value--mono{color:#ffffffa6;letter-spacing:.02em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.detail-empty{color:#ffffff26}.detail-not-found{color:#ffffff4d;flex-direction:column;align-items:flex-start;gap:1.25rem;padding-top:3rem;font-size:.875rem;display:flex}.detail-not-found code{color:#ffffff80;background:#ffffff0f;border-radius:4px;padding:.1rem .45rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}@media (width<=600px){.detail-page{padding:1.25rem 1rem}.detail-header{flex-direction:column;align-items:flex-start}.detail-row{flex-direction:column;align-items:flex-start;gap:.2rem}.detail-value{text-align:left}.detail-label{min-width:unset}}.devices-page{background:#111;min-height:100vh;padding:2rem 2.5rem;font-family:DM Sans,sans-serif}.devices-header{align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.devices-header h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.devices-count{color:#ffffff4d;font-size:.8rem}.devices-loading{color:#ffffff4d;background:#111;justify-content:center;align-items:center;height:100vh;font-family:DM Sans,sans-serif;font-size:.875rem;display:flex}.devices-list{flex-direction:column;gap:.5rem;display:flex}.device-row{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;transition:background .15s,border-color .15s;display:flex}.device-row:hover{background:#1f1f1f;border-color:#ffffff1f}.device-row-left{align-items:center;gap:.85rem;display:flex}.device-indicator{background:#2a9d6e;border-radius:50%;flex-shrink:0;width:7px;height:7px}.device-info{flex-direction:column;gap:.15rem;display:flex}.device-name{color:#fff;font-size:.9rem;font-weight:500;line-height:1}.device-team{color:#ffffff4d;font-size:.75rem;font-weight:400}.device-row-right{align-items:center;gap:1rem;display:flex}.device-id{color:#fff3;letter-spacing:.04em;font-size:.7rem;font-weight:500}.device-adapt-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:5px;padding:.3rem .7rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.device-adapt-btn:hover{color:#fff;background:#ffffff0a;border-color:#fff3}.loginPageContainer{box-sizing:border-box;flex-flow:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loginPageContainer .formContainer{box-sizing:border-box;float:left;z-index:2;background-color:#2b2b2b;border:1px solid #645227;border-radius:1vmin;flex-flow:column;justify-content:space-around;align-items:center;gap:1vmin;width:20%;height:30%;padding:2vmin;display:flex;position:absolute;top:30%;left:40%}.loginPageContainer .errorMessageContainer{box-sizing:border-box;float:left;background-color:#7f5252;border:1px solid #602828;border-radius:1vmin;flex-flow:column;justify-content:flex-start;align-items:center;width:20%;height:10%;padding:1vmin;display:flex;position:absolute;top:22%;left:40%}.loginPageContainer .errorMessage{text-align:center;color:#4c2020;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;height:100%;font-size:2.2vmin;display:flex}.loginPageContainer .LoginInputContainer{box-sizing:border-box;align-items:top;color:#d5d5d5;flex-flow:column;justify-content:center;gap:.7vmin;width:100%;height:30%;display:flex}.loginPageContainer .LoginFormInput{box-sizing:border-box;color:#d5d5d5;background-color:#252525;border:1px solid #645227;border-radius:5px;width:100%;height:50%;padding-inline:1vmin;font-size:2vmin}.loginPageContainer .LoginFormInput:focus{border:2px solid #645227;outline:none}.loginPageContainer .LoginFail{background-color:#672020}.loginPageContainer button{width:100%;height:18%;font-size:2 vmin;color:#d5d5d5;background-color:#2d2d2d;border:2px solid #645227;border-radius:3px}.loginPageContainer button:hover{background-color:#444}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}