*{box-sizing:border-box}:root{font-family:Inter,Arial,sans-serif;background:#070707;color:#f5f5f5}body{margin:0;background:radial-gradient(circle at top right,#261010 0,#080808 38%)}button{font-family:inherit}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{position:fixed;width:235px;height:100vh;padding:18px 13px;background:#0a0a0af5;border-right:1px solid #202020}.brand{display:flex;align-items:center;gap:11px;padding:5px 7px 25px}.brand strong{display:block}.brand span{display:block;color:#666;font-size:11px;margin-top:3px}.smallLogo,.logo{background:linear-gradient(145deg,#d42929,#651010);display:flex;align-items:center;justify-content:center;font-weight:800}.smallLogo{width:42px;height:42px;border-radius:13px}.menuButton,.logout{width:100%;height:46px;padding:0 13px;margin-bottom:5px;border:0;border-radius:12px;background:transparent;color:#858585;display:flex;align-items:center;gap:11px;cursor:pointer}.menuButton:hover{background:#151515;color:#fff}.menuButton.active{background:linear-gradient(90deg,#7c1a1aa6,#2d0f0f8c);color:#f55}.sidebarBottom{position:absolute;left:13px;right:13px;bottom:18px}.logout{color:#a05a5a}main{grid-column:2;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h1{margin:0 0 5px;font-size:29px}header p{margin:0;color:#686868}.adminUser{display:flex;align-items:center;gap:11px;text-align:right}.adminUser strong,.adminUser span{display:block}.adminUser span{color:#666;font-size:12px;margin-top:3px}.avatar{width:43px;height:43px;border-radius:50%;background:#711717;display:flex;align-items:center;justify-content:center;font-weight:700}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.statCard{min-height:145px;padding:18px;border-radius:18px;background:#111;border:1px solid #242424}.statIcon{width:39px;height:39px;border-radius:12px;background:#961e1e33;color:#e84040;display:flex;align-items:center;justify-content:center;margin-bottom:19px}.statCard span{display:block;color:#737373;font-size:12px}.statCard strong{display:block;margin-top:6px;font-size:25px}.panel{margin-top:16px;padding:20px;background:#101010;border:1px solid #242424;border-radius:18px}.panel h2{margin-top:0}.panel p{color:#777}.panelTitle{display:flex;justify-content:space-between;align-items:center}.panelTitle h2{margin:0}.panelTitle p{margin:5px 0 0}.online{color:#4bd681;background:#32b4641a;padding:7px 11px;border-radius:20px;font-size:12px}.center{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.logo{width:65px;height:65px;border-radius:20px;font-size:25px}.error{color:#d36b6b;max-width:360px;text-align:center}@media(max-width:850px){.shell{display:block}aside{position:fixed;z-index:10;bottom:0;top:auto;width:100%;height:auto;display:flex;overflow-x:auto;padding:8px;border-right:0;border-top:1px solid #222}.brand,.sidebarBottom{display:none}.menuButton{min-width:92px;height:55px;flex-direction:column;justify-content:center;font-size:10px;gap:4px;margin:0}main{padding:18px 14px 90px}header{align-items:flex-start}header h1{font-size:24px}.statsGrid{grid-template-columns:repeat(2,1fr)}.adminUser>div:first-child{display:none}}.usersToolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.userSearch{width:360px;max-width:100%;background:#111;border:1px solid #292929;border-radius:12px;padding:12px 14px;color:#fff;outline:none}.userSearch:focus{border-color:#702222}.usersTable{background:#101010;border:1px solid #242424;border-radius:18px;overflow:hidden}.usersHead,.userRow{display:grid;grid-template-columns:minmax(240px,2fr) 110px 110px 90px 30px;gap:12px;align-items:center;padding:14px 17px}.usersHead{color:#666;font-size:11px;border-bottom:1px solid #222}.userRow{cursor:pointer;border-bottom:1px solid #191919}.userRow:last-child{border-bottom:0}.userRow:hover{background:#151515}.userIdentity{display:flex;align-items:center;gap:11px;min-width:0}.userIdentity strong,.userIdentity span{display:block}.userIdentity span{margin-top:3px;color:#676767;font-size:11px}.rowAvatar{width:39px;height:39px;min-width:39px;border-radius:12px;background:#681818;display:flex;justify-content:center;align-items:center;font-weight:700}.openUser{font-size:25px;color:#777}.usersEmpty{padding:35px;text-align:center;color:#666}.adminBack{background:transparent;border:0;color:#c84a4a;padding:0;margin-bottom:20px;cursor:pointer}.userDetailHeader{display:flex;align-items:center;gap:17px;margin-bottom:20px}.largeAvatar{width:72px;height:72px;border-radius:20px;background:#6b1818;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.userDetailHeader h2{margin:0 0 4px}.userDetailHeader p{margin:0 0 4px;color:#888}.userDetailHeader span{color:#5f5f5f;font-size:12px}.detailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.infoCard{background:#111;border:1px solid #242424;border-radius:16px;padding:16px}.infoCard span{display:block;color:#686868;font-size:11px}.infoCard strong{display:block;margin-top:7px;font-size:18px}.adminSubRow{padding:13px 0;border-top:1px solid #222;display:flex;justify-content:space-between;align-items:center}.adminSubRow div span{display:block;color:#666;margin-top:4px;font-size:11px}.statusOk,.statusOff{padding:6px 9px;border-radius:15px;font-size:11px}.statusOk{color:#55d98c;background:#35c6701a}.statusOff{color:#777;background:#ffffff0a}@media(max-width:850px){.usersToolbar{align-items:stretch;flex-direction:column}.userSearch{width:100%}.usersHead{display:none}.userRow{grid-template-columns:1fr 55px}.userRow>strong,.userRow>span:not(.openUser){display:none}.detailGrid{grid-template-columns:1fr 1fr}}.userActions{margin-bottom:14px;padding:18px;background:#101010;border:1px solid #242424;border-radius:18px}.userActions h3{margin:0 0 13px}.quickBalance{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quickBalance button,.customBalance button{border:1px solid #3a2020;background:#251010;color:#f3f3f3;border-radius:11px;padding:10px;cursor:pointer}.quickBalance button:hover,.customBalance button:hover{background:#361414}.customBalance{display:flex;gap:8px;margin-top:10px}.customBalance input{flex:1;min-width:0;border:1px solid #292929;background:#0d0d0d;color:#fff;border-radius:11px;padding:11px 12px;outline:none}.adminSubBlock{border-top:1px solid #222}.adminSubBlock:first-of-type{border-top:0}.clickableAdmin{cursor:pointer}.clickableAdmin:hover{background:#151515}.subRight{display:flex;align-items:center;gap:10px}.arrow{font-size:22px;color:#777}.devicesAdmin{padding:0 0 14px}.devicesHeader{display:flex;justify-content:space-between;align-items:center;background:#0c0c0c;padding:11px 13px;border-radius:11px;margin-bottom:8px}.devicesHeader span{color:#d34b4b}.adminDevice{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;margin-top:6px;background:#0c0c0c;border-radius:11px}.adminDevice strong,.adminDevice span{display:block}.adminDevice span{color:#727272;margin-top:3px;font-size:11px}.adminDevice small{color:#666;text-align:right}.devicesEmpty{color:#666;padding:13px}@media(max-width:850px){.quickBalance{grid-template-columns:repeat(2,1fr)}.customBalance{flex-direction:column}.adminDevice{align-items:flex-start;flex-direction:column}.adminDevice small{text-align:left}}.extendAdmin{padding:12px 0 15px}.extendAdmin>span{display:block;color:#777;font-size:11px;margin-bottom:8px}.extendButtons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.extendButtons button{border:1px solid #3a2020;background:#241010;color:#eee;border-radius:10px;padding:10px 7px;cursor:pointer}.extendButtons button:hover{background:#351515}.extendButtons button:disabled{opacity:.5;cursor:wait}@media(max-width:850px){.extendButtons{grid-template-columns:repeat(2,1fr)}}.devicesHeaderRight{display:flex;align-items:center;gap:10px}.resetDevicesBtn{border:1px solid #5a2020;background:#2b1010;color:#ff7676;border-radius:9px;padding:7px 9px;cursor:pointer;font-size:11px}.deleteDeviceBtn{border:1px solid #482020;background:#241010;color:#e76e6e;border-radius:9px;padding:8px 11px;cursor:pointer}.deleteDeviceBtn:hover,.resetDevicesBtn:hover{background:#391515}.deviceInfo{min-width:0}.deviceInfo small{display:block;margin-top:4px;color:#555}@media(max-width:850px){.devicesHeaderRight{align-items:flex-end;flex-direction:column}.deleteDeviceBtn{width:100%}}
