html{background:#071013}body{margin:0}#root{min-height:100vh}:root{color:#e8f0f3;font-synthesis:none;background:#071013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:auto;background:#071013;width:100%;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 80% 0,#15333a 0,#0000 30%),#071013;width:100%;min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#071013}html::-webkit-scrollbar-thumb{background:#2a3d42;border:2px solid #071013;border-radius:999px}html{scrollbar-color:#2a3d42 #071013;scrollbar-width:thin}button,input,select{font:inherit}button,summary{touch-action:manipulation}.centerScreen{text-align:center;place-content:center;gap:14px;min-height:100vh;padding:24px;display:grid}.spinner{border:4px solid #29434a;border-top-color:#4dd7c8;border-radius:50%;width:42px;height:42px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loginPage{grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr);align-items:center;gap:70px;max-width:1180px;min-height:100vh;margin:auto;padding:60px;display:grid}.brandPanel h1{margin:12px 0 22px;font-size:clamp(44px,7vw,78px);line-height:.98}.brandPanel p{color:#9ab0b5;max-width:480px;font-size:20px}.logoMark{color:#041112;background:linear-gradient(145deg,#42d6c5,#178b91);border-radius:24px;place-items:center;width:76px;height:76px;font-weight:900;display:grid;box-shadow:0 18px 60px #0bc7b633}.logoMark.small{border-radius:14px;width:45px;height:45px}.eyebrow{color:#58d9ca;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}.loginCard,.panel,.statsGrid article{background:#0d191d;border:1px solid #203238;border-radius:22px;box-shadow:0 20px 80px #0004}.loginCard{padding:36px}.loginCard h2{margin:16px 0 28px;font-size:32px}.loginCard label{color:#a9bcc0;gap:8px;margin:16px 0;font-weight:600;display:grid}.loginCard input,.search,.filterGrid select{color:#fff;background:#071013;border:1px solid #2b4046;border-radius:12px;outline:none;padding:14px 16px}.loginCard input:focus,.search:focus,.filterGrid select:focus{border-color:#45d6c5;box-shadow:0 0 0 3px #45d6c51f}.secureBadge{color:#77e4d7;background:#12302f;border-radius:999px;padding:8px 12px;font-size:13px;display:inline-flex}.primary,.secondary,.actions button,.deviceActions button,.textButton{cursor:pointer;border:0;border-radius:11px;padding:11px 15px}.primary{color:#04100f;background:#49d9c8;width:100%;margin-top:12px;font-weight:800}.secondary,.actions button,.deviceActions button{color:#dce8ea;background:#17272c;border:1px solid #2b4046}.primary:disabled,.secondary:disabled,button:disabled{opacity:.5;cursor:not-allowed}.errorBox{color:#ffb6b9;background:#351719;border:1px solid #713238;border-radius:12px;padding:13px 15px}.successBox{color:#9cf1d2;background:#12352b;border:1px solid #286d58;border-radius:12px;margin-bottom:16px;padding:13px 15px}.messageBox{margin-bottom:16px}.denied{font-size:52px}.adminApp{grid-template-columns:250px minmax(0,1fr);width:100%;max-width:100%;min-height:100vh;display:grid;overflow-x:clip}.sidebar{z-index:30;background:#091316;border-right:1px solid #1c2d32;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebarBrand{align-items:center;gap:12px;padding:4px 8px 28px;display:flex}.sidebarBrand div:last-child{display:grid}.sidebarBrand span{color:#7f989e;font-size:12px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#9fb2b7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:13px 14px;font-weight:650}.sidebar nav button.active{color:#70e4d7;background:#15302f}.sidebar nav em{float:right;color:#140b05;background:#da7d3a;border-radius:999px;padding:1px 7px;font-style:normal}.sidebarFooter{color:#91a7ac;border-top:1px solid #1c2d32;gap:10px;margin-top:auto;padding:16px 8px 4px;font-size:13px;display:grid}.sidebarFooter button{color:#f29da2;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.content{--content-pad-left:38px;--content-pad-right:12px;width:100%;min-width:0;max-width:100%;padding:0 var(--content-pad-right) 60px var(--content-pad-left);overflow-x:clip}.topbar{z-index:25;margin-left:calc(-1 * var(--content-pad-left));margin-right:calc(-1 * var(--content-pad-right));padding:26px 28px 18px var(--content-pad-left);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#071013fa 0%,#071013f0 78%,#07101300 100%);justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex;position:sticky;top:0}.topbar:after{content:"";opacity:.85;background:#1a2d32;height:1px;position:absolute;bottom:8px;left:0;right:0}.topbar h1{margin:5px 0;font-size:34px}.topbar .secondary{flex:none}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0;max-width:100%;margin-bottom:22px;display:grid}.statsGrid article{gap:4px;padding:22px;display:grid}.statsGrid article span,.statsGrid article small{color:#8fa6ab}.statsGrid article strong{font-size:38px}.statCard{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#0d191d;border:1px solid #203238;border-radius:22px;gap:4px;padding:22px;transition:transform .15s,border-color .15s;display:grid;box-shadow:0 20px 80px #0004}.statCard:hover{border-color:#4ccdbd;transform:translateY(-2px)}.statCard span,.statCard small{color:#8fa6ab}.statCard strong{font-size:38px}.statCard.attention{background:#21190f;border-color:#936234}.panel{min-width:0;max-width:100%;margin-bottom:20px;padding:22px}.panelHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.panelHeader h2{margin:0 0 5px}.panelHeader p{color:#8fa6ab;margin:0}.textButton{color:#63dccc;background:0 0}.primary.compact{white-space:nowrap;width:auto;margin:0}.filterExpander{background:#091619;border:1px solid #203238;border-radius:15px;margin:0 0 18px;overflow:hidden}.filterExpander>summary{cursor:pointer;color:#b9cbcf;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;font-weight:750;list-style:none;display:flex}.filterExpander>summary::-webkit-details-marker{display:none}.filterExpander>summary:before{content:"＋";color:#61ddcd;margin-right:3px}.filterExpander[open]>summary:before{content:"−"}.filterExpander[open]>summary{border-bottom:1px solid #203238}.filterSummaryMeta{color:#789197;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.filterSummaryMeta strong{color:#82e9cc;background:#173b31;border-radius:999px;padding:4px 8px;font-size:11px}.filterGrid{grid-template-columns:minmax(230px,1.8fr) repeat(2,minmax(150px,.8fr)) auto;gap:12px;padding:15px;display:grid}.filterGrid.deviceFilters{grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(150px,.8fr)) auto}.filterGrid label{color:#8fa6ab;gap:6px;font-size:12px;font-weight:650;display:grid}.filterGrid .search,.filterGrid select{width:100%;min-width:0;padding:11px 12px}.filterReset{white-space:nowrap;align-self:end;padding:11px 13px}.memberGrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:15px;display:grid}.memberCard{background:#0a1518;border:1px solid #203238;border-radius:16px;padding:17px}.memberHead{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.avatar{color:#6ce2d4;background:#173b3a;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.memberHead h3{margin:0;font-size:15px}.memberHead p{color:#789197;word-break:break-word;margin:3px 0 0;font-size:12px}.memberCard dl{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.memberCard dl div{background:#0e1d21;border-radius:10px;padding:10px}.memberCard dt{color:#71898f;font-size:11px}.memberCard dd{margin:4px 0 0;font-size:13px;font-weight:700}.actions{flex-wrap:wrap;gap:7px;display:flex}.actions button{padding:8px 10px;font-size:12px}.dangerAction{color:#ff9da4!important;border-color:#5e282d!important}.status{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status.ok{color:#71e5c8;background:#14352e}.status.pending{color:#f5bd68;background:#3b2a12}.status.blocked{color:#f49da4;background:#3c191c}.deviceCardGrid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:13px;display:grid}.deviceCard{background:#091619;border:1px solid #203238;border-radius:16px;min-width:0;overflow:hidden}.deviceCard>summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;list-style:none;display:grid}.deviceCard>summary::-webkit-details-marker{display:none}.deviceCard[open]>summary{background:#0b1a1d;border-bottom:1px solid #203238}.deviceIcon{color:#6ce2d4;background:#173b3a;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.deviceCardTitle{gap:2px;min-width:0;display:grid}.deviceCardTitle strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deviceCardTitle span{color:#9ab0b5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.deviceCardTitle small{color:#6f898f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.deviceCardStatus{justify-items:end;gap:4px;display:grid}.chevron{color:#789197;font-size:18px;transition:transform .16s}.deviceCard[open]>summary .chevron,.deviceOwnerGroup[open]>summary .chevron{transform:rotate(180deg)}.deviceCardBody{padding:13px 15px 15px}.detailList{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px;display:grid}.detailList div{background:#0e1d21;border-radius:11px;min-width:0;padding:11px}.detailList dt{color:#71898f;margin-bottom:4px;font-size:11px}.detailList dd{word-break:break-word;margin:0;font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.deviceActions{flex-wrap:wrap;gap:7px;display:flex}.deviceActions button{padding:8px 10px;font-size:12px}.deviceActions .danger{color:#ff9da4;border-color:#5e282d}.deviceActions .iconButton{color:#d9a5a8}.deviceGroups{gap:14px;display:grid}.deviceOwnerGroup{background:#0a1518;border:1px solid #203238;border-radius:18px;overflow:hidden}.deviceOwnerGroup>summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px;list-style:none;display:grid}.deviceOwnerGroup>summary::-webkit-details-marker{display:none}.deviceOwnerGroup[open]>summary{background:#0d1c20;border-bottom:1px solid #203238}.ownerAvatar{border-radius:14px;width:46px;height:46px}.ownerInfo{min-width:0;display:grid}.ownerInfo strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ownerInfo span{color:#789197;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ownerCounts{color:#a8bbc0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;display:flex}.ownerCounts>span{color:#e2edef;font-weight:800}.ownerCounts small{border-radius:999px;padding:4px 7px}.miniOk{color:#71e5c8;background:#14352e}.miniPending{color:#f5bd68;background:#3b2a12}.miniBlocked{color:#f49da4;background:#3c191c}.ownerDevices{padding:14px}.requestCount{color:#f5bd68;background:#3b2a12;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.requestGrid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.requestCard{background:#0a1518;border:1px solid #203238;border-radius:18px;padding:18px}.requestCardHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.requestCardHeader h3{margin:0 0 4px}.requestCardHeader p{color:#789197;margin:0;font-size:13px}.requestActions{flex-wrap:wrap;gap:8px;display:flex}.requestActions button{cursor:pointer;border:1px solid #2b4046;border-radius:11px;padding:10px 13px}.approveButton{color:#83e7c8;background:#173b31}.rejectButton{color:#f7a5ac;background:#3c191c;border-color:#5e282d!important}.textDanger{color:#d98c92;background:0 0;margin-left:auto}.emptyState{text-align:center;color:#859da2;border:1px dashed #2a4147;border-radius:16px;place-items:center;gap:7px;padding:42px;display:grid}.emptyState strong{color:#d6e4e7;font-size:18px}.gridEmpty{grid-column:1/-1}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalCard{background:#0d191d;border:1px solid #2a4147;border-radius:22px;width:min(650px,100%);max-height:calc(100vh - 36px);padding:24px;overflow:auto;box-shadow:0 30px 100px #000a}.modalHeader{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modalHeader h2{margin:5px 0 0}.closeButton{color:#dce8ea;cursor:pointer;background:#17272c;border:0;border-radius:11px;width:38px;height:38px;font-size:25px}.formGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.formGrid label{color:#a9bcc0;gap:7px;font-weight:600;display:grid}.formGrid input,.formGrid select{color:#fff;background:#071013;border:1px solid #2b4046;border-radius:12px;outline:none;width:100%;padding:13px 14px}.formGrid input:focus,.formGrid select:focus{border-color:#45d6c5;box-shadow:0 0 0 3px #45d6c51f}.formGrid small{color:#71898f;font-weight:400}.checkLabel{align-self:end;align-items:center;padding:13px 0;grid-template-columns:auto 1fr!important;display:flex!important}.checkLabel input{width:auto}.mailHint{color:#8fb4b7;background:#0b2022;border:1px solid #1e4143;border-radius:12px;margin-top:16px;padding:12px 13px;font-size:12px;line-height:1.45}.modalActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}#root{width:100%;max-width:100%;overflow-x:hidden}.panelHeader,.memberGrid,.deviceCardGrid,.deviceGroups,.requestGrid{min-width:0;max-width:100%}.topbar{min-width:0;max-width:none}@supports (padding:max(0px)){.content{--content-pad-left:max(38px,env(safe-area-inset-left));--content-pad-right:max(12px,env(safe-area-inset-right))}.topbar{padding-right:max(28px,env(safe-area-inset-right))}}@media (width<=1180px){.filterGrid,.filterGrid.deviceFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.filterReset{width:100%}}@media (width<=1050px){.statsGrid{grid-template-columns:repeat(2,1fr)}.adminApp{grid-template-columns:82px minmax(0,1fr)}.sidebarBrand div:last-child,.sidebar nav button{font-size:0}.sidebar nav button:first-letter{font-size:20px}.sidebarFooter span{display:none}.content{--content-pad-left:22px;--content-pad-right:10px}.requestGrid{grid-template-columns:1fr}}@media (width<=720px){.loginPage{grid-template-columns:1fr;gap:25px;padding:25px}.brandPanel{padding-top:20px}.brandPanel h1{font-size:48px}.adminApp{display:block}.sidebar{z-index:50;border-top:1px solid #1c2d32;border-right:0;width:100%;height:70px;padding:8px 12px;display:block;position:fixed;top:auto;bottom:0}.sidebarBrand,.sidebarFooter{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:4px;height:100%;display:grid}.sidebar nav button{text-align:center;padding:8px 3px;font-size:11px!important}.sidebar nav button:first-letter{font-size:inherit}.content{--content-pad-left:12px;--content-pad-right:12px;padding-bottom:94px}.topbar{padding:14px 14px 12px var(--content-pad-left);align-items:center;margin-bottom:14px}.topbar:after{bottom:4px}.topbar h1{margin:3px 0;font-size:25px}.topbar .eyebrow{font-size:9px}.topbar .secondary{padding:9px 10px;font-size:12px}.statsGrid{grid-template-columns:1fr 1fr;gap:9px}.statsGrid article,.statCard{padding:14px}.statsGrid article strong,.statCard strong{font-size:29px}.panel{border-radius:17px;padding:12px}.panelHeader{flex-direction:column;align-items:stretch;gap:12px}.panelHeader .primary.compact{width:100%}.filterExpander>summary{padding:13px}.filterSummaryMeta{font-size:11px}.filterGrid,.filterGrid.deviceFilters{grid-template-columns:1fr;padding:12px}.memberGrid,.deviceCardGrid,.requestGrid{grid-template-columns:1fr}.memberCard{padding:14px}.memberCard dl{gap:7px}.memberCard dl div{padding:8px}.deviceOwnerGroup>summary{grid-template-columns:auto minmax(0,1fr) auto;padding:13px}.deviceOwnerGroup>summary>.chevron{grid-area:1/3}.ownerCounts{grid-column:2/4;justify-content:flex-start}.ownerDevices{padding:10px}.deviceCard>summary{padding:12px}.deviceIcon{width:42px;height:42px}.deviceCardStatus .status{padding:4px 7px;font-size:10px}.detailList{grid-template-columns:1fr}.deviceActions{grid-template-columns:1fr 1fr;display:grid}.deviceActions button{width:100%}.textDanger{margin-left:0}.formGrid{grid-template-columns:1fr}.formGrid label{grid-column:1!important}.modalActions{flex-direction:column-reverse}.modalActions button{width:100%}.emptyState{padding:30px 16px}}@media (width<=430px){.statsGrid{grid-template-columns:1fr 1fr}.topbar h1{font-size:22px}.topbar .secondary{width:42px;height:42px;padding:0;font-size:0}.topbar .secondary:first-letter{font-size:18px}.memberHead{grid-template-columns:auto 1fr}.memberHead .status{grid-column:2;justify-self:start}.memberCard dl{grid-template-columns:1fr 1fr}.memberCard dl div:last-child{grid-column:1/-1}.deviceActions{grid-template-columns:1fr}.ownerCounts{gap:4px}.ownerCounts small{font-size:10px}}@media (width<=1050px){@supports (padding:max(0px)){.content{--content-pad-left:max(22px,env(safe-area-inset-left));--content-pad-right:max(10px,env(safe-area-inset-right))}.topbar{padding-right:max(22px,env(safe-area-inset-right))}}}@media (width<=720px){@supports (padding:max(0px)){.content{--content-pad-left:max(12px,env(safe-area-inset-left));--content-pad-right:max(12px,env(safe-area-inset-right))}.topbar{padding-right:max(14px,env(safe-area-inset-right))}}}