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}body{background:radial-gradient(circle at 80% 0,#15333a 0,#0000 30%),#071013;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.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{color:#fff;background:#071013;border:1px solid #2b4046;border-radius:12px;outline:none;padding:14px 16px}.loginCard input:focus,.search: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,.rowActions 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,.rowActions 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}.denied{font-size:52px}.adminApp{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{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{min-width:0;padding:34px 38px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar h1{margin:5px 0;font-size:34px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;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}.statsGrid article.attention{background:#21190f;border-color:#936234}.panel{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}.search{min-width:260px}.tableWrap{border:1px solid #1c3035;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #1c3035;padding:14px}th{text-transform:uppercase;letter-spacing:.08em;color:#718c92;background:#0a1518;font-size:12px}td{color:#cbdadd}td strong,td small{display:block}td small{color:#6f898f;text-overflow:ellipsis;max-width:210px;font-size:11px;overflow:hidden}.status{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}.rowActions{white-space:nowrap;gap:6px;display:flex}.rowActions button{padding:7px 9px;font-size:12px}.rowActions .danger{color:#ff9da4;border-color:#5e282d}.rowActions .iconButton{font-size:16px}.empty{text-align:center;color:#72898e;padding:35px}.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;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.memberHead h3{margin:0;font-size:15px}.memberHead p{color:#789197;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}@media (width<=1050px){.statsGrid{grid-template-columns:repeat(2,1fr)}.adminApp{grid-template-columns:82px 1fr}.sidebarBrand div:last-child,.sidebar nav button{font-size:0}.sidebar nav button:first-letter{font-size:20px}.sidebarFooter span{display:none}.content{padding:26px 22px}}@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:10;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(3,1fr);height:100%;display:grid}.sidebar nav button{text-align:center;padding:8px;font-size:12px}.content{padding:22px 14px 95px}.topbar{align-items:flex-start}.topbar h1{font-size:27px}.statsGrid{grid-template-columns:1fr 1fr;gap:10px}.statsGrid article{padding:16px}.statsGrid article strong{font-size:30px}.panel{padding:14px}.panelHeader{flex-direction:column;align-items:flex-start}.search{width:100%;min-width:0}.memberGrid{grid-template-columns:1fr}}.successBox{color:#9cf1d2;background:#12352b;border:1px solid #286d58;border-radius:12px;margin-bottom:16px;padding:13px 15px}.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}.headerActions{align-items:center;gap:10px;display:flex}.primary.compact{white-space:nowrap;width:auto;margin:0}.dangerAction{color:#ff9da4!important;border-color:#5e282d!important}.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}.deviceIcon{color:#6ce2d4;background:#173b3a;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.detailList{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;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}.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:56px;display:grid}.emptyState strong{color:#d6e4e7;font-size:18px}.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 label:first-child,.formGrid label:nth-child(2){grid-column:span 1}.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}.modalActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width<=1050px){.sidebar nav button{font-size:0}.sidebar nav button:first-letter{font-size:20px}.headerActions{flex-wrap:wrap;justify-content:flex-end}.requestGrid{grid-template-columns:1fr}}@media (width<=720px){.sidebar nav{grid-template-columns:repeat(4,1fr)}.statCard{padding:16px}.statCard strong{font-size:30px}.headerActions{flex-direction:column;align-items:stretch;width:100%}.primary.compact{width:100%}.requestGrid,.detailList{grid-template-columns:1fr}.textDanger{margin-left:0}.formGrid{grid-template-columns:1fr}.formGrid label{grid-column:1!important}.modalActions{flex-direction:column-reverse}.modalActions button{width:100%}}