:root{--color1:#e2e2e2;--color2:#c70926;}.sticky{position:sticky;top:15px;}.p-modal{padding:30px;width:500px;max-width:100%;border-radius:12px;}.p-modal form{display:flex;flex-direction:column;gap:20px;}body{overflow:hidden;font-size:16px;}.header-left{position:absolute;left:0;top:0;bottom:0;overflow:hidden;overflow-y:auto;width:300px;border-right:1px solid #f3f3f3;background-color:#fff;padding:20px 0;scrollbar-width:thin;}.header-left .logo img{max-width:100%;display:block;padding:0 20px;}.header-left .user-infos{text-align:center;margin:32px 0;color:#aeb6bf;font-size:14px;}.header-left .user-infos .img{border-radius:500px;background-color:#e3eef1;width:70px;height:70px;margin:0 auto;margin-bottom:5px;overflow:hidden;}.header-left .user-infos .img img{width:100%;height:100%;border-radius:500px;object-fit:cover;}.header-left .user-infos .name{font-weight:bold;font-size:20px;color:#000;}.header-left .user-infos .mail{margin-top:20px;}.header-left .user-infos .p-btn{margin-top:20px;}.header-left .menus ul{list-style:none;padding:0;margin:0;}.header-left .menus ul li a{transition:0.2s;text-decoration:none;display:flex;gap:15px;align-items:center;padding:13px 20px;color:#93989a;border-right:4px solid transparent;}.header-left .menus ul li a img{transition:0.2s;filter:brightness(0);opacity:0.5;width:30px;}.header-left .menus ul li.active a,.header-left .menus ul li:hover a{color:#3a9bfe;border-color:#3a9bfe;background-color:#f5f7ff;}.header-left .menus ul li.active a img,.header-left .menus ul li:hover a img{opacity:1;filter:initial;}.header-top{position:absolute;top:0;left:300px;right:0;height:100px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #f3f3f3;}.header-top .search{background-color:#f7f7f7;border-radius:12px;display:flex;gap:10px;align-items:center;height:40px;padding:0 20px;}.header-top .search button{width:24px;height:24px;outline:none;border:none;background-repeat:no-repeat;background-position:center;background-image:url("../images/icon-search.svg");background-size:80%;background-color:transparent;}.header-top .search input{background-color:transparent;border:none;box-shadow:none;outline:none;width:380px;max-width:100%;}.page{background-color:#f7f7f7;position:absolute;overflow:hidden;overflow-y:auto;top:100px;left:300px;right:0;padding:32px 40px;min-height:calc(100vh - 100px);max-height:calc(100vh - 100px);scrollbar-width:thin;}.page .top-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}.page .top-area .title{font-size:28px;font-weight:bold;}.page .top-area .right{display:flex;align-items:center;gap:20px;}.p-btn{display:inline-flex;gap:10px;align-items:center;}.p-btn a,.p-btn button{background-color:#3a9bfe;color:#fff;border-radius:10px;padding:5px 10px;display:inline-flex;gap:8px;text-decoration:none;transition:0.2s;}.p-btn a:hover,.p-btn button:hover{background-color:#1589fd;color:#fff;}.p-btn.light a,.p-btn.light button{background-color:#f9fbfb;color:#4c6fff;}.p-btn.light a:hover,.p-btn.light button:hover{background-color:#f5f7ff;}.p-btn.fill a,.p-btn.fill button{border-radius:500px;padding:5px 30px;}.folder-area{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-bottom:24px;}.folder-area .folder{text-decoration:none;display:block;color:inherit;border-radius:16px;padding:24px;border:1px solid #edf2f7;background-color:#fff;}.folder-area .folder .top{display:flex;justify-content:space-between;align-items:center;user-select:none;margin-bottom:24px;}.folder-area .folder .top .icon{border-radius:10px;background-color:#e4ecf7;width:48px;height:48px;display:flex;align-items:center;justify-content:center;}.folder-area .folder .top .auths{display:flex;flex-direction:column;}.folder-area .folder .top .auths div{display:flex;justify-content:flex-end;align-items:center;}.folder-area .folder .top .auths span{width:30px;height:30px;overflow:hidden;border-radius:500px;font-size:12px;color:#fff;background-color:#aeb6bf;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-left:-7px;}.folder-area .folder .top .auths span:nth-child(1){background-color:#4c6fff;}.folder-area .folder .top .auths span:nth-child(2){background-color:#ff92ae;}.folder-area .folder .top .auths span:nth-child(3){background-color:#66cb9f;}.folder-area .folder .top .auths span:nth-child(4){background-color:#ffc107;}.folder-area .folder .top .auths span:nth-child(5){background-color:#ff6b6b;}.folder-area .folder .top .auths span:nth-child(6){background-color:#a55bff;}.folder-area .folder .top .auths span:nth-child(7){background-color:#ff6b6b;}.folder-area .folder .top .auths span:nth-child(8){background-color:#ffc107;}.folder-area .folder .top .auths span:nth-child(9){background-color:#66cb9f;}.folder-area .folder .top .auths span:nth-child(10){background-color:#ff92ae;}.folder-area .folder .bot .title{font-size:14px;margin-bottom:5px;font-weight:bold;}.folder-area .folder .bot .bb{display:flex;justify-content:space-between;align-items:center;font-size:14px;}.folder-area .folder .bot .bb b{font-weight:normal;}.folder-area .folder .bot .bb span{font-size:12px;}.users-area{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-bottom:24px;}.users-area .user{border-radius:16px;padding:24px;border:1px solid #edf2f7;background-color:#fff;}.users-area .user .top{display:flex;justify-content:space-between;align-items:center;user-select:none;margin-bottom:24px;}.users-area .user .top .icon{border-radius:10px;overflow:hidden;background-color:#f1f1f5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;}.users-area .user .top .icon .u{width:100%;height:100%;object-fit:cover;}.users-area .user .top .edit{border-radius:10px;background-color:#f1f1f5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.2s;}.users-area .user .top .edit:hover{background-color:#e1e1e6;}.users-area .user .bot .title{font-size:14px;margin-bottom:5px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;}.users-area .user .bot .title a{color:inherit;}.users-area .user .bot .bb{display:flex;justify-content:space-between;align-items:center;font-size:14px;}.users-area .user .bot .bb b{font-weight:normal;}.users-area .user .bot .bb span{font-size:12px;}.files-area{border-radius:16px;background-color:#fff;border:1px solid #edf2f7;}.files-area .title{font-size:20px;font-weight:bold;padding:15px 24px;font-size:14px;}.files-area .table{margin:0;}.files-area .table tr{border-bottom:1px solid #edf2f7;}.files-area .table tr:first-of-type{border-top:1px solid #edf2f7;background-color:#fafafb;}.files-area .table tr th,.files-area .table tr td{vertical-align:middle;padding:15px 24px;font-size:14px;}.files-area .table tr th{font-size:10px;text-transform:uppercase;color:#8492a6;}.files-area .table tr.alt{display:none;}.files-area .table tr.alt td{background-color:#f2f2f2;}.files-area .table tr.alt.active{display:table-row;}.files-area .file{display:flex;gap:10px;}.files-area .file .icon{width:36px;height:36px;border-radius:5px;background-color:#e1e8ff;display:flex;align-items:center;justify-content:center;}.files-area .file .icon img{width:20px;}.files-area .file .r{display:flex;flex-direction:column;}.files-area .file .r span{font-size:12px;font-weight:bold;}.files-area .file .r b{font-weight:normal;font-size:10px;color:#718096;}.files-area .bot-title{color:#718096;font-size:14px;padding:15px 24px;}.page-login{width:1440px;max-width:100%;margin:0 auto;}.page-login .top{background-color:#eff7ff;display:flex;justify-content:space-between;align-items:center;user-select:none;}.page-login .top .slogan{padding:30px;padding-left:90px;font-size:60px;display:flex;flex-direction:column;}.page-login .top .slogan span{font-size:40px;}.page-login .top .slogan u{font-size:60px;text-decoration:none;line-height:60px;}.page-login .top img{width:190px;height:190px;display:block;pointer-events:none;}.page-login .main{background-color:#fafafa;padding:100px 20px;display:flex;flex-direction:column;align-items:center;gap:30px;}.page-login .main .form{width:600px;max-width:100%;background-color:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:30px;}.page-login .main .form .title{text-align:center;border-bottom:1px solid #e8e8e8;padding:20px 0;font-size:20px;font-weight:bold;padding-top:0;margin-bottom:40px;}.page-login .main .form .form-group{margin-bottom:20px;}.page-login .main .form .form-group input{height:50px;border:none;background-color:#fafafa;}.page-login .main .form button{width:100%;padding:10px 20px;border:none;background-color:#eff7ff;color:#1007b3;font-weight:bold;font-size:18px;border-radius:10px;transition:0.2s;}.page-login .main .form button:hover{background-color:#e5f0ff;}.page-login .bot{background-color:#eff7ff;display:flex;justify-content:space-between;padding:50px 90px;gap:100px;}.page-login .bot .logo img{width:250px;max-width:100%;}.page-login .bot .slogan{margin-top:20px;width:300px;max-width:100%;}.page-login .bot .address{display:flex;flex-direction:column;gap:15px;}.page-login .bot .address p{margin:0;}.page-login .bot a{color:inherit;text-decoration:none;transition:0.2s;}.page-login .bot a:hover{opacity:0.7;}.page-login .bot .t{font-size:20px;margin-bottom:8px;}