@import url('/style-tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);color-scheme:dark}a{color:var(--accent-soft);text-decoration:none}a:hover{color:#e0d7ff}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{cursor:pointer}img{max-width:100%;object-fit:contain}button .icon,.button .icon{width:17px;height:17px;flex:none}.icon{flex:none;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin-bottom:12px}h2{font-size:18px;line-height:1.35;letter-spacing:-.35px;font-weight:650;margin-bottom:14px}h3{font-size:16px;font-weight:600;margin-bottom:8px}p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:18px}small{font-size:11px;color:var(--muted)}.eyebrow,.section-kicker,.nav-label{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{color:var(--accent-soft);margin-bottom:12px}.section-kicker{display:block;color:#8393b0;margin-bottom:8px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 18px;background:var(--accent);color:var(--ink)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-size:21px;font-weight:700;letter-spacing:-.6px}.brand:hover{color:var(--text)}.brand small{display:block;color:#8391ac;font-size:9px;letter-spacing:1.6px;font-weight:550;margin-top:1px}.brand img{flex:none}.admin-shell{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 16px 22px;background:#0e1727;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.sidebar .brand{padding:0 9px 34px}.nav-label{color:#687b99;padding:0 16px;margin:10px 0 12px}.main-nav{display:grid;gap:6px}.main-nav a{display:flex;gap:12px;align-items:center;padding:12px 15px;color:#9aabc5;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:550;transition:background .18s,color .18s,border-color .18s}.main-nav a:hover{background:#19243a;color:#e1e7f5}.main-nav a[aria-current=page]{color:#d8cdff;background:linear-gradient(100deg,#292643,#24263e);border-color:#423b63;box-shadow:inset 3px 0 #a693fa}.main-nav a[aria-current=page] .icon{color:#b9a7ff}.main-nav span{white-space:nowrap}.nav-count{margin-left:auto;display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;font-size:10px;font-weight:600;color:#cfc2ff;background:#393057;border-radius:6px}.tools-label{margin-top:32px}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:18px 8px 0;border-top:1px solid var(--border);margin-top:auto}.owner-emblem{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1c273c;color:#8eb9c3}.owner-emblem .icon{width:15px}.sidebar-bottom strong{font-size:11px;font-weight:600;display:block}.sidebar-bottom small{display:block;font-size:10px;color:#7285a4;margin-top:3px}.workspace{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% -35%,#2a234145,transparent 55%),var(--bg)}.topbar{position:sticky;top:0;z-index:5;min-height:82px;border-bottom:1px solid var(--border);background:#0e1627f2;backdrop-filter:blur(15px);display:flex;align-items:center;gap:24px;padding:18px 32px}.breadcrumb{color:#7588a6;font-size:12px;white-space:nowrap}.breadcrumb span{padding:0 10px;color:#445777}.breadcrumb strong{font-weight:500;color:#c3cde0}.global-search{margin-left:auto;display:flex;align-items:center;gap:10px;max-width:260px;min-width:140px;border:1px solid #2b3851;border-radius:9px;padding:0 11px;background:#121d30;height:38px}.global-search .icon{width:15px;color:#778aaa}.global-search input{border:0;background:transparent;padding:0;margin:0;width:100%;min-width:0;height:100%;font-size:11px;box-shadow:none!important;outline:0}.search-submit{border:1px solid #33405a;border-radius:4px;padding:0 5px;background:transparent;color:#7386a5;font-size:11px;line-height:20px}.owner-chip{display:flex;align-items:center;gap:9px;min-width:0}.owner-chip strong{font-size:11px;font-weight:550;display:block;max-width:140px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.owner-chip small{display:block;color:#7285a3;font-size:10px}.avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #4d426e;border-radius:10px;background:linear-gradient(135deg,#3a3158,#252b46);color:#d4c7ff;font-size:11px;font-weight:650;letter-spacing:.3px}.logout-form{margin:0}.logout-form .quiet{font-size:11px;padding:7px 9px}.logout-form .icon{width:15px}.page-content{width:100%;max-width:1540px;padding:34px 34px 46px;margin:0 auto;flex:1;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading p:last-child{margin-bottom:0}.page-heading .button{flex:none}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric-card{border:1px solid var(--border);background:linear-gradient(140deg,#151f34,#121c2e);border-radius:15px;padding:22px 24px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a5b4cb;font-size:12px}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:10px}.metric-icon .icon{width:18px;height:18px}.violet{color:#bbabfc;background:#2d2849;border-color:#433a67}.cyan{color:#7ad9d6;background:#1c353e;border-color:#2c5058}.amber{color:#e5bb86;background:#363030;border-color:#51433c}.metric-value{display:block;font-size:40px;font-weight:600;letter-spacing:-1.8px;line-height:1.2;margin:18px 0 10px;color:#f0f3fc}.metric-card p{font-size:11px;color:#7389a9;margin:0}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:22px}.card{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:25px;margin-bottom:22px;min-width:0;box-shadow:0 5px 20px #00000008}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.card-heading h2{margin:0}.card-heading .section-kicker{margin-bottom:5px}.text-link{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap;color:#b2a6ea}.empty-state{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:270px;padding:30px 22px}.empty-state p{max-width:330px;margin-bottom:0;font-size:12px}.empty-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #394360;border-radius:16px;background:linear-gradient(135deg,#252c46,#1b263c);color:#b3a4f4;margin-bottom:18px}.empty-icon .icon{width:25px;height:25px}.action-card{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid #27334b;color:var(--text)}.action-card:hover{color:#ddd4ff}.action-card>span:nth-child(2){flex:1;min-width:0}.action-card strong{display:block;font-size:12px;font-weight:600}.action-card small{display:block;margin-top:5px;font-size:11px;line-height:1.6}.action-card>span:last-child{color:#8a7fba}.action-icon{color:#9e8fe2;border-radius:9px;background:#232a43;padding:10px;display:grid;place-items:center}.quick-start .action-card:last-child{padding-bottom:0}.count-pill{display:inline-flex;align-items:center;font-size:11px;padding:7px 12px;color:#acb9d0;border:1px solid #2e3c57;border-radius:7px;white-space:nowrap;background:#152035}.users-grid{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:24px;align-items:start}.users-grid>.card{margin-bottom:0}.users-grid .card h2{font-size:18px}.users-grid .card>p{font-size:12px}.user-directory{overflow:hidden}.table-scroll{overflow-x:auto;max-width:100%}.data-table{width:100%;border-collapse:collapse;min-width:540px;text-align:left}.data-table th{position:relative;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#778baa;padding:13px 12px;background:#0f1a2e;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th:first-child{border-radius:8px 0 0 0}.data-table th:last-child{border-radius:0 8px 0 0}.data-table td{padding:19px 12px;border-bottom:1px solid #27334a;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#1a254036}.data-table small{display:block;margin-top:4px;font-size:10px;max-width:190px;overflow-wrap:anywhere}.table-person{display:flex;align-items:center;gap:11px}.table-person>div{min-width:0;max-width:200px;overflow-wrap:anywhere}.table-plan{font-size:11px;font-weight:550}.account{font-weight:600;color:#e6eafa;overflow-wrap:anywhere}.status,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #3b3b58;background:#272640;color:#c8bbf5;border-radius:6px;font-size:10px;line-height:1.3;padding:5px 8px;font-weight:550;text-transform:capitalize;white-space:nowrap}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status-active,.status-approved{color:#8cd4bf;background:#19382f80;border-color:#315347}.status-disabled,.status-rejected{color:#c7a5b6;background:#34283480;border-color:#503748}.status-pending{color:#e2bf8e;background:#3a302880;border-color:#5a4836}.button,button:not(.search-submit){display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3b4863;border-radius:8px;background:#243149;color:#dfe7f7;padding:10px 15px;font-size:12px;line-height:1.3;font-weight:550;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;min-height:37px}.button:hover,button:not(.search-submit):hover{background:#303c57;border-color:#665985;color:white}.button:active,button:not(.search-submit):active{transform:translateY(1px)}.primary,button.primary,.button.primary{background:#aa98f5;border-color:#aa98f5;color:#19132b;font-weight:650}.primary:hover,button.primary:hover,.button.primary:hover{background:#c0b0ff;border-color:#c0b0ff;color:#19132b}.quiet,button.quiet{background:transparent;border-color:#2e3c57;color:#aabbd2}.quiet:hover,button.quiet:hover{background:#202b42}.small,button.small,.button.small{padding:7px 11px;min-height:31px;font-size:10px}.full-width{width:100%}.danger,button.danger{background:#3d2538;color:#fac0d0;border-color:#63384e}.danger-text,button.danger-text{color:#e9a9bc;border-color:#523447}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin:22px 0}.columns>.card{margin:0}label{display:block;margin:19px 0;font-size:12px;font-weight:550;color:#c4cee3}input,select{display:block;width:100%;background:#0d1628;border:1px solid #35425d;border-radius:8px;padding:12px 13px;margin-top:8px;color:#e8edf8;line-height:1.4;font-size:12px;transition:border-color .16s,box-shadow .16s;min-width:0}input::placeholder{color:#657b9e}input:focus,select:focus{outline:0;border-color:#a28ceb;box-shadow:0 0 0 3px #aa98f518}input[type=number]{appearance:textfield}.form-hint{font-size:11px!important;color:#788eac;margin:18px 0 0}.row{display:flex;align-items:center;gap:18px;justify-content:space-between;border-top:1px solid #2a354d;padding:20px 0;min-width:0}.row:last-child{padding-bottom:0}.row p{font-size:12px;margin:6px 0 0}.row-content{min-width:0;flex:1}.row-content strong{font-size:12px;font-weight:550}.row-content p{font-size:11px;margin:6px 0 0}.plans-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-card{border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#182238,#111b2d);padding:23px;min-width:0}.plan-card h2{margin:22px 0 16px;overflow-wrap:anywhere}.plan-duration{display:flex;align-items:baseline;gap:10px;margin-bottom:26px}.plan-duration strong{font-size:38px;font-weight:600;letter-spacing:-1.4px}.plan-duration span{font-size:11px;color:#8a9dbb}.plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #2d3b53;padding-top:17px}.plan-bottom>span{font-size:10px;color:#7c91af;max-width:130px}.info-banner{display:flex;align-items:center;gap:12px;background:#211f374d;border:1px solid #3b3658;border-radius:10px;color:#a596dc;padding:14px 18px;margin-bottom:22px}.info-banner p{font-size:12px;margin:0;color:#a9b3cd}.device-request{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #2a354d;min-width:0}.device-request:last-child{padding-bottom:0}.device-emblem{display:grid;place-items:center;width:44px;height:44px;background:#202c44;color:#a99ae9;border:1px solid #3a4662;border-radius:12px;flex:none}.request-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.device-details{margin-top:9px;color:#8a9dbb;font-size:10px}.device-details summary{cursor:pointer}.device-details code{margin-top:10px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.device-request .actions{flex:none;max-width:240px}code{display:block;font-size:10px;line-height:1.7;color:#8194b2;overflow-wrap:anywhere;background:#0d1729;padding:12px;border:1px solid #28354d;border-radius:7px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 34px;color:#657b9b;border-top:1px solid #243149;font-size:10px;margin-top:auto}.notice{padding:13px 15px;border-radius:8px;border:1px solid #684154;background:#402a3b;color:#f3bdd0;font-size:12px;margin:18px 0}.muted{font-size:11px;color:#879ab8}.empty{font-size:12px;padding:20px 0;color:#8194b2}
/* Sign-in uses the same generous canvas and brand hierarchy as the desktop app. */
.auth-body{background:radial-gradient(ellipse at 15% 45%,#24234150,transparent 52%),#0b1220}.auth-shell{min-height:100vh;display:flex;flex-direction:column}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 40px;border-bottom:1px solid #26324a}.auth-header-note{font-size:12px;color:#8194b3}.auth-main{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:80px;align-items:center;max-width:1220px;width:100%;padding:54px 40px 64px;margin:auto;flex:1}.auth-intro{min-width:0;max-width:610px}.auth-intro h1{font-size:clamp(34px,4.1vw,54px);font-weight:650;line-height:1.13;letter-spacing:-1.9px;margin:20px 0}.auth-intro h1 span{color:#c5b8fb}.intro-copy{font-size:14px;color:#93a6c2;line-height:1.8;max-width:465px}.intro-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.intro-features strong{font-size:11px;font-weight:550;color:#d0daec}.intro-features p{font-size:11px;margin:6px 0 0;line-height:1.7;color:#7e92b3}.flow-illustration{position:relative;display:flex;gap:18px;height:206px;align-items:center;margin:24px 0 14px;background-image:radial-gradient(#35415b 1px,transparent 1px);background-size:22px 22px;padding:0 6px}.flow-line{position:absolute;left:20px;right:20px;top:100px;height:1px;background:linear-gradient(90deg,#5a5c81,#a58bd1,#5a5c81)}.flow-tile{position:relative;flex:1;min-width:0;height:112px;border-radius:12px;border:1px solid #38445d;background:linear-gradient(140deg,#1a253b,#111c30);padding:15px;box-shadow:0 6px 20px #00000018}.flow-tile>.icon{position:absolute;right:13px;top:14px;width:16px;height:16px;color:#a99be7}.flow-tile .step-index{display:block;font-size:9px;color:#96a4c5;margin-bottom:14px}.flow-tile strong{display:block;font-size:13px;font-weight:550;color:#e3e8f7}.flow-tile small{display:block;font-size:9px;color:#8195b6;margin-top:4px;white-space:nowrap}.tile-two{transform:translateY(-25px);border-color:#9a85cf;background:linear-gradient(135deg,#302b49,#24253e)}.tile-two>.icon{color:#c9b5ff}.tile-one,.tile-three{transform:translateY(20px)}.auth-card{width:100%;background:linear-gradient(140deg,#182237,#121d30);border:1px solid #38445e;border-radius:20px;padding:33px;box-shadow:0 18px 60px #0000001a}.auth-card>h2{font-size:26px;font-weight:650;letter-spacing:-.8px;margin:15px 0 10px}.auth-card>p{font-size:12px;margin-bottom:24px}.auth-card label{margin:19px 0;font-size:12px}.auth-card input{padding:13px 14px}.auth-card .primary{margin-top:6px;padding:13px 16px;justify-content:space-between}.auth-note{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #2c3851;margin-top:24px;padding-top:19px}.auth-note>.icon{width:14px;height:14px;color:#9284bd;margin-top:3px}.auth-note p{font-size:10px;line-height:1.8;color:#8297b8;margin:0}.auth-shell>.page-footer{padding:20px 40px}
@media(min-width:1600px){.page-content{padding:42px 44px 50px}.topbar{padding-left:44px;padding-right:44px}.metrics{gap:22px}.metric-card{padding:25px 28px}}
@media(max-width:1250px){.topbar{gap:15px;padding:18px 24px}.breadcrumb{display:none}.global-search{margin-left:0;flex:1;max-width:none}.owner-chip{margin-left:auto}.page-content{padding:28px 24px}.overview-grid{grid-template-columns:1fr}.users-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.plans-list{grid-template-columns:1fr}.auth-main{gap:44px;grid-template-columns:minmax(0,1fr) 385px}}
@media(max-width:1000px){.admin-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.sidebar .brand{font-size:19px;padding-bottom:28px}.sidebar .brand img{width:35px}.sidebar .brand small{font-size:8px}.main-nav a{padding:11px 10px;font-size:11px;gap:8px}.nav-label{padding-left:12px}.sidebar-bottom small{display:none}.users-grid{grid-template-columns:1fr}.users-grid>#new-user{max-width:none}.metrics{gap:12px}.metric-card{padding:18px}.metric-value{font-size:34px}.metric-top{font-size:11px}.metric-icon{width:30px;height:30px}.columns{grid-template-columns:1fr}.auth-main{display:flex;justify-content:center;max-width:650px;padding-top:44px}.auth-intro{display:none}.auth-card{max-width:440px}}
@media(max-width:700px){.admin-shell{display:flex;flex-direction:column}.sidebar{position:relative;height:auto;padding:18px 15px 10px;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{padding:0 5px 18px}.nav-label,.tools-label,.sidebar-bottom,.main-nav[aria-label=Tools]{display:none}.main-nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}.main-nav a{white-space:nowrap;padding:10px;flex:none;font-size:10px}.main-nav a .icon{width:15px;height:15px}.nav-count{min-width:17px;height:17px;font-size:9px}.topbar{position:relative;min-height:72px;padding:16px;gap:10px;flex-wrap:wrap}.global-search{order:3;min-width:100%;height:36px}.owner-chip{margin-left:0;margin-right:auto}.owner-chip .avatar{width:30px;height:30px}.owner-chip strong{font-size:11px}.owner-chip small{font-size:9px}.logout-form .quiet{font-size:10px}.page-content{padding:24px 16px 30px}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:26px}.page-heading>div{flex:1;min-width:200px}.page-heading p:last-child{font-size:12px}.page-heading>.button{margin-top:0}.metrics{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.metric-card{padding:18px 20px}.metric-value{margin:4px 0 6px;font-size:34px}.metric-icon{position:absolute;right:20px;top:22px;width:37px;height:37px}.card{padding:20px;margin-bottom:18px}.overview-grid{gap:0}.quick-start{margin-top:0}.card-heading{gap:12px;flex-wrap:wrap}.card-heading h2{font-size:16px}.text-link{font-size:10px}.card-heading .section-kicker{font-size:9px}.empty-state{min-height:220px;padding:22px 4px}.empty-state p{font-size:11px}.action-card{gap:10px}.action-card strong{font-size:11px}.action-card small{font-size:10px}.count-pill{font-size:10px}.users-grid{gap:18px}.data-table{min-width:500px}.device-request{flex-wrap:wrap;gap:12px}.device-request>.row-content{flex-basis:calc(100% - 60px)}.device-request .actions{max-width:100%;padding-left:56px}.device-emblem{width:40px;height:40px}.row{flex-wrap:wrap;gap:12px}.row form{margin-left:0}.page-footer{font-size:9px;padding:16px;gap:15px}.page-footer>span:last-child{display:none}.auth-header{padding:20px}.auth-header-note{display:none}.auth-main{padding:30px 18px 40px}.auth-card{padding:26px 24px;border-radius:16px}.auth-card>h2{font-size:25px}.auth-shell>.page-footer{padding:18px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.back-link{display:inline-block;font-size:11px;color:#8f9fbd;margin-bottom:22px}.profile-heading{margin-bottom:26px}.profile-identity{display:flex;align-items:center;gap:18px;min-width:0}.profile-identity>div{min-width:0}.profile-identity h1{overflow-wrap:anywhere;margin-bottom:10px}.profile-identity .eyebrow{margin-bottom:8px}.profile-avatar{width:62px;height:62px;font-size:21px;border-radius:17px}.profile-role{font-size:11px;color:#7f92af;margin-left:9px}.device-summary{display:flex;align-items:center;gap:13px;margin:24px 0}.device-summary>div{flex:1;min-width:0}.device-summary strong{font-size:13px;overflow-wrap:anywhere}.device-summary p{font-size:11px;margin:5px 0 0}.device-reset{border-top:1px solid #2b3851;margin-top:20px;padding-top:18px}.device-reset p{font-size:11px;margin-bottom:12px}.empty-state.compact{min-height:180px;padding:18px}.subscription-row .status{margin-left:8px}.subscription-row .metric-icon{position:static;flex:none}@media(max-width:700px){.profile-avatar{width:48px;height:48px;font-size:16px}.profile-identity{gap:13px}.device-summary .status{font-size:9px}.subscription-row .metric-icon{width:31px;height:31px}.profile-identity h1{font-size:25px}.subscription-row .status{margin-left:4px}}