:root{
            --bg1:#001542;
            --bg2:#085454;
            --bg3:#7A7A7A;
            --bg4:#FFFFFF;
            --bg5:#FFB30D;
            --bg6:#9EF8EE;
            --bg7:#DFFBFC; 
            --bg8:#9BC0D9;
            --bg9:#EE6B4D;
            --bg10:#DEEFE7;
            --bg20:#0099DD;
            --bg21:#2E21E0;
            --bg22:#2453E0;
            --bg23:#6E24E0;
            
        }

        *{padding:0;margin:0;font-size: 12px;font-family: Arial, Helvetica, sans-serif;list-style: none;text-decoration-line: none;color: var(--bg2);}
        .m{height:100vh;}
        a{color:var(--bg6);}
        .m1{height:10vh;background:var(--bg21);color:var(--bg4);font-size:18px;display:flex;
            position: relative;
        }
        .logo{position: absolute;top:10px;left:5px;
        }
        .logoms{color:var(--bg4);font-size:20px;position:absolute;left:75px;top:20px;}
        .user{color:var(--bg4);}
        .serch{position:fixed;right:10px;top:25px;}
        
        .m2{height:35vh;background:var(--bg10);display:flex;flex-wrap:wrap;overflow-x:auto;}
        .fdm{padding:10px;border:1px solid var(--bg22);margin:5px;border-radius:5px;}
        .m3{height:50vh;overflow:auto;}
        .m4{height:5px;display:flex;
            justify-content: center;align-items: flex-start;margin-top:10px;
        }
        .uinfo{border:1px solid var(--bg2);padding:10px;}
        .uinfo1{border-bottom:2px dashed var(--bg6);padding:10px;}
        i{color:var(--bg22);margin-right:10px;}
        b{margin-right:10px;}
        .tx{color:var(--bg9);}
        .nouser{font-size:20px;color:var(--bg5);padding:30px;}
        
        .cdu{padding-top:10px;}
        .btn1{background:var(--bg3);color:var(--bg6);padding:8px 20px;margin:5px;border-radius:15px;}