:root{color-scheme:dark;--bg:#0c0d16;--surface:#171823;--surface-2:#1d1e2a;--line:#292b39;--text:#f5f5fa;--muted:#9293a8;--blue:#4168f5;--blue-light:#8ba2ff;--green:#72d8b8;--pink:#f180a6;--red:#f16c82;--radius:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{color:#b4c2ff}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8fa7ff;outline-offset:4px}input,textarea,select{width:100%;border:1px solid #353746;background:#10111b;color:var(--text);border-radius:11px;padding:12px 14px;min-height:46px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:#6f8bff;outline:none;box-shadow:0 0 0 3px #4168f524}input::placeholder,textarea::placeholder{color:#686b82}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--blue)}textarea{resize:vertical;line-height:1.65}code,.code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}small{font-size:12px}.icon{height:22px;width:22px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:35px;font-weight:730;letter-spacing:-1.25px;line-height:1.2}h2{font-size:18px;letter-spacing:-.45px;line-height:1.4}h3{font-size:16px;letter-spacing:-.2px}.muted{color:var(--muted)}.small-text{font-size:12px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:#8d96bd;margin-bottom:12px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:1px;line-height:1.1}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.8px;color:#999fb8;margin-top:7px}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:46px;background:linear-gradient(145deg,#5379ff,#2849c1);box-shadow:inset 0 0 0 1px #7a98ff55,0 8px 25px #112a7320;border-radius:13px}.brand-mark .icon{height:25px;width:25px;fill:currentColor;stroke-width:.7}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;border-right:1px solid #202231;background:#10111b;display:flex;flex-direction:column;padding:31px 20px 18px;overflow-y:auto;z-index:20}.sidebar .brand{padding:0 13px 33px}.nav-caption{font-size:9px;letter-spacing:2px;color:#666d88;font-weight:700;padding:4px 15px 13px}.sidebar nav{display:grid;gap:6px}.nav-link{min-height:56px;display:flex;gap:14px;align-items:center;padding:12px 15px;color:#a5a7bc;font-weight:500;border-radius:12px;position:relative;transition:background .2s,color .2s}.nav-link .icon{width:20px;height:20px;opacity:.8}.nav-link:hover{background:#1b2033;color:#fff}.nav-link.active{background:linear-gradient(110deg,#2445b2,#365ae6);box-shadow:inset 0 0 0 1px #6a8cff30,0 5px 14px #13296922;color:#fff}.nav-link.active .icon{opacity:1}.count{margin-left:auto;min-width:25px;height:25px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#3b62e2;color:#fff}.sidebar-bottom{margin-top:auto;padding:30px 9px 0}.language{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}.language span{margin-right:auto}.language a{padding:7px 10px;border-radius:9px;font-size:10px;font-weight:800}.language a.selected{background:#2c273a;color:#f7e0f5;box-shadow:inset 0 0 0 1px #66516d44}.logout{margin-top:20px;background:#25171e;color:#df919d;border:1px solid #56303e66;border-radius:11px;display:flex;gap:12px;align-items:center;width:100%;padding:11px 15px;text-align:left}.logout .icon{height:17px;width:17px}.sidebar-version{margin-top:21px;font-size:8px;letter-spacing:1.1px;color:#636b87;display:flex;justify-content:space-between}.workspace{margin-left:260px}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #222430;background:#0c0d16e6}.breadcrumb{font-size:11px;color:#858ca6;letter-spacing:.4px}.breadcrumb span{padding:0 12px;color:#40455d}.topbar-right{display:flex;align-items:center;gap:22px}.connection-pill{font-size:10px;color:#a6b6ab;display:flex;align-items:center;gap:7px}.connection-pill i,.badge i{height:5px;width:5px;display:inline-block;background:var(--green);border-radius:50%}.avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid #464453;background:#262634;color:#eee9fc;border-radius:50%;font-size:13px;font-weight:700;outline:5px solid #1b1c28}.content{max-width:1600px;margin:auto;padding:34px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}.page-heading>div>p:last-child{margin-top:10px;color:var(--muted);font-size:13px}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:10px 16px;border-radius:10px;border:1px solid #35394d;background:#222534;color:#e7e9fa;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#313750;color:#fff;transform:translateY(-1px)}.button .icon{height:16px;width:16px}.button.primary{background:linear-gradient(120deg,#466cf4,#3559df);border-color:#6685ff66;color:#fff;box-shadow:0 4px 18px #2448d22a}.button.primary:hover{background:#527aff}.button.ghost{background:#161824;border-color:#2f3345}.button.danger{background:#2e1c26;color:#ff9eae;border-color:#673345}.button.small{font-size:11px;min-height:32px;padding:7px 12px;border-radius:8px}.button.large{min-height:48px;font-size:13px;padding:13px 21px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{background:linear-gradient(145deg,#20212d,#181922);border:1px solid #2e303e;border-radius:var(--radius);padding:23px 23px 18px;min-width:0;position:relative;overflow:hidden}.metric.green{background:linear-gradient(135deg,#1c252b,#181b24)}.metric.pink{border-color:#543345;background:linear-gradient(140deg,#221e2d,#1b1b26)}.metric.red{border-color:#402a37}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:#c4c4d5}.metric-top .icon{width:25px;height:25px}.metric-top i{width:5px;height:5px;border-radius:50%;background:#999fb4}.metric.green .metric-top i{background:var(--green)}.metric.pink .metric-top i{background:var(--pink)}.metric.red .metric-top i{background:var(--red)}.metric>p{font-weight:550;color:#b9bbcd;font-size:13px}.metric>strong{display:block;font-size:49px;font-weight:750;line-height:1.3;letter-spacing:-2px;margin:5px 0 2px}.metric-description{display:block;color:#7d8299;font-size:10px;min-height:32px;line-height:1.6;max-width:175px}.metric>a{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:13px;border-top:1px solid #34344480;color:#a2adcf;font-size:10px;font-weight:650}.metric>a .icon{width:13px;height:13px}.metric.pink>a,.metric.red>a{color:#ee8da6}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.surface{border:1px solid #292c3c;border-radius:var(--radius);background:var(--surface);padding:25px;margin-bottom:24px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.section-title p{font-size:11px;margin-top:6px;color:#8b90a8}.section-title>.icon{color:#7e8aa8}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:4px 9px;font-size:10px;font-weight:650;white-space:nowrap;background:#282735;color:#ada7ba}.badge.active{background:#1c3732;color:#8bd9bf}.badge.pending{background:#352e22;color:#e1c38b}.badge.inactive{background:#3a222d;color:#ed9aac}.badge.pending i{background:#e1c38b}.badge.inactive i{background:#ed9aac}.empty{padding:46px 20px;text-align:center;color:#afb4c8}.empty h3{margin:14px 0 8px}.empty p{font-size:12px;color:#7c849e;max-width:360px;margin:auto}.empty.compact{padding:20px 0 8px}.empty-icon{width:47px;height:47px;border-radius:15px;display:inline-grid;place-items:center;background:#25283c;color:#8496d2}.setup-list{list-style:none;margin:0;padding:0}.setup-list li{display:flex;gap:14px;padding:16px 0;border-top:1px solid #2b2e3d}.setup-list li:first-child{border-top:0;padding-top:0}.setup-list li>span{height:29px;width:29px;display:grid;place-items:center;border:1px solid #3d4668;color:#a2b5ff;background:#252b43;border-radius:9px;font-size:11px;flex-shrink:0}.setup-list a{font-size:12px;font-weight:650}.setup-list p{font-size:10px;color:#8189a2;margin-top:5px}.request-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #292c3b}.request-row:last-child{border:0}.request-row>div:nth-child(2){flex:1}.request-row b{font-size:12px}.request-row small{display:block;color:#7c859e;font-size:10px}.device-symbol{width:34px;height:34px;border-radius:10px;background:#242a40;color:#8099ea;display:grid;place-items:center}.device-symbol .icon{height:17px;width:17px}.activity-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #282c3c}.activity-row>i{width:5px;height:5px;border-radius:50%;background:#6c82bf}.activity-row>div{flex:1;display:flex;align-items:center;gap:20px}.activity-row b{font-size:11px;font-weight:550}.activity-row span,.activity-row time{font-size:10px;color:#8089a4;overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:12px;padding:16px 0 24px;font-size:9px;color:#59617b;letter-spacing:.5px}.footer b{font-size:8px;font-weight:400;margin-left:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:11px;color:#b2b9cf;font-weight:600}.field>small{color:#7c859e;font-size:10px}.form-stack{display:flex;flex-direction:column;gap:19px}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:8px}.form-actions .muted{font-size:11px}.check{display:flex;gap:10px;align-items:center;font-size:12px;color:#b1b8cd}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:650;color:#76809a;padding:14px 10px;border-bottom:1px solid #35394b;white-space:nowrap}td{padding:18px 10px;border-bottom:1px solid #282c3d;color:#c7cddd;font-size:11px}tr:last-child td{border-bottom:0}td code{display:block;margin-top:3px;font-size:10px;color:#848da9}.table-name{font-size:12px;color:#e6eaf7;font-weight:650}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline{display:inline-flex}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:13px}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;border:1px solid #33394c;border-radius:10px;padding-left:12px;background:#10111b;color:#7986aa}.search .icon{width:17px;height:17px}.search input{border:0;background:none;min-height:40px}.count-total{margin-left:auto;font-size:10px;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:20px;color:#7d89a5;font-size:11px}.notice{display:flex;align-items:center;gap:11px;padding:15px 18px;border-radius:13px;margin-bottom:23px;font-size:12px;border:1px solid #3d4b6b;color:#b7c8f7;background:#1d253b}.notice .icon{width:18px;height:18px;flex-shrink:0}.notice.error{color:#f7b5c1;border-color:#6e364b;background:#321e2c}.notice.success{color:#a6dfca;border-color:#355d52;background:#1c302c}.notice.info{font-size:11px}.account-detail{border:1px solid #31374a;border-radius:13px;margin-top:15px;padding:0 18px}.account-detail summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;font-size:12px;font-weight:600}.account-detail summary small{display:block;color:#818ba5;margin-top:4px;font-weight:400;font-size:10px}.account-detail summary>span .icon{height:15px;width:15px;margin-right:7px}.account-detail[open] summary{border-bottom:1px solid #30364a;margin-bottom:20px}.account-detail .form-grid{padding-bottom:18px}.account-delete{padding-bottom:20px}.danger-zone{border-color:#493040;display:flex;justify-content:space-between;gap:25px;align-items:center}.danger-zone p{font-size:11px;max-width:500px;color:#9c8a9b;margin-top:8px}.code-badge{display:inline-block;font-family:ui-monospace,monospace;font-size:18px;letter-spacing:3px;background:#252f4c;color:#a1b6ff;border:1px solid #3d4f7a;border-radius:9px;padding:6px 12px}.switch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:#1d2030;border:1px solid #2d344b;border-radius:12px;font-size:12px;cursor:pointer;position:relative}.toggle input{position:absolute;right:16px;opacity:0;width:38px;height:23px}.toggle i{width:36px;height:21px;background:#444857;border-radius:20px;display:block;position:relative;pointer-events:none;transition:background .2s}.toggle i:before{content:"";width:15px;height:15px;position:absolute;left:3px;top:3px;border-radius:50%;background:#a2a5af;transition:transform .2s,background .2s}.toggle input:checked+i{background:#4166e8}.toggle input:checked+i:before{transform:translateX(15px);background:#fff}.toggle input:focus-visible+i{outline:3px solid #a0b6ff;outline-offset:3px}.credentials-card{max-width:620px}.credentials-card .small-text{margin-top:23px;line-height:1.8}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:50px 9%;background:radial-gradient(ellipse at 40% 40%,#192246 0,transparent 70%),#101321;border-right:1px solid #272d43}.login-story h1{font-size:clamp(36px,4vw,66px);letter-spacing:-2px;line-height:1.1}.login-story h1 span{color:#899fff}.login-description{max-width:360px;font-size:14px;color:#8e9bb9;line-height:1.9;margin-top:24px}.login-story>.muted{font-size:10px}.connection-diagram{display:flex;align-items:center;gap:18px;margin:40px 0 20px;max-width:350px}.connection-diagram>div{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;width:92px;border-radius:18px;border:1px solid #3b4b773b;background:#222f4c55;color:#91a9f3}.connection-diagram span{font-size:9px;font-weight:700;letter-spacing:1px}.connection-diagram>b{font-size:19px;color:#4b5f93;font-weight:400}.login-side{display:grid;place-items:center;padding:45px 25px}.login-card{width:100%;max-width:360px}.login-lock{width:49px;height:49px;display:grid;place-items:center;background:#202c4e;color:#94b0ff;border-radius:15px;margin-bottom:25px;border:1px solid #3c548944}.login-card h2{font-size:27px;letter-spacing:-.8px}.login-card>.muted{font-size:12px;margin:8px 0 31px}.login-foot{display:flex;justify-content:center;gap:7px;align-items:center;color:#697a99;font-size:10px;margin-top:23px}.login-foot .icon{width:13px;height:13px}.login-card .language{justify-content:center;margin-top:24px}.login-card .notice{margin-top:18px}.login-card .form-stack button{margin-top:8px}.login-card .button.large{justify-content:space-between}dialog{color:var(--text);background:#1b1e2d;border:1px solid #404865;border-radius:22px;padding:28px;max-width:440px;width:calc(100% - 36px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030611b8;backdrop-filter:blur(5px)}dialog p{color:#a4afc8;margin:13px 0 24px;font-size:13px}.dialog-icon{display:block;color:#bd9ba7;margin-bottom:12px}dialog .form-actions{justify-content:flex-end}
@media(min-width:1600px){.content{padding-top:44px}.metric{padding:28px}.metric>strong{font-size:56px}.sidebar{width:280px}.workspace{margin-left:280px}}
@media(max-width:1200px){.sidebar{width:225px;padding-left:13px;padding-right:13px}.workspace{margin-left:225px}.content{padding:28px 25px 0}.topbar{padding:0 25px}.metrics{gap:12px}.metric{padding:19px 17px 14px}.metric>p{font-size:12px}.metric-description{font-size:9px}.heading-actions .button{font-size:11px;padding:9px 12px}.page-heading{align-items:flex-start}.page-heading h1{font-size:30px}.dashboard-grid{gap:18px}.surface{padding:21px}.activity-row>div{display:block}.activity-row span{display:block;margin-top:3px}.nav-link{font-size:12px;gap:12px}}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric{padding:24px}.metric-description{font-size:11px;max-width:none}.metric-top{margin-bottom:25px}.metric>p{font-size:14px}.metric>strong{font-size:51px}.metric>a{font-size:11px}.dashboard-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:18px}.page-heading h1{font-size:34px}.danger-zone{flex-direction:column;align-items:flex-start}.login-story{padding:40px 8%}.connection-diagram{gap:12px}.connection-diagram>div{padding:19px 15px}.login-story .brand{font-size:18px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:22px 22px 18px;overflow:visible;border-right:0;border-bottom:1px solid #31313e;background:#111118}.sidebar>.brand{display:none}.nav-caption{display:none}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px}.nav-link{padding:17px 13px;font-size:12px;gap:11px;min-height:65px;border-radius:15px}.nav-link .icon{height:21px;width:21px}.nav-link>span{line-height:1.5}.nav-link:nth-child(9){grid-column:1/-1;max-width:66.66%}.nav-link.active{border:1px solid #7794ff66;padding:16px 12px;background:linear-gradient(115deg,#2745ac,#345fe3);box-shadow:0 0 0 4px #2646b20c}.sidebar-bottom{margin-top:17px;padding:15px 5px 0;border-top:1px solid #252631;display:flex;align-items:center;justify-content:space-between;gap:15px}.sidebar-bottom .language{gap:4px;min-width:165px}.language span{margin-right:10px}.language a{padding:8px 10px}.sidebar-bottom .logout{margin:0;padding:9px 13px;font-size:12px;gap:8px;width:auto}.sidebar-version{display:none}.workspace{margin-left:0}.topbar{display:none}.content{padding:28px 22px 0}.page-heading{margin-bottom:25px;position:relative}.page-heading h1{font-size:31px;letter-spacing:-1.1px}.page-heading .eyebrow{display:none}.page-heading>div>p:last-child{font-size:12px}.heading-actions{gap:8px}.heading-actions .button{font-size:10px}.metrics{gap:15px;margin-bottom:20px}.metric{border-radius:24px;padding:24px 22px 19px}.metric-top{margin-bottom:29px}.metric-top .icon{width:29px;height:29px}.metric-top i{width:6px;height:6px}.metric>p{font-size:14px}.metric>strong{font-size:53px;margin-top:10px}.metric-description{font-size:10px;min-height:36px}.metric>a{margin-top:18px;font-size:10px}.dashboard-grid{gap:0}.surface{border-radius:19px;margin-bottom:19px;padding:21px}.section-title h2{font-size:16px}.section-title p{font-size:10px}.form-grid{grid-template-columns:1fr;gap:17px}.wide{grid-column:auto}.switch-grid{gap:10px}.toggle{font-size:11px;padding:14px 12px}.search-row{flex-wrap:wrap}.search{max-width:none;min-width:150px}.count-total{font-size:9px}.field>span{font-size:12px}.field input,.field select,.field textarea{font-size:14px}.form-actions{gap:10px}.footer{font-size:8px;flex-wrap:wrap;line-height:1.8;padding-bottom:22px}.footer>span:last-child{font-size:8px}.login-layout{display:block}.login-story{padding:28px;border:0;background:#111522}.login-story .brand{font-size:21px}.login-story>div{display:none}.login-story>.muted{display:none}.login-story .brand-mark{height:38px;width:38px}.login-side{padding:38px 25px 50px}.login-card h2{font-size:26px}.login-lock{display:none}.activity-row time{font-size:9px;white-space:nowrap}.activity-row b{font-size:10px}.activity-row span{font-size:9px}td{padding:16px 10px}.notice{font-size:11px}.pagination{justify-content:center}.danger-zone .row-actions{gap:10px}}
@media(max-width:390px){.sidebar{padding-left:14px;padding-right:14px}.nav-link{padding:14px 9px;gap:8px;font-size:11px;min-height:62px}.nav-link.active{padding:13px 8px}.nav-link .icon{width:18px;height:18px}.content{padding-left:15px;padding-right:15px}.metrics{gap:11px}.metric{padding:20px 17px}.metric>p{font-size:12px}.metric>strong{font-size:46px}.metric-description{font-size:9px}.metric>a{font-size:9px}.page-heading h1{font-size:29px}.surface{padding:18px}.switch-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}